Vue项目优化(代码实现层面)

摘要: 1.0、v-if 和 v-show 区分使用场景v-if 是 真正 的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建;也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。 v-show 就简单得多, 不管初始条件是什么, 阅读全文
posted @ 2021-09-14 11:21 还是种田踏实 阅读(131) 评论(0) 推荐(0) 编辑

Vue2.0中项目打包体积优化方案

摘要: SPA应用普遍存在的一个问题就是当项目的功能越来越多时,整个项目的体积就会越来越大,这就涉及的项目的优化了,下面提供几种项目优化的方案 1.首先就是项目中的静态资源的优化,例如图片,视频等大体积文件首先可以考虑使用类似七牛云之类的第三方云存储,这样就不会在项目中占用过大体积,如果项目没考虑到使用云存 阅读全文
posted @ 2021-09-13 11:58 还是种田踏实 阅读(737) 评论(0) 推荐(0) 编辑

Vue-cli2创建项目中自定义标签页图标

摘要: 业务需求,公司的老后台管理系统是前后端不分离的jquery+bootstrap,维护起来很麻烦,着手开始使用vue2.0重构,需要给新创建的vue项目添加标签页的图标,由于使用的脚手架是vue-cli2,所以下面的处理都是基于此的。 1.先贴出项目需要修改的目录结构 2.其中的图标就是图片更改为XX 阅读全文
posted @ 2021-09-10 09:49 还是种田踏实 阅读(463) 评论(0) 推荐(0) 编辑

搞清楚Vuex中的mapState,mapGetters,mapMutations,mapActions

摘要: 1.引入vuex以后,我们需要在state中定义变量,类似于vue中的data,通过state来存放状态 import Vue from 'Vue'; import Vuex from 'Vuex'; Vue.use(Vuex) export default new Vuex.Store({ sta 阅读全文
posted @ 2021-07-27 16:52 还是种田踏实 阅读(154) 评论(0) 推荐(0) 编辑

vue工程中使用七牛云存储图片

摘要: 前言:最近在做公司项目中,需要将病例照片存储。发现传统的存储至后台,渲染加载的延时会特别高,所以就想到用七牛云进行图片资源的存储,下面就谈谈vue项目中具体的使用 vue项目中使用的是element-ui中的el-upload上传组件 xRayHttpRequest中可获取到对应的上传组件获取的图片 阅读全文
posted @ 2021-07-27 10:44 还是种田踏实 阅读(797) 评论(0) 推荐(0) 编辑

浅谈浏览器的解析机制

摘要: 1.html+css渲染 前端页面实际上都是一些html代码,浏览器会通过html parse对html代码进行解析,生成dom树,css一样会进行解析然后通过attachment将html和css进行复加,生成render tree渲染树和layout tree布局树,两者结合起来进行绘制,便能在 阅读全文
posted @ 2021-07-27 09:52 还是种田踏实 阅读(167) 评论(0) 推荐(0) 编辑

谈谈axios中的请求头content-type

摘要: axios是spa项目中常用的前后端的交互方式,其实就是promise封装的ajax,如下为axios的基本使用 axios使用post发送数据时,默认是直接将json放到请求体中提交到后端的,也就是说Content-Type变成了application/json;charset=utf-8,这是a 阅读全文
posted @ 2021-07-21 20:25 还是种田踏实 阅读(1778) 评论(0) 推荐(1) 编辑

qs.stringify和JSON.stringify的使用和区别

摘要: 1.qs是一个npm仓库管理的包,可以使用npm install qs 进行安装,qs的作用就是前后端交互时,将qs.stringify()将对象序列化为url形式,用&进行连接。 例: var a = {name:'zs',age:10}; qs.stringify(a); //'name=zs& 阅读全文
posted @ 2021-07-21 11:43 还是种田踏实 阅读(215) 评论(1) 推荐(0) 编辑