- 博客(7)
- 收藏
- 关注
RSS订阅原创 webpack打包优化
关于webpack打包优化无非就两个层面 减少项目打包后的体积 加快打包的速度 UglifyJS可以使用UglifyJS压缩代码，但是它是单线程的，因此可以使用webpack-parallel-uglify-plugin来运行UglifyJS，但在webpack4中只要启动了mode为production就默认开启了该配置这个插件配置过后，我们打包的时候，辉自动将css、js等代码压缩为min文件。这个插件在打包的时候，还会默认删除你们console.log和debugger
2021-10-30 11:15:22
266
原创 Vue中的provide和inject
为什么使用provide和inject常用的父子组件通信方式都是父组件绑定要传递给子组件的数据，子组件通过props属性接收，一旦组件层级变多时，采用这种方式一级一级传递值非常麻烦，而且代码可读性不高，不便后期维护。在Vue中provide和inject可以帮助我们解决多层次嵌套嵌套通信问题。在provide中指定要传递给子孙组件的数据，子孙组件通过inject注入祖父组件传递过来的数据。其实，provide和inject主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。如..
2021-10-23 19:44:00
129
原创 Vuex的使用
state：用于管理公共数据 getters：用于管理公共的计算属性 mutations：用于管理修改 state 的方法 actions：用于管理异步方法 modules：对仓库进行模块化管理在组件中使用state中的数据:$store.statemutations 中的所有方法，第一个参数都是 state 对象，第二个参数 payload 可以用来接收外部传递的数据;//在mutations中的方法名最好大写；在组件中调用mutations的方法：this.$sto...
2021-10-23 13:41:14
89
原创 使用Git远程仓库管理代码
步骤一：创建在gitee官网创建远程仓库步骤二：克隆远程仓库1、复制远程仓库地址2、选择要存放的文件夹，通过git Bash Here打开终端，执行git clone 远程仓库地址步骤三：暂存代码执行git add .暂存所有代码步骤四：提交代码到本地仓库执行git commit -m '提交记录'步骤五：推送本地子分支到远程子分支执行git push origin '子分支名称' //如果没有子分支，远程仓库会自动创建子分支步骤六：本地子分支合并到本地主分支
2021-10-19 15:27:11
110
原创 函数节流和函数防抖
什么是函数节流 简单来说就是当一个函数的事件可以无限被执行，使用函数节流就能在一个固定的时间内只执行一次，当这个固定的时间过后又能被执行一次；比如设置一秒执行一次，那你在这一秒内执行多次的时候，其实只会执行一次；只有当这一秒过去过后，才能执行下一次；函数节流就像是一个计时器；代码实现function throttle(fn) { let timer; return function (...args) { if (timer == null) {...
2021-09-29 12:08:19
109
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人