在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。那么下面我们就来看看服务器端缓存的原理。缓存分类web缓存分为很多种，比如数据库缓存、代理服务器缓存、还有我们熟悉的CDN缓存，以及浏览器缓存。对于太多文字的阅读其实我是拒绝的，于是就画了个图来解释下。浏览器通过代理服务器向源服务器发起请求的原理如下图，浏览器先向代理服务器发起Web请求，再将请求转发到源服务器。它属于共- 阅读剩余部分 -

在优化基于vue-cli开发的vue项目中，把vue-router改成外部引入的时候，配置参数： externals: { 'vue': 'Vue', 'vue-router':'VueRouter', 'axios':'axios', "ElementUI": "element-ui", 'babel-polyfill': 'window' }, console中提示Uncaught TypeError: Cannot redefine property: $router 分析问题，研究- 阅读剩余部分 -

mpvue 安装比较简单，直接就把官方的步骤贴过来了# 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 mpvue-quickstart 模板的新项目 $ vue init mpvue/mpvue-quickstart my-project # 安装依赖 $ cd my-project $ npm install # 启动构建 $ npm run dev 1.在mpvue + vuex项目中我们不能通过vue那种方式来将store对象实例注入到每个子组件中从而无法使用this.$store.state.xxx、t- 阅读剩余部分 -

在vue项目中，如果服务上没有这张图片，那么前端展示时就会出现渲染出错图：解决方案：1.在img图片标签中绑定onerror事件<div class="img-div" v-loading="partImageInfoState" element-loading-text="数据加载中..."> <img v-if="currentImagePart.imgUrl" :src="'/static/images/parts/'+currentImagePart.im- 阅读剩余部分 -

报错代码：VM3950:37 TypeError: _self.$scopedSlots.default is not a function原因：使用v-if切换标签时，多个相同的标签被渲染，如果不添加key来区分则会出现数据冲突导致table渲染出错解决方法：需要给同一个vue页面中的table节点加上个key值就完美解决;