不挑食的程序员

Pines_Cheng的博客，不挑食的程序员，关注前端四化建设。

设计模式：从ES5 到 TypeScript ——单例模式

Pines_Cheng 6月24日发布
5 收藏

Back in 1994, a book was authored by Erich Gamma, Richard Helm, Ralph Johnson and John Vlissides that discusses 23 desgin patterns, titled Design Patterns: Elements of Resuable Object-Oriented Soft...

怎样阅读 ECMAScript 规范？

Pines_Cheng 5月20日发布
10 收藏

Ecmascript 语言规范 The ECMAScript Language specification（又名：Javascript 规范 the JavaScript specification 或 ECMA-262）是学习 JavaScript 底层工作原理的非常好的资源。然而，这是一个庞大的专业文...

在原生 React Native 应用中使用 Expo API

Pines_Cheng 4月24日发布
1 收藏

注: 本文最初于 2019 年 2 月 28 日发布，随后于 2019 年 3 月 14 日更新，以反映 Workflow 的改进。

老生常谈之CSS的垂直居中

Pines_Cheng 2018年12月27日发布
41 收藏

“44 年前我们就把人类送上月球了，但现在我们仍然无法在 CSS 中实现垂直居中。”——James Anderson([链接] status/358603820516917249)

13 个示例快速入门 JS 抽象语法树

Pines_Cheng 2018年07月17日发布
30 收藏

Javascript 代码的解析（Parse ）步骤分为两个阶段：词法分析（Lexical Analysis）和语法分析（Syntactic Analysis）。这个步骤接收代码并输出抽象语法树，亦称 AST。

前端进阶之 Javascript 抽象语法树

Pines_Cheng 2018年07月16日发布
25 收藏

Babel 是 JavaScript 编译器 compiler，更确切地说是源码到源码的编译器，通常也叫做转换编译器（transpiler）。意思是说你为 Babel 提供一些 JavaScript 代码，Babel 更改这些代码，然后返回给你新生成的代码。

Taro 技术揭秘之taro-cli

Pines_Cheng 2018年06月21日发布
32 收藏

使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、App 端等）运行的代码。实现一次编写，多端运行。关于 Taro 的更多详细的信息可以看官方的介绍...

了解 Resource Timing 及相关

Pines_Cheng 2018年05月14日发布
3 收藏

所有网络请求都被视为资源。通过网络对它们进行检索时，资源具有不同生命周期。Resource Timing API 为网络事件（如重定向的开始和结束事件, DNS查找的开始和结束事件, 请求开始, 响应开始和结束时间等）生成有 ...

JS 装饰器，一篇就够

Pines_Cheng 2018年04月20日发布
80 收藏

在 ES6 中增加了对类对象的相关定义和操作（比如 class 和 extends ），这就使得我们在多个不同类之间共享或者扩展一些方法或者行为的时候，变得并不是那么优雅。这个时候，我们就需要一种更优雅的方法来帮助我们...

HTTP 实体与编码

Pines_Cheng 2018年04月11日发布
1 收藏

每天都有数以亿计的各种媒体对象经由 HTTP 传送，如图像、文本、影片以及软件程序等。HTTP 要确保它所承载的“货物”满足以下条件:

HTTP 状态码整理

Pines_Cheng 2018年04月08日发布
10 收藏

HTTP 100 Continue 信息型状态响应码表示目前为止一切正常, 客户端应该继续请求, 如果已完成请求则忽略.

HTTP报文详解

Pines_Cheng 2018年04月04日发布
1 收藏

HTTP 报文是在 HTTP 应用程序之间发送的数据块。这些数据块以一些文本形式的元信息(meta-information)开头，这些信息描述了报文的内容及含义，后面跟着可选的数据部分。

Webpack 将代码打包成什么样子？

Pines_Cheng 2018年04月02日发布
7 收藏

可能你学会了如何使用 Webpack ，也大致知道其工作原理，可是你想过 Webpack 输出的 bundle.js 是什么样子的吗？为什么原来一个个的模块文件被合并成了一个单独的文件？为什么 bundle.js 能直接运行在浏览器中？

前端性能优化——关键渲染路径

Pines_Cheng 2018年03月15日发布
29 收藏

从收到 HTML、CSS 和 JavaScript 字节到对其进行必需的处理，从而将它们转变成渲染的像素这一过程中有一些中间步骤，优化性能其实就是了解这些步骤中发生了什么，即关键渲染路径。优化关键渲染路径是指优先显示...

HTTP 连接管理进化论

Pines_Cheng 2018年03月08日发布
12 收藏

连接管理是一个 HTTP 的关键话题：打开和保持连接在很大程度上影响着网站和 Web 应用程序的性能。在 HTTP/1.x 里有好些个模型：短连接（short-lived connections）, 持久连接（persistent connections）, 和 HTTP...

HTTP/1的缺点总结

Pines_Cheng 2018年03月05日发布
1 收藏

HTTP/1 已经支撑我们走到今天，但是现代 Web 应用的需求迫使我们关注其设计缺陷。下面是它面临的一些比较重要的问题；这自然也是设计 HTTP/2 要解决的核心问题。

不知道层叠，别说你懂CSS

Pines_Cheng 2018年02月28日发布
2 收藏

在实际的工作中，我们可能还有些疑惑，当有多个选择器作用在一个元素上时，哪个规则最终会应用到元素上？其实这是通过层叠机制来控制的，这也和样式继承(元素从其父元素那里获得属性值)有关。

常见的HTTP Method深度解析

Pines_Cheng 2018年02月07日发布
5 收藏

在HTTP的发展过程中，出现了很多HTTP版本，其中的大部分协议都是向下兼容的。在进行HTTP请求时，客户端在请求时会告诉服务器它采用的协议版本号，而服务器则会在使用相同或者更早的协议版本进行响应。

WebSocket 详解

Pines_Cheng 2018年01月23日发布
173 收藏

构建网络应用的过程中，我们经常需要与服务器进行持续的通讯以保持双方信息的同步。通常这种持久通讯在不刷新页面的情况下进行，消耗一定的内存资源常驻后台，并且对于用户不可见。在 WebSocket 出现之前，我们有...

《编写可读代码的艺术》——表面层次的改进

Pines_Cheng 2017年11月24日发布
9 收藏

在《Clean Code》一书中Bob大叔认为在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。这也是同样的道理。