摘要: webpack性能优化 开发环境性能优化 生产环境性能优化 开发环境性能优化 优化打包构建速度 // 在webpack.config.js中配置 hot : true devServer : { contentBase : path.resolve(__dirname,"build"), compr 阅读全文
posted @ 2020-12-02 15:40 Bruce胖子 阅读(116) 评论(0) 推荐(0) 编辑
摘要: Vuex 什么是Vuex? Vuex是一种最好的非父子组件传值的方案官方解释:一个公共的状态管理V​其实Vuex就是一个公共的内存对象,把所有组件需要共有的状态放在一个公共的内存空间中,并且给每一个状态做了一个数据劫持(给每一个状态添加了一个getter和setter方法)。 Vuex的基本使用 安 阅读全文
posted @ 2020-11-05 16:12 Bruce胖子 阅读(392) 评论(0) 推荐(1) 编辑
摘要: vue 过滤器 vue.filter() 全局过滤器 语法: Vue.filter(过滤器名称,callback); callback的参数: 参数1: 要过滤的数据 参数2、3、4...... : 传递的参数 应用: 一:callback没有传递其他参数的时候 eg: Vue.filter(rev 阅读全文
posted @ 2020-09-16 09:19 Bruce胖子 阅读(538) 评论(0) 推荐(0) 编辑
摘要: css3 - “艺术品”,让用户体验得到迅猛提升,例如今天咱们聊的这个transition属性。 transition属性的详细概念就不再这里提及了,今天咱们研究一下transition给前端baby们带来的一个苦恼: 用link导入外部css样式表:代码如下: div{ width:300px; 阅读全文
posted @ 2020-08-24 23:10 Bruce胖子 阅读(2373) 评论(0) 推荐(0) 编辑
摘要: render VS template VUE一般使用template来创建HTML,而使用javascript来创建html要使用render函数。 template逻辑简单,理解起来相对容易,但灵活性不足;render渲染方式可以将JS发挥到极致,通过createElement的方式创建虚拟DOM 阅读全文
posted @ 2020-08-19 15:52 Bruce胖子 阅读(335) 评论(0) 推荐(0) 编辑
摘要: provide & inject 作用:可实现跨组件传值,数据的流只能是向下传递​provide : 必须在分级组件(不一定是app.vue)进行使用,用来给后代组件注入依赖(属性或方法)​inject : 必须在子组件进行使用,用来获取根组件定义的跨组件传递的数据 应用方法: 根组件定义: <te 阅读全文
posted @ 2020-04-06 21:56 Bruce胖子 阅读(5154) 评论(0) 推荐(1) 编辑
摘要: 组件传值:组件之间的通讯 一:父组件传子组件,子组件接收 父组件传递: 如果子组件做为标签在父组件进行使用的时候,需要在父组件内部的子组件标签上面添加自定义属性,值为需要传递的数据 <template> <div id="app"> <h1>appVue父组件</h1> <Child1 :dataV 阅读全文
posted @ 2020-04-06 18:13 Bruce胖子 阅读(288) 评论(0) 推荐(0) 编辑
摘要: function $(selector){ //获取第一个字符 var firstLetter = selector.charAt(0); //对第一个字符进行判断 switch(firstLetter){ //#则为id名称; case '#' : return idSelector(select 阅读全文
posted @ 2019-09-04 00:28 Bruce胖子 阅读(600) 评论(0) 推荐(0) 编辑
摘要: 场景1 想删除一个段落,又怕将来想恢复找不回来怎么办?有办法,先把当前文件“另存为……”一个新的Word文件,再接着改,改到一定程度,再“另存为……”一个新文件, 这样一直改下去,最后你的Word文档变成了这样: 场景2 有些部分需要你的财务同事帮助填写,于是你把文件Copy到U盘里给她(也可能通过 阅读全文
posted @ 2019-07-09 17:06 Bruce胖子 阅读(478) 评论(0) 推荐(1) 编辑
摘要: 001:css : 艺术品 但是没法用它编程 CSS基本上是设计师的工具,不是程序员的工具。 在程序员眼里,CSS是一件很麻烦的东西。 它没有变量,也没有条件语句,只是一行行单纯的描述 002:css:预处理器 专门的编程语言( 为CSS增加了一些编程的特性) > 编译 > css文件 Sass(S 阅读全文
posted @ 2019-06-27 15:04 Bruce胖子 阅读(330) 评论(0) 推荐(0) 编辑