JavaScript - 教程之家

48浏览

0评论

利用jsonp与代理服务器方案解决跨域问题

前言本文将从实践角度介绍如何使用jsonp和代理服务器方案解决跨域问题，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。浏览器为了保护用户安全，引入了同源策...

2020-05-27

47浏览

0评论

gulp教程_从入门到项目中快速上手使用方法

gulp是什么？gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是...

2020-05-27

44浏览

0评论

基于node.js express mvc轻量级框架实践

本文记录的是笔者最近抽私下时间给朋友做的一个时时彩自动下注系统，比较简单，主要也是为了学习一下node.js。其实逻辑没什么可以深谈的，主要是想说说这套代码结构。结构如下图：j...

2020-05-27

54浏览

0评论

浅谈JavaScript中的属性:如何遍历属性

在JavaScript中，遍历一个对象的属性往往没有在其他语言中遍历一个哈希(有些语言称为字典)的键那么简单。这主要有两个方面的原因：一个是,JavaScript中的对象通常都处在某个原...

2020-05-27

59浏览

0评论

Angularjs 1.3 中的$parse实例代码

这次我们来看一下angular的Sandboxing Angular Expressions。关于内置方法的，核心有两块：Lexer和Parser。其中大家对$parse可能更了解一点。好了不多废话，先看Lexer的内部结构：1...

2020-05-27

57浏览

0评论

详解React Native顶|底部导航使用小技巧

导航一直是App开发中比较重要的一个组件，ReactNative提供了两种导航组件供我们使用，分别是：NavigatorIOS和Navigator，但是前者只能用于iOS平台，后者在ReactNative0.44版本以后已...

2020-05-27

38浏览

0评论

日期时间范围选择插件:daterangepicker使用总结(必看篇)

分享说明：项目中要使用日期时间范围选择对数据进行筛选；精确到年月日时分秒；起初,使用了layui的时间日期选择插件；但是在IIE8第一次点击会报设置格式错误；研究了很久没解决，但能...

2020-05-27

70浏览

0评论

用JS编写一个函数,返回数组中重复出现过的元素(实例)

