轩枫阁

在开发环境使用Chrome 的Vue Devtools调试工具时，发生报错 TypeError: rawGetter is not a function

具体报错

而线上运行的代码没有问题，研究发现是这样的原因导致的

getters.js

store.js

运行时发现 getters取到的值是default

所以是粗心的把import代码写错了

改成直接import 即可（其实发现不少人碰到这个问题）

如果getters.js的代码写法为

则需要这么引入

前言

本文介绍Chrome 59新特性

概要

CSS与JS代码使用率：在Coverage Tab标签页（Chrome Devtools）标出未使用的CSS与JS代码

全页截图：获取从网页顶部到底部的滚动截图

拦截请求：在Network 面板手动禁止某个请求的返回

Step over async await：调试async函数

统一的菜单命令：在新的统一命令菜单中打开文件与执行命令 查看全文

前言

DNS解析时间可能导致大量用户感知延迟，DNS解析所需的时间差异非常大，延迟范围可以从1ms（本地缓存结果）到普遍的几秒钟时间。所以利用DNS预解析是有意义的。

DNS与域名解析

DNS全称为Domain Name System，即域名系统，是域名和IP地址相互映射的一个分布式数据库。

域名解析即通过主机名，最终得到该主机名对应的IP地址的过程。

浏览器对网站第一次的域名DNS解析查找流程依次为：

浏览器缓存-系统缓存-路由器缓存-ISP DNS缓存-递归搜索

查看全文

前言

微信的登录，扫二维码码之后，可以通过微信给的code去获取用户的微信信息，显示出对应的帐号列表（列表页），选择登录之后跳转至相应的页面。

测试的时候发现，如果在跳转后的页面，点击浏览器返回，还是会显示登录帐号列表。这时候登录是会失败的，因为已经登录过，没有了半登录态，应该需要重新扫码登录才行。

所以列表页是完全不能被缓存的，而浏览器的前进后退，默认会从缓存里读取，完全不发请求。

分析

打开Chrome的开发者工具调试的时候发现，如果勾选Network的Disable cache，浏览器后退的时候，结果页不会被缓存。如果不勾选则缓存页面。用户是不会主动开启这个选项的，所以需要通过Headers控制页面的缓存。 查看全文

前言

博客往往带有很多的配图及资源文件，使用CDN可以对资源文件进行加速，加快访问速度。

有很多网站提供云服务，这里介绍的是结合七牛CDN云服务，将图片、JS、CSS等资源文件进行加速。

同时七牛有免费提供10G存储空间、每个月10G的HTTP国内下载流量、10G海外下载流量，同时有图片处理，可以加上水印，可以基本满足需求。

接下来将介绍如果处理七牛和域名相关配置，将资源文件转至CDN。如轩枫阁将js|css|png|jpg|jpeg|gif|ico等文件请求由www.xuanfengge.com替换为cdn.xuanfengge.com。 查看全文