2019年2月
如何完美滴使浏览器访问一个 HTML 页面时禁用缓存？在测试某个 SPA 项目时，发现更改后 Chrome 浏览器页面刷新还是使用之前的版本。经调查发现 Chrome 默认缓存值为 300 秒。经测试跨浏览器禁止缓存的 headers 如下：Cache-Control: no-cache, no-store, must-revalidate
Pragma: no-cache
Expires: 0
Cache-Control is for HTTP 1.1Pragma is for HTTP 1.0Expires is for proxies因为是 HTML 页面，可以于 H- 阅读剩余部分 -
在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。那么下面我们就来看看服务器端缓存的原理。缓存分类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- 阅读剩余部分 -