杨 小匠

摘要： javascript是面向对象的语言，Function也是一种对象，有自己的属性和方法。call和apply就是js函数自带方法，挂在Fucntion.prototype上。 一般调用某函数时，直接“函数名（参数）”的写法即可，函数内部的this指向函数的调用者。 call和apply的作用是给函数 阅读全文

摘要： gizp压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩，可以减小60%以上的体积。 webpack在打包时可以借助 compression webpack plugin 实现gzip压缩，首先需要安装该插件： npm i -D 阅读全文

摘要： scrollbar是用来替代浏览器原生滚动条的组件，element的文档中并没有对scrollbar的描述。 使用方法：以<el-scrollbar/>包裹要滚动的元素，并设置固定高度。在外部引入的css中自定义样式（写在scoped中无效）。 阅读全文

摘要： 通过git进行代码管理的项目，如果在本地编辑的过程中误删了某些文件或者文件夹，可以通过git操作来复原。 Step 1： git status 查看本地对改动的暂存记录。如下图所示，本人误删了文件夹“../Server”。 Step 2：git reset HEAD [ 被删除的文件或文件夹 ] S 阅读全文

摘要： 在前后端分离的项目中，通常需要启动一个后台服务器来配合前端项目的接口需求。Mockjs的作用是拦截ajax请求并模拟各种数据返回，让前端开发可以更加自由独立。 安装 使用 Mock.mock()第一个参数是需要拦截的接口，第二个参数表明ajax请求类型（get/post/put/delete等），第 阅读全文

摘要： 区分开发模式和生产模式： npm run start——开发模式，启用devServer，文件的改动实时更新、刷新 npm run build——生产模式，打包文件到dist文件夹 阅读全文

摘要： 一、全局安装 二、生成配置文件 在项目根目录执行init，生成.eslintrc文件。在init时，要求根目录存在package.json。当然也可以直接复制个现成的.eslintrc.js文件。 三、自定义配置项 根据规则文档，编辑.eslintrc.js文件内容。 配置内容也可以写在packag 阅读全文

摘要： Babel是一个javascript编译器，可以将ES6和更新的js语法转换成ES5的，使代码在较老的浏览器里也能正常运行。 一、安装 二、在webpack.config.js中配置module 三、新建.babelrc配置文件 如下是vue-cli自动生成的babel配置。如果要配置plugins 阅读全文

摘要： $emit 子组件触发父组件的方法： $refs 父组件获取子组件实例，进而调用子组件方法或者直接修改子组件属性： 在复杂的vue应用中，应该用vuex的store来管理跨组件的数据交流，再根据数据的变化触发相应的方法。 阅读全文

摘要： vue-router的路由变换只存在“变换前”和“变换后”，不存在“切换中”的状态，所以做不到大多数app（微信那样的）在滑动过程中让界面跟随手指移动。但滑动事件还是可以监听的，我们可以在滑动之后再触发路由回退事件。 微博的滑动返回基本上就是这样的原理：先滑动、再触发返回事件，但用起来很是怪异，有严 阅读全文