浏览器本地存储(二)

上篇讨论了 cookie 本地存储方式,这里继续讨论 localStorage。鉴于 cookie 会随着每个服务器请求来回传递,所以会影响请求速度,而且 cookie 的个数和容量都很有限。html5 提供了 localStorage 和 sessionStorage 等两种客户端存储数据的新方法。

More

浏览器本地存储(一)

有时候需要将一些数据存储在用户浏览器本地,下次用户访问我们的页面的时候,我们就能根据存储在用户浏览器的本地数据,做一些针对当前用户的个性化操作。例如,用户访问我们页面的时候,也许会填写用户名,可以将用户名(userName)存储在用户的浏览器中,下次用户再访问我们页面的时候,弹出一个“欢迎你,{userName}” 的欢迎词。

More

去抖和节流(debounce & throttle)

关于函数去抖和节流,一言以蔽之,去抖是为了防止短时间内多次触发同一事件,造成意外的结果,比如连续点击抽取特等奖按钮,抽出了多名特等奖;节流是为了防止某事件触发的频率过高,造成性能问题,比如拖动滚动条连续密集触发 scroll 事件,如果回调事件复杂,造成浏览器卡顿。

More

网页性能优化建议

通常,实现网页功能并不难,难在如何用简洁高效的代码实现所需功能,并且有着良好的健壮性、可扩展性、可维护性。从用户角度看,网页打开速度快,各种操作都很流畅,这是很重要的问题(网页性能优化)。

More

windows 批处理脚本修改文件

有时候,我们可能需要在一个文件的基础上复制出很多新文件,并针对每个文件做出指定的修改。若不想手工复制一个个文件、逐个打开文件进行修改,可以用批处理脚本进行处理。如果这批文件只生成一次,编辑脚本的时间相对手工一个个编辑文件并没有多大优势,但是如果需要多次生成这批文件,脚本的优势就很明显了。

More

chrome 扩展开发

浏览器扩展可以大大地增强我们浏览器的功能。比如捕捉网页内容、捕捉 http 报文、过滤页面广告、修改网页内容…… IE 扩展开发涉及 C++ 和 COM 技术,火狐扩展开发涉及环境搭建以及 web 开发以外的知识,而 chrome 扩展相对来说就比较简单,具备 JavaScript 等前端知识就能快速上手。以下,简单地介绍一下 chrome 扩展开发。

More