- 博客(9)
- 收藏
- 关注
RSS订阅原创 前端项目开发构建速度很慢？别急躁！
在日常的开发中，经常会遇到项目代码体积越来越大，在开发过程经常卡慢，这对于我们前端调试样式其实是很考验心态的，下面给大家分享一下如何给vue-cli项目提高开发过程的构建速度。
2024-05-29 17:46:25
387
原创 webpack/vue-cli中如何实现css的treeshaking
大家都知道在项目中有JS的treeshaking，那么CSS可不可以也实现treeshaking呢，当然可以，其实就是删除项目里面未使用的CSS内容，和JS的树摇类似，想象一下，对项目的生产构建优化是有多大的帮助哈。今天在项目优化的时候，发现网上大多数都是webpack项目去使用purgecss-webpack-plugin，下面我将总结一下webpack及vue-cli项目两种不同的配置方式！
2024-05-29 17:13:16
736
1原创 项目中的HTML+CSS知识速览(必掌握)
尽可能简洁地总结在项目化开发中常用的html、css常见的知识点，掌握这些在项目中可以解决许多场景的开发，也避免了知识点零散碎片时导致的遗漏，无论是对入门还是面试复习都很有帮助
2024-04-19 18:48:12
1069
原创 详解ES6-ES11必掌握的新特性
/isConcatSpreadable对应concat，为false即连接后不展开:1，2，3，[4,5,6]import('./hello.js').then(module => { //动态引入，通过import（）函数，其返回的是一个promise。// chunwan('易烊千玺','王源','王俊凯')，arguments伪数组有三个元素。2.先在html页面中引入入口文件，
2024-04-17 17:01:03
869
原创 乾坤微前端接入过程与注意点
click="$router.push('/big-screen')">可视化大屏 //路径不要与当前应用的路由配置已有的路径冲突，而是另一个应用的。entry: '//localhost:5173', // 子应用运行服务地址（就是npm run dev时的那个地址），子应用前端地址。activeRule: '/big-screen' // 激活路由(在哪个路由下加载子应用,需要和子应用的路由名称对应)// 子应用被主应用加载后，图片资源路径都会按主应用的来。
2024-04-17 16:52:45
631
原创 Vue源码解析：mustache模板引擎、数据响应式原理
Dep类(depend)：负责管理依赖，可以收集依赖、删除依赖、向依赖发送通知 (每个Observer的实例(__ob__)，成员中都有一个Dep的实例，即检测过的每一层属性都有dep依赖关系)observe方法:传入的可能是对象或者其它值，如果是对象，且没有__ob__属性(说明没有添加过监听)，则new Observer继续监测其下的属性。最后，让数组的原型指向arrayMthods，之后调用7个数组方法便会触发自定义的原型上的方法（在原数组和数组原型之间，多一层自定义的原型）
2024-04-12 09:41:40
481
原创 Vue3新的特性与知识点详解
const Child = defineAsyncComponent(()=>import('./components/Child')) //（动态）异步引入，会在页面加载完后再出现，比页面的同步加载晚。track() //通知Vue追踪value的变化，后面set里改变value和模版更新时，才会重新调get()，否则数据改变 视图仍不变（特殊）//toRefs将整个对象直接改造，只能改造对象的第一层，返回一个新对象，将其解构后页面能直接使用第一层，对象里的属性调用与修改都相当于操作person。
2024-04-12 09:38:22
305
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人