轩枫阁

首页 / Web前端 (第2页)

Chrome Vue调试工具报错 rawgetter

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

具体报错

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

getters.js

store.js

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

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

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

如果getters.js的代码写法为

则需要这么引入

2017/08 14  周一

Chrome 59更新日志

前言

本文介绍Chrome 59新特性

概要

CSS与JS代码使用率:在Coverage Tab标签页(Chrome Devtools)标出未使用的CSS与JS代码

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

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

Step over async await:调试async函数

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

2017/08 09  周三

DNS预解析详解

前言

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

DNS与域名解析

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

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

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

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

sdfgbf
查看全文

2017/05 28  周日

HTML页面后退不缓存

前言

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

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

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

分析

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

2017/04 20  周四

wordpress博客接入七牛CDN

前言

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

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

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

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

2017/01 02  周一

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子