用JS编写一个函数，返回数组中重复出现过的元素，见下面的代码：var arr = [1, 2, 3, 1, 2, 3, 4, 5]; var getRepeat = function (arr) { var obj = {}; for (var i = 0,...

2020-05-27

60浏览

0评论

说说AngularJS中的$parse和$eval的用法

AngularJS的初学者常常会对$parse和$eval两个内建服务感到有些困惑，今天我们就来说说AngularJS中的$parse和$eval。总的来说，$parse和$eval都是作用于AngularJS的表达式。什么...

2020-05-27

52浏览

0评论

浅谈angular.copy() 深拷贝

因为项目中需要拷贝，查阅angularjs API文档，发现对angular.copy() 的解释：复制一个对象或者一个数组（好吧，万物皆对象，数组也是一个对象）。
1> 如果省略了destination，一个新的对象...

2020-05-27

42浏览

0评论

angular.extend方法的具体使用

AngularJs的angular.extend()方法可以把一个或多个对象中的方法和属性扩展到一个目的对象中，使得这个对象拥有其他对象相同的方法和属性，如下图所示。angular.extends()方法的...

2020-05-27

64浏览

0评论

nodejs socket服务端和客户端简单通信功能

本文实例讲述了通过node.js的net模块实现nodejs socket服务端和客户端简单通信功能，可以用作客户端对服务端的端口监听以及事件回执。server端代码var net = require('net');...

2020-05-27

47浏览

0评论

jQuery plugin animsition使用小结

用法整理下载地址：https://github.com/blivesta/animsition文档地址：http://git.blivesta.com/animsition/实现的效果是，各种不同效果的转场效果<div class="animsition"> <di...

2020-05-27

56浏览

0评论

浅谈AngularJS中使用$resource（已更新）

这个服务可以创建一个资源对象，我们可以用它非常方便地同支持RESTful的服务端数据源进行交互，当同支持RESTful的数据模型一起工作时，它就派上用场了。
REST是Representation...

2020-05-27

36浏览

0评论

SVG动画vivus.js库使用小结(实例代码)

SVG动画vivus.js库使用整理，具体实例代码如下所示：使用方法如图：HTML例子代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Com...

2020-05-27

57浏览

0评论

JavaScript requestAnimationFrame动画详解

进入web2.0时代，在网页中实现动画已经不再局限于一种方法你可以用CSS3的animattion+keyframes; 你也可以用css3的transition; 你还可以用通过在canvas上作图来实现动画，也...

2020-05-27

39浏览

0评论

React-Native使用Mobx实现购物车功能

在工作中，购物车场景非常常见。本文实现基于React-Native和Mobx实现两种购物车例子。
其中，后期会加入动画等其他。本期先实现基础功能。二：基于State实现购物车
1-：ShoppingCar...

2020-05-27

93浏览

0评论

JavaScript动态绑定详解

问题描述：假设我们的网页中动态生成了一个按钮，在这个按钮生成之前我们按照一般的事件绑定方法为此按钮绑定了触发事件，但是问题是绑定的事件并没有生效（JavaScript中为元素绑定...

2020-05-27

45浏览

0评论

浅谈vue中数据双向绑定的实现原理

vue中最常见的属v-model这个数据双向绑定了，很好奇它是如何实现的呢？尝试着用原生的JS去实现一下。首先大致学习了解下Object.defineProperty()这个东东吧！* Object.defineProp...

2020-05-27

59浏览

0评论

快速将Vue项目升级到webpack3的方法步骤

前言由于 webpack3升级后，新增了 Scope Hositing（作用域提升）功能，据说是对 js的性能提升很大。因此，我们做了一个测试对比，就是 webpack3和 webpack1/2 的性能对比，如下：测试目标...

2020-05-27

59浏览

0评论

JS验证码实现代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：<script language="javascript">var code; //在全局定义验证码function createCode(){ //创建验证码函数 code = ""; var...

2020-05-27

43浏览

0评论

JS中跳出循环的示例代码

1、for循环中我们使用continue；终止本次循环计入下一个循环，使用break终止整个循环。2、而在jquery中 $.each使用return true 终止本次循环计入下一个循环，return false终止整...

2020-05-27

38浏览

0评论

分分钟学会vue中vuex的应用（入门教程）

vuex.js
状态（数据）管理
在vue中当我们管理数据的时候比较乱，我们要用到下面的这个库，vuex.jsVuex介绍每一个Vuex应用的核心就是store（仓库），他是用来存储数据的"store" 基本上就是...

2020-05-27

40浏览

0评论

react 父组件与子组件之间的值传递的方法

概念上，组件是封闭的环境。React中是单向数据流的设计，也就是是说只有父组件传递资料给子组件这回事。以正确的技术说明，拥有者组件可以设置被拥有者组件中的数据。
那么子组件...

2020-05-27

42浏览

0评论

详解使用Visual Studio Code对Node.js进行断点调试

在开发的过程中，几乎不可能一次性就能写出毫无破绽的程序，断点调试代码是一个普遍的需求。作为前端开发工程师，以往我们开发的JavaScript程序都运行在浏览器端，利用Chrome提供的...

2020-05-27

46浏览

0评论

JavaScript正则表达式和级联效果

1、正则表达式（regular expression）是一种字符串匹配的模式，用来检查一个字符串中是否包含指定模式的字符串。
2、正则表达式的创建var reg = /white/;var reg = new RegExp("w...

2020-05-27

57浏览

0评论

JS库之wow.js使用方法

近日，在做项目中，需要做到滚动条滑到某个位置时，才能显示动画，网上查询到有个wow.js可以达到要求，现在把使用方法做如下总结：wow.js演示地址wow.js的github地址使用方法真是超简单...

2020-05-27

100浏览

0评论

详解tween.js的使用教程

前面的话TweenJS提供了一个简单但强大的渐变界面。它支持渐变的数字对象属性&CSS样式属性，并允许链接补间动画和行动结合起来，创造出复杂的序列。本文将详细介绍tween.js的使...

2020-05-27

67浏览

0评论

vue 计时器组件的实现代码

整理文档，搜刮出一个vue 计时器组件的代码，稍微整理精简一下做下分享。
<template> <div> <span :sendSync="sendSync" :autoStart="autoStart" :defaultVal="de...

2020-05-27

89浏览

0评论

VsCode插件整理（小结）

1.VsCode官方插件地址：https://marketplace.visualstudio.com/vscode
http://code.visualstudio.com/docs官网下载地址：http://code.visualstudio.com/
2.使用方法，可以在官网...

2020-05-27

60浏览

0评论

iframe与主框架跨域相互访问实现方法

1.同域相互访问假设A.html 与 b.html domain都是localhost （同域）
A.html中iframe 嵌入 B.html，name=myframe
A.html有js function fMain()
B.html有js function fIframe()
需...

2020-05-27

160浏览

0评论

json2.js 入门教程之使用方法与实例分析

json2.js主要功能是做什么的？json2.js提供了json的序列化和反序列化方法，可以将一个json对象转换成json字符串，也可以将一个json字符串转换成一个json对象。json2.js在浏览器不...

2020-05-27

34浏览

0评论

基于Vue单文件组件详解

本文将详细介绍Vue单文件组件概述在很多 Vue 项目中，使用 Vue.component 来定义全局组件，紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。这种方式在...

2020-05-27

48浏览

0评论

基于Vue生产环境部署详解

前面的话开发时，Vue 会提供很多警告来帮助解决常见的错误与陷阱。生产时，这些警告语句却没有用，反而会增加载荷量。再次，有些警告检查有小的运行时开销，生产环境模式下是可以避免...

2020-05-27

104浏览

0评论

angular4模块中给标签添加背景图的实现方法

一、现象一个全屏的“走马灯”每项需要添加背景图，在循环标签里需要动态添加行内样式二、解决1、首先有一个图片数组，如：export class AppComponent { array = ["url(/assets/i...

2020-05-27

42浏览

0评论

Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)

在这之前，我已经分享过组件与组件的通信机制以及父子组件之间的通信机制，而我们的vuex就是为了解决组件通信问题的vuex是什么东东呢？组件通信的本质其实就是在组件之间传递数据...

2020-05-27

61浏览

0评论

动态创建Angular组件实现popup弹窗功能

起步: 直接使用ngIf把弹窗的DOM直接放在页面底下隐藏，通过ngIf这样的指令控制其显示。改进: 封装成angular模块，通过服务控制其显示直接使用ngIf的话，让人不爽的地方就在于不够...

2020-05-27

61浏览

0评论

详解利用 Vue.js 实现前后端分离的RBAC角色权限管理

项目背景：物业管理后台，不同角色拥有不同权限采用技术：Vue.js + Vuex + Element UI实现 RBAC 权限管理需要后端接口支持，这里仅提供前端解决方案。
因代码篇幅较大，对代码进行了...

2020-05-27

74浏览

0评论

JavaScript中如何判断一个值的类型

我们知道在js中有一个运算符可以帮助我们判断一个值的类型，它就是typeof运算符。console.log(typeof 123); //numberconsole.log(typeof '123'); //stringconsole.log(typeo...

2020-05-27

59浏览

0评论

Vue渲染函数详解

前面的话Vue 推荐在绝大多数情况下使用 template 来创建HTML。然而在一些场景中，真的需要 JavaScript 的完全编程的能力，这就是 render 函数，它比 template 更接近编译器。本文...

2020-05-27

137浏览

0评论

详解nodejs中express搭建权限管理系统

权限管理，是管理系统中的常见组件。通常需要定义资源，把资源调配给用户，通过判断用户是否有权限增删改查来实现。初衷：使用express开发过的项目大大小小加在一起也有二十多个了，...

2020-05-27

59浏览

0评论

vue用addRoutes实现动态路由的示例

之前在基于Vue实现后台系统权限控制一文中提到路由权限的实现思路，因为不喜欢在每次路由跳转的before钩子里做判断，所以在初始化Vue实例前对路由做了筛选，再用实际路由初始化Vu...

2020-05-27

70浏览

0评论

Vue-router 类似Vuex实现组件化开发的示例

本文介绍了Vue-router 类似Vuex实现组件化开发的示例，分享给大家，具体如下：
随着项目越来越大，把所有route写在一个文件里就显得杂乱。#单个组件路由import a from '../componen...

2020-05-27

42浏览

0评论

jQuery获取复选框选中的当前行的某个字段的值

废话不多说了，直接给大家贴代码了，具体代码如下所示： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js</title> </head><scrip...

2020-05-27

59浏览

0评论

vue中for循环更改数据的实例代码(数据变化但页面数据未变）

废话不多说了，直接给大家贴代码了，具体代码如下所示： let that = this;for(let i = 0;i<that.tableData.length;i++){ this.tableData[i].zzzk = this.midForm.zzzk; console.l...

2020-05-27

248浏览

0评论

vue实现登陆登出的实现示例

最近接手的B端项目选择了vue来做，此项目使用element ui Message等为组件望周知需求登陆成功后跳转至首页首页不能手动跳转至登陆页登陆后跳转至目标页面此次B端SPA项...

2020-05-27

55浏览

0评论

Node.js实现连接mysql数据库功能示例

本文实例讲述了Node.js实现连接mysql数据库功能。分享给大家供大家参考，具体如下：Node.js连接数据库前，需要安装相应的包，如果安装sql server 需要先装包node-sqlserver。我们以...

2020-05-27

99浏览

0评论

详解axios 全攻略之基本介绍与使用（GET 与 POST）

axiosaxios 是一个基于 Promise 的 HTTP 客户端，专门为浏览器和 node.js 服务
Vue 2.0 官方推荐使用 axios 来代替原来的 Vue request，所以这里介绍一下 axios 的功能和基本的...

2020-05-27

60浏览

0评论

详解Vue.js Mixins 混入使用

Mixins一般有两种用途：1、在你已经写好了构造器后，需要增加方法或者临时的活动时使用的方法，这时用混入会减少源代码的污染。2、很多地方都会用到的公用方法，用混入的方法可以减...

2020-05-27

热门文章