@情商测试 不客气,共同进步
vue总结「二」--组件间的通讯1. 父子组件通讯:props 和 $emit 父组件 index.vue 给子组件 Input 传递事件 addHandler 给子组件 List 传递数据list、事件 ...
@情商测试 不客气,共同进步
vue总结「二」--组件间的通讯1. 父子组件通讯:props 和 $emit 父组件 index.vue 给子组件 Input 传递事件 addHandler 给子组件 List 传递数据list、事件 ...
Babel是什么?用于解析ES6,甚至比ES6更高级的语法,到ES5或ES4级别,满足浏览器的兼容性 环境搭建 & 基本配置 ① package.json配置安装: .bab...
目录 前端为什么要进行打包和构建?module chunk bundle区别loader和plugin的区别babel和webpack的区别webpack如何实现懒加载如何产...
*** 代表重要程度及频率内容正不断迭代更新,敬请期待~ 一、Javascript基础模块 1. 变量类型和计算 知识点题目1.值类型vs引用类型、堆栈模型、深拷贝内容***...
本篇讲的是 Webpack 对于优化产出代码,也就是对于产品性能的优化, 优点:代码体积更小;合理分包不重复加载;速度更快,内存使用更少。 懒加载 import提取公共代码I...
本篇讲的是 Webpack 对于优化打包构建速度,也就是对于开发体验和效率的优化。有如下几处可以优化: 优化 babel-loaderIgnorePlugin 避免引入无用模...
@情商测试 谢谢分享,研究下去
vue总结「二」--组件间的通讯1. 父子组件通讯:props 和 $emit 父组件 index.vue 给子组件 Input 传递事件 addHandler 给子组件 List 传递数据list、事件 ...
1.懒加载 abc.js 文件中定义数据: 动态引入数据 - 实现懒加载: 最后产出一个独立的js,等同于定义一个chunk 2.处理JSX 修改 .babelrc 配置为:...
为什么要抽离公共模块、第三方模块? 多入口打包时引入公共部分,公共部分会进行重复打包,打包效率降低,打包文件体积变大;第三方模块不会改变,但页面发生任何变动,第三方模块都需要...
本地开发环境不需要压缩css,配置保持不变;生产中压缩css可以优化产出代码,故只在生产环境进行css压缩; 在开发和生产分别配置如下: 1.在生产配置中配置css抽离压缩加...
1.js文件 多入口配置: 在公共配置中配置多入口[webpack.common.js]: 生产环境配置多出口[webpack.prod.js]: 2.生成多个html文件 ...
1.拆分配置和merge webpack配置文件拆分为:webpack.common.js 存放公共配置webpack.dev.js 存放开发环境配置webpack.prod...
vue常见面试题整理: 使用及原理篇: 组件间的通讯[https://www.jianshu.com/p/4877a41639cc] 组件生命周期[https://www.j...
合理使用v-show和 v-if合理使用computed(缓存)v-for中加key,避免和v-if同时使用自定义事件和DOM事件及时销毁(否则会导致内存泄露)合理使用异步组...
计算属性 computed computed用来监控自己定义的变量,该变量不在data里面声明,直接在computed里面定义,然后就可以在页面上进行双向数据绑定展示出结果或...
vue3.0 升级内容 全部用TS重写的(响应式、vdom、模本编译)性能提升,减少代码量会调整部分APIProxy重写响应式 vue2.x 马上要过时了吗 vue3.0从正...
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 一个状态管理实例...
vue-router的路由模式有 hash模式 和 history模式,默认使用 hash 模式hash模式:使用 URL 的 hash 来模拟一个完整的 URL,于是当 U...
1.初次渲染过程 解析模板为render函数(或在开发环境中已完成,vue-loader)触发响应式,监听data属性的getter setter(render函数需要通过g...
模板是什么? 模板不是html,有指令,插值、JS表达式,能判断、循环html是标签语言,只有JS才能实现判断、循环(图灵完备的)因此,模板一定是转换为某种JS代码,即编译模...