2017年4月7日
摘要：
步骤1.TempDB压力诊断 等待类型诊断 TempDB的争用压力在等待篇中已经简单介绍，等待的表现为 pagelatch_类等待，等待的资源是 “2： X ：X ” tempDB所在磁盘的响应时间 一个实例下只有一个tempdb，也就是当你在一个实例下创建了100个数据库，这100个数据库也只能用 阅读全文
摘要：
图片惰性加载 DEMO 地址 -> 图片惰性加载（放在了 Github 上，所以可能会慢，最好用 chrome） 关于惰性加载 在讲图片的惰性加载前，我们先来聊聊惰性加载。惰性加载又称为延迟加载、懒加载等，还有个好听的英文名字叫做 "lazyload"。需要注意的是，惰性加载并不只是图片的专利，Ja 阅读全文
摘要：
服务器设置 gzip 压缩是 web 开发里很普遍的做法。假设你要请求一个 100k 的文件，网络传输速度为 50k/s，需要 2s 才能得到数据，但是如果在服务器设置了 gzip 压缩，将服务端的文件压缩到了 50k（实际上的压缩率往往小于 50%），这时候只需 1s 就能得到数据，然后在客户端解 阅读全文
摘要：
Data URI scheme 在前端开发中是个常用的技术，通常会在 CSS 设置背景图中用到。比如在 Google 的首页就有用到： Data URI scheme 简称 Data URI，经常会被错误地写成 data URLs。笔者认为通常用于将图片 base64 编码的 Data URI 可以 阅读全文
摘要：
在前文 Data URI 应用场景小结 中我们提到了一个概念，叫做 base64编码，今天我们就来聊聊 base64编码，揭开它的神秘面纱。 一句话解释：Base64是一种基于64个可打印字符来表示二进制数据的表示方法。 用记事本打开 exe、jpg、pdf 这些文件时，我们都会看到一大堆乱码，因为 阅读全文
摘要：
前文中我们聊了 Data URI 和 base64编码，稍微回顾下。base64编码 是将数据用 64 个可打印的字符进行编码的方式，任何数据底层实现都是二进制，所以都可以进行 base64编码，base64编码 主要用在数据传输过程中（编码、解码）。而 Data URI 是将数据用 URI 的形式 阅读全文
摘要：
移动端页面内嵌了个 iframe，在 ios 下打开却发现页面怪异。比如 demo。代码如下： Android 下展现良好，但是在 ios 下： 调试一看，iframe 无故变大了，正常情况下应该和 screen 的宽保持一致（比如 360px），在 ios 下的宽度变成了 1440px（iPhon 阅读全文
摘要：
使用 Javascript 字符串创建并向 DOM 中添加元素与文本节点 innerHTML、outerHTML、textContent 及 insertAdjacentHTML() 属性和方法提供了使用 Javascript 字符串创建并向 DOM 中添加节点的功能。 经过 Javascript 阅读全文
摘要：
题目来自 25 Essential JavaScript Interview Questions。闲来无事，正好切一下。 一 What is a potential pitfall with using typeof bar "object" to determine if bar is an ob 阅读全文
摘要：
先上 Demo，尽量用 chrome，代码可参考 Github。 在 HTML5 出现之前，页面元素的拖放需要监听 mousedown、mouseover 以及 mouseup 等一系列事件，然后改变元素的相对位置来实现这一效果。HTML DnD（Drag-and-Drop）API 的出现，使得拖放 阅读全文