一个Vue单页应用，A、B、C 三个页面都引用了一个公用的时间选择器。用户在各自页面选择完时间后，A，B，C页面互相切换时保存选择的时间，在关闭浏览器tab后，清除选择的时间，恢复初识值。一开始的想法是使用会话 cookie（不手动设置过期时间），但是会话 cookie 在关闭浏览器 tab 的时候不会被清除。所以决定研究下会话...

参考链接中的文章，实现了一个vue版的，[链接] {代码...} 让虚拟DOM和DOM-diff不再成为你的绊脚石

发送请求的时候只需要指定key（sku/list），如：this.$ajax('sku/list', param)；假定axios设置的baseURL是http://prod.storm.com/api/，那么最终的请求地址：http://prod.storm.com/api/product/product/speclist

1.在src/icons/svg存放icon矢量图（可以去iconfont查找合适的icon，选择svg下载） 2.在src/icons/index.js中使用webpack的require.context自动引入src/icons下面所有的图标。 {代码...} 3.在webpack.base.config.js中配置svg-sprite-loader {代码...} 注意：由于vue-cli默认情况下会使用 url-loader 对svg进行处理（如下...

1 Promise的状态1.1 Promise对象有三种状态： pending 初始状态，既不是resolved也不是rejected; resolved 成功。此时调用onFulfilled; rejected 失败。此时调用onRejected; resolved和rejected都可以表示为settled.最初Promise为pending状态，在执行后转为settled状态，而settled状态分为两种：在成功后转为resolved，...

localStorage是持久化的本地保存，除非主动删除，不然会一直存在，而且在所有的同源窗口中都是可以共享的sessionStorage是会话级别的本地保存，比如一个页面关闭的时候该页面设置的sessionStorage数据会自动消失，在不同浏览器窗口不会共享的，即使是同一个浏览器的同一个页面

如果是方式1,2,function定义的时候也可以没有evt形参,但是被调用的时候一定会传递一个事件对象,如果有形参evt,则用evt接收,如果没有,可以在函数内直接通过event或arguments[0]访问.如果是方式3,当是test()调用时,则不会传递事件对象,evt和arguments[0]均输出undefined.如果是test(evt)调用,则传递事件对象,evt和argument...

之前关注了一个公众号: JavaScript,里面详细描述了this的各种情况,在此总结一下.只考虑当宿主环境是浏览器的时候,并且处于非严格模式下:this是在运行时绑定的,并不是在编写时绑定的,this的绑定只取决于函数的调用方式.在全局范围内，this等价于window对象。

最近在看JavaScript设计模式和开发实践,里面说到"设计模式的主题总是把不变的事物和变化的事物分离开",这就涉及到了解耦.耦合是一个很宽泛的概念,在此只为记录在js中出现的各种类型的耦合.数据耦合:一个模块访问另一个模块时,彼此之间是通过简单的数据参数(不是控制参数/公共数据结构/外部变量)来交换输入输出信息的.网...

第一种叫构造函数绑定:此种继承方式只能继承父构造器中的属性,不能继承父构造器原型上的属性.Animal.apply(this, arguments)也可用Animal.call(this)替换.cat对象有两个层级,第一级存放着自有属性以及父构造器中的属性,第二级存放着自己函数原型上的属性(Cat.prototype)