从具象到抽象的归纳总结要借助符号，从抽象到具象更需要借助符号 1. 那些听过的时间符号 中国古代，将一天分为十二时辰，一个时间相当于现在的两个小时。比如子时，亥时，寅时等 古装剧里，常有夜里打更，一夜分为五更，每更一个时辰 包青天剧里，常有“秋后处决”、“午时三刻立斩”等 人类根据经验总结出来的春夏秋冬、子...

上一篇文章提到，HTTP Cache-Control 指令 有双向控制缓存的能力。服务器响应报文通过它控制缓存器怎么设置缓存，浏览器请求报文通过它控制本地缓存器怎么使用缓存。

上一篇文章 梳理 HTTP 缓存的关键路径。浏览器发起 HTTP 请求，请求报文发往浏览器内置的缓存器，缓存器经过首次验证，再决定是否向服务器发起缓存的再次验证。这条路径的完成，依赖于 HTTP 协议。

一、证件照场景 拍一次证件照麻烦且费钱，因此每次拍的时候我们都会多留几张备用。这就是计算机世界的缓存，在现实世界中的写照。 如果某个行为很消耗资源，很麻烦，那在实现它的时候就顺便多保留几份，这种行为就是缓存。特点很明显 容量有限，我们不可能留一屋子的备用照片 有时效性，小时候的证件照长大了不能用吧 二...

wechat-chart 基于微信小程序 Canvas API 实现的柱状图和趋势图 GitHub 地址 用法 {代码...} {代码...} DEMO & 示意图 体验DEMO扫描进小程序 --> 天天随手记账 --> 记一笔账-->回到首页点左下角图标。进入统计页面即看到效果 此外，我还开源了些小程序的前后端源码，你可以在那里看到我是怎么调用的 Github...

Web 开发所运用的 HTML、CSS 以及 JavaScript，都是非常高级的编程语言，低层的细节是透明的。所以相对于其他方面的程序员，前端开发可能会比较少关注底层的知识，字体是其中之一。字体是什么？当我们在 CSS 里敲下 font-family 的时候，那些字体是怎样被渲染出来的？

有没有能够满足我的记账 App？不重要，重要的是微信小程序是一个很好的载体，用完即走，可以非常纯粹的做一个工具，没有复杂的功能，也无关发展成理财社区，或者互联网金融平台等等。

共四篇文章都是在总结 Webpack。其中，[译]为什么要 Webpack 写了使用 Webpack 的动机和它的显著特征。其余三篇，主要是围绕怎么解决 Webpack 构建出来的文件太大展开，分别是：

上一篇文章提到我主要从四个方面解决 Webpack 构建后文件太大的问题，总结了 Code Split，即按需加载的技能点。这篇总结提取公共代码。它要解决的问题是冗余代码过多，即同一个模块在多个地方被引用，显然是解决上一篇文章最后遗留的问题。

啃先生(MrKenniu) | 文 网站进化成 Web app 呈现以下特点 使用更多 JavaScript 更多的用户界面通过现代浏览器提供服务 页面在提供服务的过程中，尽可能少地刷新整个页面 所以现在的网站有非常多代码在客户端运行！庞大的代码库需要被有序地管理起来，而模块系统「Module system」提供一种能力，将代码库切分成一个个模块...

Let's Encrypt一个于2015年三季度推出的数字证书认证机构，将通过旨在消除当前手动创建和安装证书的复杂过程的自动化流程，为安全网站提供免费的SSL/TLS证书。

上一篇回顾使用 Webpack 的动机，比较理论，本篇侧重实用。 这几篇文章的前提是 Webpack 已经入门。若无，请自行到 Webpack 官方网站的 getting start 按指引一步步实操。 啃先生(MrKenniu) | 文 使用 Webpack 打包，前端工程师可以按 CommonJS 或 ES6 Module 的规范写前端 JS 代码，使模块源代码看起来跟后端代码一样简...

昨晚临睡觉前，还在想应该给xx打个电话，问问微信应用号应该有原生 UI 吧，要不然跟直接跑 HTML 5 有什么区别？ 而今天一大早我便一本正经胡说八道猜想，微信小程序不会有 JS IDE ，一个小时之后，发现被打脸了，截图为证。 在众多消息里，啃先生排除掉预测类的信息，汲取了对于技术从业者有用的信息，整理出此文章，说...

RequireJS是一个代码模块加载器。最古老的时候，前端在开发页面的时候，一般情况下，都是在Html文件里一次把所有会用到的JavaScript文件通过<script>标签引用进来。

这篇主要介绍一下我在玩Webpack过程中的心得。通过实例介绍WebPack的安装，插件使用及加载策略。感受构建工具给前端优化工作带来的便利。

复杂纷扰的世界背后，总会有万变不离其宗的简单规则 文 | 啃先生 Mar.08.2016 壹 | First 前面写了两篇移动适配相关的文章： 《移动Web怎么做屏幕适配（一）》重点介绍了怎样利于rem来处理尺寸（width、height、margin、padding等等）相关的适配。 《一个像素的border怎么实现》通过介绍1个物理像素border的实现，引出vi...

NodeJs Web App测试完成后，要怎么部署呢？介绍两个不错的方案 已知以下情景： 我要为 「kenniu」这个项目做配置 它的入口文件在 「/path/to/entry.js」 运行的User和Group都是 MrKen node安装在了 /usr/bin/node 监听端口是2589 接下分别看这两种方案。 壹 | Fisrt 方案一：配置System，24小时保持在线 cd /etc/systemd...

一个像素里复杂纷扰的世界 文 | 啃先生 Mar.3rd.2016 首发于微信公众号（啃先生） 上一篇发了《【移动适配】移动Web怎么做屏幕适配》，现在继续。 壹 | Fisrt 在CSS的世界里Px是原子操作，我们无法定义边框的宽度是0.5px，最小都是1px。所以有以下结论： 然而，对于精益求精的产品而言，这种认识只是片面的！例如：我做...

移动端适配的是什么？我们讨论的是网页适配多种尺寸屏幕，让网页效果看起来和设计师的设计稿一样。说白了就是同一套代码在不同分辨率的手机上跑时，页面元素间的间距，留白，以及图片大小会随着变化，在比例上跟设计稿一致。