设计模式我们常提到的设计模式源自 1994 年出版的 Design Patterns: Elements of Reusable Object-Oriented Software 一书。书中用 C++ 描述了 23 种常用的软件设计模式，这些模式可以分类如下：创建型，关注对象如何创建工厂方法 Factory Method抽象工厂 Abstract Factory建造者 Builder原型 Prototype单例 Singleton结...

我们都知道浏览器从打开 url 到整个页面渲染完成，中间的过程，大致是 DOM 解析，CSSOM 解析，JS 解析，渲染。网上关于这些内容的文章也很多了，本文不再赘述。

移动端页面大家都遇到过 viewport 的问题。关于 viewport 的文章有很多了，推荐给大家这两篇，写得非常详细。移动端适配方案(上)移动端适配方案(下) 本文对 viewport 做一些补充 手机屏幕 手机屏幕属于硬件属性，我们无论是通过 JS 还是 meta 标签都是无法影响到它的。 手机屏幕物理像素，也就是手机厂商们说的像素、分...

最近做项目经常在 chrome 的控制台看到如下提示： {代码...} 于是 Google 了一番，找到这篇文章，有了详细解释。Making touch scrolling fast by default 简而言之： {代码...} 这就导致了一个问题： {代码...} 测试： {代码...} 那么如何解决这个问题呢？不让控制台提示，而且 preventDefault() 有效果呢？两个方案：1...

git init 目录 将指定目录初始化为 git 仓库git clone 仓库地址 拉取远程仓库到当前目录git clone -b 分支名称 仓库地址 拉取远程仓库的指定分支到当前目录

JS 的 this 指向问题是老生常谈的难点了。我当初从 Java 转过来时极其不适应，花了好长时间才摆脱这个阴影。网上也有很多关于 this 的文章了，本文就简单说说，再聊点不一样的。

当一个项目的代码量比较多，或者多人开发的时候，就需要引入一些设计模式来让我们更好的构建项目。否则代码就会变得乱糟糟，像一团面条一样了。讲解设计模式比较好的书有：1、设计模式2、Head First设计模式

正在做的一个项目用到了canvas，根据 canvas 元素的样式大小、window.devicePixelRatio 动态设置 canvas 元素的 width 和 height 。

先看老几样属性onreadystatechange 同步ajax不可用此事件回调，abort() 也不会触发此事件，open() 之前设置readyState 只读responseText 只读responseXMLresponseURLstatusstatusText

最近一个项目需要写个小型的后端程序，主要是功能比较简单，但是后端同学比较忙，所以用node写了 但是终端连接到服务器，运行 node server.js， 退出终端之后，程序就停止运行了。 最后使用 forever 包搞定，解决方案如下： {代码...} forever list 查看所有 forever 运行的进程forever stop uid 停止运行指定 uid 的进...

最近运行 npm install 安装一些包时，经常会报如下错误 {代码...} 试了各种方法，卸载 node 重新安装、npm cache clean 都没有效果 后来冷静下来想想，可能是和我用的VPN 有关系，网络传输过程中，包出现了一些错误。 所以先断开 VPN再运行 npm install --registry=https://registry.cnpmjs.org没有再报错了 对此我只能...

系统升级到 Sierra 之后，npm 经常出问题，最终把 node 卸载了，安装了新版本。mac 卸载 node 比较麻烦，stackoverflow 上面找到一个方法还不错，特地记录下来，代码如下：

float 配合简单的 html 结构实现三栏布局 HTML 结构如下 {代码...} CSS 代码，重点在于 overflow: hidden; 实现中间栏宽度自适应 {代码...}

最近一个项目用到了 svn，由于之前用 git 比较多，所以svn 不是很熟练，查看了一些教程之后，常用的一些命令也算是掌握了，所以写下这篇简单的教程，方便大家了解 svn。

看了 flexible 源码，不懂为什么对于android 没有缩放，而是粗放设置，导致 android 很不精细，于是略微删减代码如下，留着自己备用，后续如果再学到了什么知识点，再回顾吧。