- 博客(7)
- 收藏
- 关注
原创 前端优化需要考虑的点以及注意事项
纯前端优化需要考虑的点以及注意事项 webpack需要考虑的问题(除了开箱即用部分) performance性能警告提示 splitChunks分包(合理利用浏览器缓存机制): runtimechunk运行时分包,比如app.vue依赖a.vue,b.vue,如果只是a.vue变化那么只需要a.vue相对应的chunk的hash值变化,而不是app.vue的hash一起跟随变 cacheGroups:(1)抽离依赖第三方库(node_modules文件夹下)chunkvendors.js,利用dllp
2021-04-01 23:34:01
222
原创 webpack,抽离音频或视频等,找不到文件路径问题,解决方案
目前自己想到的俩种解决方案: 第一种解决方案: <audio src="引用服务器的地址"></audio> http://......... 第二种解决方案: npm install --save-dev copy-webpack-plugin 使用这个插件的作用,复制src目录下创建的音频或视频类文件夹,粘贴到dist文件夹,因为本地起的服务,相当于引用的是dist...
2019-08-02 22:52:29
854
原创 vuerouter,嵌套路由,子组件路由周期问题
常见的嵌套路由显示子组件方式 第一种方式: <component :is=""></component>方式,这样在嵌套的子组件里,拿不到路由的周期,比如(‘beforeRouteEnter’…等等) 第二种方式: <router-view class="view two" name="a"></router-view> const ...
2019-07-17 18:54:17
295
原创 webpack4×缓存,cacheGroups,runtimeChunk
runtimeChunk 转载其他介绍:https://segmentfault.com/a/1190000010317802#articleHeader10 splitChunks.cacheGroups 抽离第三方库 第一种方式: optimization: { runtimeChunk: 'single', splitChunks: { ...
2019-07-15 17:40:29
3067
原创 加载本地组件库,做到按需加载组件
1.有一套本地组件库 2.下边是组件库的index.js文件 import a form '组件库' import b form '组件库' import c form '组件库'
2019-05-08 17:35:51
1018
原创 解决在微信webview里或者其他webview里,键盘弹起,收回,页面不回退
解决方法: let setScrollTop = function () { let top = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop window.scrollTo(0, top + 1) setTimeout(() => { window.scrollTo(0...
2019-04-19 16:28:11
998
原创 vue单页面应用hash模式微信分享问题
确认url是页面完整的url(请在当前页面alert(location.href.split(’#’)[0])确认),包括’http(s)
2019-03-07 16:18:03
1197
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人