摘要: javascript是面向对象的语言,Function也是一种对象,有自己的属性和方法。call和apply就是js函数自带方法,挂在Fucntion.prototype上。 一般调用某函数时,直接“函数名(参数)”的写法即可,函数内部的this指向函数的调用者。 call和apply的作用是给函数 阅读全文
posted @ 2018-10-09 20:14 前端大兵 阅读(2309) 评论(0) 推荐(0) 编辑
摘要: gizp压缩是一种http请求优化方式,通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩,可以减小60%以上的体积。 webpack在打包时可以借助 compression webpack plugin 实现gzip压缩,首先需要安装该插件: npm i -D 阅读全文
posted @ 2018-09-29 17:01 前端大兵 阅读(31720) 评论(0) 推荐(2) 编辑
摘要: scrollbar是用来替代浏览器原生滚动条的组件,element的文档中并没有对scrollbar的描述。 使用方法:以<el-scrollbar/>包裹要滚动的元素,并设置固定高度。在外部引入的css中自定义样式(写在scoped中无效)。 阅读全文
posted @ 2018-09-27 11:39 前端大兵 阅读(1277) 评论(0) 推荐(0) 编辑
摘要: 通过git进行代码管理的项目,如果在本地编辑的过程中误删了某些文件或者文件夹,可以通过git操作来复原。 Step 1: git status 查看本地对改动的暂存记录。如下图所示,本人误删了文件夹“../Server”。 Step 2:git reset HEAD [ 被删除的文件或文件夹 ] S 阅读全文
posted @ 2018-09-20 15:00 前端大兵 阅读(97398) 评论(7) 推荐(9) 编辑
摘要: 在前后端分离的项目中,通常需要启动一个后台服务器来配合前端项目的接口需求。Mockjs的作用是拦截ajax请求并模拟各种数据返回,让前端开发可以更加自由独立。 安装 使用 Mock.mock()第一个参数是需要拦截的接口,第二个参数表明ajax请求类型(get/post/put/delete等),第 阅读全文
posted @ 2018-09-07 10:48 前端大兵 阅读(6504) 评论(0) 推荐(0) 编辑
摘要: 区分开发模式和生产模式: npm run start——开发模式,启用devServer,文件的改动实时更新、刷新 npm run build——生产模式,打包文件到dist文件夹 阅读全文
posted @ 2018-09-06 16:47 前端大兵 阅读(500) 评论(0) 推荐(0) 编辑
摘要: 一、全局安装 二、生成配置文件 在项目根目录执行init,生成.eslintrc文件。在init时,要求根目录存在package.json。当然也可以直接复制个现成的.eslintrc.js文件。 三、自定义配置项 根据规则文档,编辑.eslintrc.js文件内容。 配置内容也可以写在packag 阅读全文
posted @ 2018-09-05 10:58 前端大兵 阅读(8109) 评论(0) 推荐(0) 编辑
摘要: Babel是一个javascript编译器,可以将ES6和更新的js语法转换成ES5的,使代码在较老的浏览器里也能正常运行。 一、安装 二、在webpack.config.js中配置module 三、新建.babelrc配置文件 如下是vue-cli自动生成的babel配置。如果要配置plugins 阅读全文
posted @ 2018-09-04 14:55 前端大兵 阅读(5659) 评论(1) 推荐(0) 编辑
摘要: $emit 子组件触发父组件的方法: $refs 父组件获取子组件实例,进而调用子组件方法或者直接修改子组件属性: 在复杂的vue应用中,应该用vuex的store来管理跨组件的数据交流,再根据数据的变化触发相应的方法。 阅读全文
posted @ 2018-08-22 16:36 前端大兵 阅读(7145) 评论(0) 推荐(1) 编辑
摘要: vue-router的路由变换只存在“变换前”和“变换后”,不存在“切换中”的状态,所以做不到大多数app(微信那样的)在滑动过程中让界面跟随手指移动。但滑动事件还是可以监听的,我们可以在滑动之后再触发路由回退事件。 微博的滑动返回基本上就是这样的原理:先滑动、再触发返回事件,但用起来很是怪异,有严 阅读全文
posted @ 2018-08-22 11:51 前端大兵 阅读(5335) 评论(0) 推荐(0) 编辑