jQuery plugin animsition使用小结
用法整理下载地址：https://github.com/blivesta/animsition文档地址：http://git.blivesta.com/animsition/实现的效果是，各种不同效果的转场效果<div class="animsition"> <di...
2020-05-27
浅谈AngularJS中使用$resource（已更新）
这个服务可以创建一个资源对象，我们可以用它非常方便地同支持RESTful的服务端数据源进行交互，当同支持RESTful的数据模型一起工作时，它就派上用场了。
REST是Representation...
2020-05-27
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
JavaScript requestAnimationFrame动画详解
进入web2.0时代，在网页中实现动画已经不再局限于一种方法 你可以用CSS3的animattion+keyframes; 你也可以用css3的transition; 你还可以用通过在canvas上作图来实现动画，也...
2020-05-27
React-Native使用Mobx实现购物车功能
在工作中，购物车场景非常常见。本文实现基于React-Native和Mobx实现两种购物车例子。
其中，后期会加入动画等其他。本期先实现基础功能。二：基于State实现购物车
1-：ShoppingCar...
2020-05-27
JavaScript动态绑定详解
问题描述：假设我们的网页中动态生成了一个按钮，在这个按钮生成之前我们按照一般的事件绑定方法为此按钮绑定了触发事件，但是问题是绑定的事件并没有生效（JavaScript中为元素绑定...
2020-05-27
浅谈vue中数据双向绑定的实现原理
vue中最常见的属v-model这个数据双向绑定了，很好奇它是如何实现的呢？尝试着用原生的JS去实现一下。首先大致学习了解下Object.defineProperty()这个东东吧！* Object.defineProp...
2020-05-27
快速将Vue项目升级到webpack3的方法步骤
前言由于 webpack3升级后，新增了 Scope Hositing（作用域提升） 功能，据说是对 js的性能提升很大。因此，我们做了一个测试对比，就是 webpack3和 webpack1/2 的性能对比，如下：测试目标...
2020-05-27
JS验证码实现代码
废话不多说了，直接给大家贴代码了，具体代码如下所示：<script language="javascript">var code; //在全局 定义验证码function createCode(){ //创建验证码函数 code = ""; var...
2020-05-27
JS中跳出循环的示例代码
1、for循环中我们使用continue；终止本次循环计入下一个循环，使用break终止整个循环。2、而在jquery中 $.each使用return true 终止本次循环计入下一个循环，return false终止整...
2020-05-27
分分钟学会vue中vuex的应用（入门教程）
vuex.js
状态（数据）管理
在vue中当我们管理数据的时候比较乱，我们要用到下面的这个库，vuex.jsVuex介绍每一个Vuex应用的核心就是store（仓库），他是用来存储数据的"store" 基本上就是...
2020-05-27
react 父组件与子组件之间的值传递的方法
概念上，组件是封闭的环境。React中是单向数据流的设计，也就是是说只有父组件传递资料给子组件这回事。以正确的技术说明，拥有者组件可以设置被拥有者组件中的数据。
那么子组件...
2020-05-27
详解使用Visual Studio Code对Node.js进行断点调试
在开发的过程中，几乎不可能一次性就能写出毫无破绽的程序，断点调试代码是一个普遍的需求。作为前端开发工程师，以往我们开发的JavaScript程序都运行在浏览器端，利用Chrome提供的...
2020-05-27
JavaScript正则表达式和级联效果
1、正则表达式（regular expression）是一种字符串匹配的模式，用来检查一个字符串中是否包含指定模式的字符串。
2、正则表达式的创建var reg = /white/;var reg = new RegExp("w...
2020-05-27
JS库之wow.js使用方法
近日，在做项目中，需要做到滚动条滑到某个位置时，才能显示动画，网上查询到有个wow.js可以达到要求，现在把使用方法做如下总结：wow.js演示地址wow.js的github地址使用方法真是超简单...
2020-05-27
详解tween.js的使用教程
前面的话TweenJS提供了一个简单但强大的渐变界面。它支持渐变的数字对象属性&CSS样式属性，并允许链接补间动画和行动结合起来，创造出复杂的序列。本文将详细介绍tween.js的使...
2020-05-27
vue 计时器组件的实现代码
整理文档，搜刮出一个vue 计时器组件的代码，稍微整理精简一下做下分享。
<template> <div> <span :sendSync="sendSync" :autoStart="autoStart" :defaultVal="de...
2020-05-27
推荐VSCode 上特别好用的 Vue 插件之vetur
Vue自从发布以来就一直受到前端开发人员的热爱，而除了一些本身优秀的特征之外，还有就是丰富的插件和工具的支持和更新。虽然现在的编辑器需要安装相应的plugins才能进行Vue组...
2020-05-27
VsCode插件整理（小结）
1.VsCode官方插件地址：https://marketplace.visualstudio.com/vscode
http://code.visualstudio.com/docs官网下载地址：http://code.visualstudio.com/
2.使用方法，可以在官网...
2020-05-27
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
json2.js 入门教程之使用方法与实例分析
json2.js主要功能是做什么的？json2.js提供了json的序列化和反序列化方法，可以将一个json对象转换成json字符串，也可以将一个json字符串转换成一个json对象。json2.js在浏览器不...
2020-05-27
基于Vue单文件组件详解
本文将详细介绍Vue单文件组件概述在很多 Vue 项目中，使用 Vue.component 来定义全局组件，紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。这种方式在...
2020-05-27
基于Vue生产环境部署详解
前面的话开发时，Vue 会提供很多警告来帮助解决常见的错误与陷阱。生产时，这些警告语句却没有用，反而会增加载荷量。再次，有些警告检查有小的运行时开销，生产环境模式下是可以避免...
2020-05-27
angular4模块中给标签添加背景图的实现方法
一、现象一个全屏的“走马灯”每项需要添加背景图，在循环标签里需要动态添加行内样式二、解决1、首先有一个图片数组，如：export class AppComponent { array = ["url(/assets/i...
2020-05-27
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
在这之前，我已经分享过组件与组件的通信机制以及父子组件之间的通信机制，而我们的vuex就是为了解决组件通信问题的vuex是什么东东呢？组件通信的本质其实就是在组件之间传递数据...
2020-05-27
动态创建Angular组件实现popup弹窗功能
起步: 直接使用ngIf把弹窗的DOM直接放在页面底下隐藏，通过ngIf这样的指令控制其显示。改进: 封装成angular模块，通过服务控制其显示直接使用ngIf的话，让人不爽的地方就在于不够...
2020-05-27
详解利用 Vue.js 实现前后端分离的RBAC角色权限管理
项目背景：物业管理后台，不同角色拥有不同权限采用技术：Vue.js + Vuex + Element UI实现 RBAC 权限管理需要后端接口支持，这里仅提供前端解决方案。
因代码篇幅较大，对代码进行了...
2020-05-27
JavaScript中如何判断一个值的类型
我们知道在js中有一个运算符可以帮助我们判断一个值的类型，它就是typeof运算符。console.log(typeof 123); //numberconsole.log(typeof '123'); //stringconsole.log(typeo...
2020-05-27
Vue渲染函数详解
前面的话Vue 推荐在绝大多数情况下使用 template 来创建HTML。然而在一些场景中，真的需要 JavaScript 的完全编程的能力，这就是 render 函数，它比 template 更接近编译器。本文...
2020-05-27
详解nodejs中express搭建权限管理系统
权限管理，是管理系统中的常见组件。通常需要定义资源，把资源调配给用户，通过判断用户是否有权限增删改查来实现。初衷：使用express开发过的项目大大小小加在一起也有二十多个了，...
2020-05-27
vue用addRoutes实现动态路由的示例
之前在基于Vue实现后台系统权限控制一文中提到路由权限的实现思路，因为不喜欢在每次路由跳转的before钩子里做判断，所以在初始化Vue实例前对路由做了筛选，再用实际路由初始化Vu...
2020-05-27
Vue-router 类似Vuex实现组件化开发的示例
本文介绍了Vue-router 类似Vuex实现组件化开发的示例，分享给大家，具体如下：
随着项目越来越大，把所有route写在一个文件里就显得杂乱。#单个组件路由import a from '../componen...
2020-05-27
jQuery获取复选框选中的当前行的某个字段的值
废话不多说了，直接给大家贴代码了，具体代码如下所示： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js</title> </head><scrip...
2020-05-27
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
vue实现登陆登出的实现示例
最近接手的B端项目选择了vue来做，此项目使用element ui Message等为组件 望周知需求 登陆成功后跳转至首页 首页不能手动跳转至登陆页 登陆后跳转至目标页面此次B端SPA项...
2020-05-27
Node.js实现连接mysql数据库功能示例
本文实例讲述了Node.js实现连接mysql数据库功能。分享给大家供大家参考，具体如下：Node.js连接数据库前，需要安装相应的包，如果安装sql server 需要先装包node-sqlserver。我们以...
2020-05-27
详解axios 全攻略之基本介绍与使用（GET 与 POST）
axiosaxios 是一个基于 Promise 的 HTTP 客户端，专门为浏览器和 node.js 服务
Vue 2.0 官方推荐使用 axios 来代替原来的 Vue request，所以这里介绍一下 axios 的功能和基本的...
2020-05-27
详解Vue.js Mixins 混入使用
Mixins一般有两种用途：1、在你已经写好了构造器后，需要增加方法或者临时的活动时使用的方法，这时用混入会减少源代码的污染。2、很多地方都会用到的公用方法，用混入的方法可以减...
2020-05-27
jQuery实现火车票买票城市选择切换功能
效果图如下所示：
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> select { width: 200px; background-color: teal; height...
2020-05-27
JavaScript实现换肤功能
一，js换肤的基本原理基本原理很简单，就是使用 JS 切换对应的 CSS 样式表文件。例如导航网站 Hao123 的右上方就有网页换肤功能。除了切换 CSS 样式表文件之外，通常的网页换肤还...
2020-05-27
详解Vue中一种简易路由传参办法
情景模拟：A页面中，有一些div是根据A中的book数据通过v-for生成的，比如item。并且点击会根据路由跳转到B页面。而跳转到B页面后，我需要A中的item。
<div v-for="(item,index) in...
2020-05-27
webpack构建react多页面应用详解
写这个的初衷是很难找一个简洁的项目脚手架，很多脚手架都有很多依赖，光看依赖就要很久，所以自己参照网上的内容，弄个这么一个简单的多页面的脚手架。利用creat-react-app 新建一...
2020-05-27
EasyUI创建人员树的实例代码
最近做了一个树状的下拉列表，在这里记录一下，以后可以直接使用项目中的树状下拉列表是用来选择人员用的，具体实现展示如下：先说一说功能，左边的人员数是提供选人的，当点击中间的按...
2020-05-27
使用JS实现气泡跟随鼠标移动的动画效果
气泡跟随鼠标移动，并在每次点击时产生不同的变化效果如下<!DOCTYPE html><html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...
2020-05-27
Angular使用Md5加密的解决方法
一、现象用户登录时需要记住密码的功能，在前端需要对密码进行加密处理，增加安全性二解决1、利用npm(如果没有，先自行安装npm)安装ts-md5npm install ts-md5 --save-dev2、在使...
2020-05-27
详解JS构造函数中this和return
先看一段代码，function Foo(name,age){ this.name=name; this.age=age;}var foo=new Foo("Tom",14);foo.name;//Tomfoo.age;//14使用构造函数实例化发生的流程：1.建立一个fo...
2020-05-27
ES6中Array.find()和findIndex()函数的用法详解
ES6为Array增加了find()，findIndex函数。find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined。findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就...
2020-05-27
JS闭包的几种常见形式实例详解
作用域链：//作用域链 var a = 1; function test() { var b =2; return a; } alert(test());//弹出1； alert(b);//不能获取b//scope chain var a = 1; function t...
2020-05-27
ES6中Array.copyWithin()函数的用法实例详解
ES6为Array增加了copyWithin函数，用于操作当前数组自身，用来把某些个位置的元素复制并覆盖到其他位置上去。Array.prototype.copyWithin(target, start = 0, end = this.lengt...
2020-05-27
Javascript 严格模式use strict详解
严格模式：由ECMA-262规范定义的JavaScript标准，对javascrip的限制更强。（非严格的模式，被称为“马虎模式/稀松模式/懒散模式”。）一、严格模式的使用严格模式可以在脚本或函数级...
2020-05-27
