摘要： 除了《Vuex最基本样例》中的方法外，还有两种方法访问状态对象state： 只需要改app.vue文件 方法一：引入computed 方法二：在方法一基础上引入mapState 方法三：简化的mapState写法 运行结果如下： 看出来，结果是一样的。 阅读全文

摘要： 通过vue-cli建立基本脚手架（需要安装vuex），需要新建一个store.js文件。基本目录如下 1，store.js文件代码： 2，App.vue代码： 3，入口文件main.js代码： 运行结果为： 默认显示为数字5，点击+或者-，执行相应的加减操作。 阅读全文

摘要： 实现的功能如下图： DOM代码一样： 版本一：（low） 说明： 在每次按键抬起都会触发请求（比如，输入 angular，会触发7次搜索结果），造成浪费，影响加载速度。 版本一：（高大上） 说明：短暂延时，在连续快速输入（<500ms）时，不会触发请求，停顿时间>500ms时，才会一次性发送请求。 阅读全文

摘要： 功能：实现点击排序，再点击排倒序。 实现方法如下 方法一：定义变量实现点击切换true或false，代码为： 其中对应的html代码为： 方法二：函数也是对象，可以赋属性。 html代码同上。 阅读全文

摘要： 1，对于一个基本的for循环，顺序输出变量值。 2，如果for循环中有定时器，如下代码。 初衷想要3s后输出1,2,3。但是3s后，输出3个4。原因是定时器的异步执行，for循环的执行速度很快，当真正执行到函数体时，此时i早已变成4，所以结果不想而知。 3，如果要得到正确结果，就要引入闭包来保存变量 阅读全文

摘要： angular的标签栏，有两种方法实现： 详细例子如下： 1、ng-show HTML模板如下： <div data-ng-show="detailDownTitle.count==0"> <div>Tab1</div> </div> <div data-ng-show="detailDownTit 阅读全文

摘要： 1.属性指令 angularjs样式相关指令： ng-class ng-style ng-href ng-src ng-attr-(suffix) ng-bind ng-cloak 没解析完之前标签是隐藏的，解析完后标签是显示的，控制css的指令 ng-bind-template 支持多表达式'{{ 阅读全文

摘要： 不同过滤器的小demo。 currency number uppercase json limitTo date orderBy filter 过滤器扩展-组合使用 过滤器可以组合使用，通过多个 | 符号，比如： js中使用过滤器$filter 自定义过滤器 js中使用自定义过滤器 阅读全文

摘要： angular.isArray angular.isDate angular.isDefined angular.isUndefined angular.isFunction angular.isNumber angular.isObject angular.isString angular.isE 阅读全文

摘要： div固定宽高，水平垂直居中，根据所用单位不同，分成两种情况，分别是“px”和“%”情况。 例：将三层div做出三个边框，要求水平垂直居中。效果如图 情况一（单位是px时）： 只需要用绝对定位到屏幕中间，然后利用margin-left和margin-top取值就可以实现。 情况二（单位是%）： 由于 阅读全文