前端的犄角旮旯

Es6中class 可以看做是一个语法糖 新的class写法只是让对象原型的写法更加清晰，更加面向对象编程。 Class通过exends关键字进行继承 代码 定义了一个Son，通过exends继承Fa

es6 class的基本语法js语言中，生成实例对象的传统方法就是通过构造函数： Es6 通过class （类）这个盖面，作为对象的模板，通过class，可以定义类。 新的class写法是一个语法糖

NavBar的妙用区分微信公众号和手机端判断浏览器是微信NavBar组件封装,components文件下新建NavBar.vue文件App.vue页面引入组件更多判断函数

rootValue 75.0的值其实就是代表ui设计稿的750px的像素，引用的时候css直接写宽750px就相当于100％，它会自动根据屏幕进行计算成rem，无需对原测量值进行REM的换算（这里推荐37.5，结合2x的设计图开发，因为vant的组件你会发现37.5更为适合）。…

在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 只要按下键盘，就会触发这次ajax请求。不仅从资源上来说是很浪费的行为，而且实际应用中，用户也是输出完整的字符后，才会请求。下面我们优化一下： 可以看到，我们加入了防抖以后，当你在频繁的输入时，并不会发送请求，…

过滤器现在只能用在两个地方：mustache 插值和 v-bind 表达式。在 v-model 、v-on 、v-for 等指令时 Vue 还是推荐我们将该逻辑通过 computed 来计算属性。所以我们需要进行改写：

1.mixins: 这个属性是个数组，也就是说可以加载多个 minxin 文件。 mixins中的方法是完成业务逻辑。所以在组件的生命周期中都会添加 this.handlePlaylist() 方法。 这样就可以减少一部分代码。 Vue的Mixins是非常实用的编程方式, 因为…

data里的值被修改后，将会触发update的操作。 有关于销毁，暂时还不是很清楚。我们在console里执行下命令对 vue实例进行销毁。销毁完成后，我们再重新改变message的值，vue不再对此动作进行响应了。但是原先生成的dom元素还存在，可以这么理解，执行了destr…

flexible在编译之后会改变组件的大小，这样相当于没有使用到组件。 因为公司决定迅速开发手机端的页面，技术选择就是vue+vuxUI框架。开始摄像做到手机端兼容的同时结合ui框架让项目更好看些，然后就开始动手做！ 这个时候需要说下flexible.js，阿里开源的移动端适配…

这样整个网页在设备内显示时的页面宽度就会等于设备逻辑像素大小，也就是device-width。这个device-width的计算公式为： 设备的物理分辨率/(devicePixelRatio * scale)，在scale为1的情况下，device-width = 设备的物理分…

打开电脑。 创建一个项目。 基本上都是在vue项目都长这样子，我随手下载了一个vue+Ivew的项目。 2. src文件夹内创建一个lib文件夹 3. lib文件夹下创建mock.js 4. 在mock.js 文件夹下 这样一引用你就可以全局使用this.axios方法来调用接…

我们都是知道在ES6以前，var关键字声明变量。无论声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是函数变量提升例如: 我们通常用let和const来声明，let表示变量、const表示常量。let和const都是块级作用域。怎么理解这个块级…

大驼峰式命名法：首字母大写。eg：StudentInfo、UserInfo、ProductInfo 小驼峰式命名法：首字母小写。eg：studentInfo、userInfo、productInfo 文件名建议只使用小写字母，不使用大写字母。( 为了醒目，某些说明文件的文件名，…

扎实的 JavaScript / HTML / CSS 基本功。这是前置条件。 通读官方教程 (guide) 的基础篇。不要用任何构建工具，就只用最简单的，把教程里的例子模仿一遍，理解用法。不推荐上来就直接用 vue-cli 构建项目，尤其是如果没有 Node/Webpack …