摘要：
浅谈vue双向数据绑定的原理： vue实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。 vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.definePrope 阅读全文
摘要：
接上一条的Vue的几种传值方式中的非父子的实现原理 on 绑定 emit 触发 off 解绑 //存放事件 eventList = { key:val handle:[] } 1对多 on(eventName,callback); handle: N多个 1、判断事件名称是否存在 2、如果存在的情况 阅读全文
摘要：
Vue中传值主要分为两部分 父子通信 1.父传子 传递：当子组件在父组件中当做标签使用的时候,通过给子组件绑定一个自定义属性，值为需要传递的数据 接收：在子组件内部通过props进行接收 接收的方式有2种 一种是数组接收 另一种是对象接收 一般情况下我们都使用对象进行接收，因为对象接收可以校验数据的 阅读全文
摘要：
(1) 减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适;网页Gzip，CDN托管，data缓存 ，图片服务器。 (2) 前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数 (3) 阅读全文
摘要：
事件监听的兼容写法： if(box.addEventListener){ //高版本浏览器 box.addEventListener("click",function() },false) }else{//ie box.attachEvent("onclick",function(){ }) } 获 阅读全文
摘要：
移动端的布局 1：REM 2：百分比布局 而REM有三种方法：媒体查询和REM 2：VW与REM 3：用JS插件 hack1: @media all and (max-width:640px){ html{font-size: 12px;} } @media all and (min-width:6 阅读全文
摘要：
移动端的布局 1：REM 2：百分比布局 而REM有三种方法：媒体查询和REM 2：VW与REM 3：用JS插件 hack1: @media all and (max-width:640px){ html{font-size: 12px;} } @media all and (min-width:6 阅读全文