网页性能优化
提到网页性能优化，一般分为两部分，加载性能优化和交互性能优化。
1.加载性能优化当在浏览器中输入一个 URL 或者在其他页面点击一个链接时，浏览器要做以下工作：DNS 查询，建立 TCP 链接，发送请求，接受响应，渲染页面，执行 Load 监听事件，至此页面加载就完成了。下面我们按照这个步骤思考如何
...
HTML5应用缓存与百度地图服务
发表于
|
更新于
本文假设你基本了解 HTML5 应用缓存。
前几天，一个同事联系到我，说他们项目想使用 HTML5 的应用缓存，但是遇到了脚本执行错误问题，但是如果去掉 manifest 配置，即不使用应用缓存，则一切正常运行。我让他将项目代码简化一下，剥离业务相关部分，然后打包发给我。
在浏览器中打开该页面以后，
...
【翻译】使用 Chrome 开发者工具调试 Canvas
发表于
|
更新于
简介使用过 Canvas 元素的人都知道 Canvas 很难调试。使用 Canvas 通常要调用一长串难以跟踪的 API。
12345678function draw() { context.clearRect(0, 0, 258, 258); context.fillStyl
...
innerText vs textContent
发表于
|
更新于
为什么 innerText 会导致重排？我在我的上篇关于重排的文章末尾提出了这个问题。这里简单地总结一下，有些 DOM API 可能会因为不必要的重排，从而导致严重的性能问题。我将在这些文章中，着重提出这些年我发现的关于 Web 性能的古怪问题。
As with many other things
...
透过用户的要求理解用户的关切
发表于
|
更新于
先介绍一下项目背景：公司生产了一些电视机和照相机，同时公开了一些接口，允许开发者基于此开发一些第三方应用。有些开发者可能没有电视机和照相机真机，或者团队中真机不足，为了能够是他们顺利地进行开发，所以我们开发一款软件，让开发者可以申请虚拟设备。该软件中实现了 SSDP 协议让第三方应用发现虚拟设备。
...
【翻译】RequireJS的五个有用的小技巧
发表于
|
更新于
查看原文
RequireJS–Javascript 的文件和模块加载器–是 Web 应用中组织，管理，构建和加载 Javascript 的一种很强大的方式。我已经使用它好几年了，and while it’s admittedly difficult to limit myself to only f
...
使用页面跳转完成登录和认证
发表于
|
更新于
在上篇文章我们提到如何使用 WWW-Authenticate 实现登录和认证。这一次我们讲一下另一种实现方式。服务器端提供一个登录认证页面，浏览器端需要跳转到该页面，用户输入 PIN 码之后，发送请求，浏览器验证之后跳转当前页面来。以下是更详细的步骤。
浏览器端点击认证按钮，然后请求电视机（服务器
...
使用WWW-Authenticate实现登录认证
发表于
|
更新于
在当前的项目中，我们做了虚拟电视机设备，手机应用必须连接并通过认证才能控制电视机。认证步骤如下，首先由手机应用向电视机发送认证请求，电视机收到后会显示 PIN 码，用户在手机应用中输入 PIN 码，再发送请求验证即可。
其中一种认证实现，我们采用了 WWW-Authenticate，这种在互联网初期
...