vue2.0项目webpack3构建优化方案
摘要：在项目开发完毕后，需要将项目放至服务器，结果发现首次加载白屏时间较长，所以就考虑对webpack构建进行优化，减小生成的文件体积。从以下两点开始着手优化，第一点就是控制打包产生的map文件，第二点就是对应构建完毕输出的js的文件体积。 1.项目是基于vue-cli2，所以就找到根目录下的config
阅读全文
posted @ 2021-09-24 13:36
09 2021 档案
el-table在搜狗浏览器行列不对齐解决方案
摘要：el-table在chrome是正常显示，但是打开搜狗后发现数据刷新后，table的行与列显示异常，也修改了啥css，试了网上的方法没效果，所以就想到了使用reload刷新方法，让table重新渲染，果然问题解决了 <template> <div v-if="isReloadData"> 假如在这个
阅读全文
posted @ 2021-09-23 19:49
Vue中props传值子组件检测不到的解决办法
摘要：vue项目的开发过程中会遇到这种情况，父子组件传值使用props，但是父组件数据动态改变时，子组件却接收不到最新变化的数据，就好像props突然就失效了一样。这种情况多半是vue的响应式原理失效了，监听不到当前数据的改变 或者将数据的改变用JSON.parse(JSON.stringify(data
阅读全文
posted @ 2021-09-23 15:11
性能提升-前端开发必修课
摘要：在大前端生态日益繁荣的今天，前端在软件开发中可谓是举足轻重，每一款互联网产品的最终呈现都离不开前端的实现。可能在2015年之前前端这个词还很陌生，那个时候也许有部分从事着工资极低的网页开发工作，其内容也及其简单，就是今天所说的切图仔的工作，搞点html+css写个静态页面，整个开发工作都是以后台为主
阅读全文
posted @ 2021-09-22 09:30
Vue中img标签中src动态绑定图片路径报错问题解决
摘要：需求：需要将原来的vue项目中的图片改为动态切换，例如鼠标移入换下一张，按钮点击换另一张 问题：正常来说想到的就是将src='www.baidu.com'改为:src='imgSrc',然后data定义路径，配合事件切换，但是会发现在打包编译后，图片的地址是找不到的，解决办法就是使用require进
阅读全文
posted @ 2021-09-22 08:52
Vue项目优化（代码实现层面）
摘要：1.0、v-if 和 v-show 区分使用场景v-if 是 真正 的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。 v-show 就简单得多， 不管初始条件是什么，
阅读全文
posted @ 2021-09-14 11:21
Vue2.0中项目打包体积优化方案
摘要：SPA应用普遍存在的一个问题就是当项目的功能越来越多时，整个项目的体积就会越来越大，这就涉及的项目的优化了，下面提供几种项目优化的方案 1.首先就是项目中的静态资源的优化，例如图片，视频等大体积文件首先可以考虑使用类似七牛云之类的第三方云存储，这样就不会在项目中占用过大体积，如果项目没考虑到使用云存
阅读全文
posted @ 2021-09-13 11:58
Vue-cli2创建项目中自定义标签页图标
摘要：业务需求,公司的老后台管理系统是前后端不分离的jquery+bootstrap,维护起来很麻烦，着手开始使用vue2.0重构，需要给新创建的vue项目添加标签页的图标，由于使用的脚手架是vue-cli2,所以下面的处理都是基于此的。 1.先贴出项目需要修改的目录结构 2.其中的图标就是图片更改为XX
阅读全文
posted @ 2021-09-10 09:49
