设计模式（Design Pattern）代表了面向对象程序设计的最佳实践，是一套软件工程化背景下，用于提高代码可复用性的解决方案。设计模式这一术语起源于 1995 年《设计模式 - 可复用面向对象软件的基础》一书的出版，该书 4 位作者被称为四人帮 GoF即Gang of Four，全书一共收录了常用的 23 种模式，该书的出版是软件工程领域的一座里程碑，标志着 Java C++ 等面向对象的程序设计语言，迈向了更加具有标准范式的工程化方向。

面向对象的编程思想，通过封装、继承、多态降低代码的耦合度，而设计模式在此基础上强调了代码的可复用性。本文代码采用 C++ 语言进行描述，然后搭配 UML 示意图进行描述。

Vim 是从 UNIX 下的 Vi 发展出来的一个文本编辑器，近几年，伴随 VSCode、Atom、Sublime 等一众轻量级编辑器的快速发展，涌现了大量基于这些编辑器平台的 Vim 快捷键插件，甚至 Chrome 和 Firefox 上都已经分别提供 Vimium、VimFx 等优秀插件。虽然 Vim 本身因为其繁琐的配置，日常开发中已经较少直接使用，但是其快捷键操作习惯得以保留，因此 Vim 逐渐从一套自由软件发展为可以在诸多平台上使用的快捷键套装。

本文总结了笔者运用 Vim 作为日常开发工具的过程当中，经常使用到的一些快捷键和命令，并简单的按照操作进行了一个分类，帮助Vim Junior在纷繁的快捷键位里快速适应并生存下来，逐步成为一名熟练的Vim Addict。文章部分命令和键位的解释参考了《简明 VIM 练级攻略》一文，快捷键位示例图则取自《Graphical vi-vim Cheat Sheet and Tutorial》，除此之外还参考了《Vim 用户手册》。

近几年出于工作需要，阅读到了大量的英文技术文档，在翻译一些文章的过程当中，对于语法的重要性有了较为理性的认识。只有具备扎实的语法知识，才能够准确的理解复杂艰涩的各种长句结构，也才能正确领会句子所要表达的含义。翻阅了一些市面上一些大而全的语法教材，动辄上七八百页的厚度让人望而生畏。对于非英语专业工作人士，自然无需进行如此详尽与面面俱到的语法剖析，仅仅需要具备常见的构词造句知识即可。

笔者在翻阅了《Cambridge English Grammar in Use》等相关书籍以后，通过这篇读书笔记整理了常用的词类、时态、语态、句型、并列句、复合句等语法知识，便于在后续阅读到长难句时，能够及时的查阅到相关的信息，便于查缺补漏的同时，也为后续进一步学习《Cambridge Interchange》四册丛书做好铺垫，循序渐进提高英文听说读写译的实际运用能力。

8051 微处理器是指兼容Intel MCS-51体系架构的一系列单片机，全球有众多的半导体厂商都有基于这一体系架构的产品，例如：Atmel 的AT89C52、NXP 的P89V51、宏晶科技的STC89/90系列等。截至本篇文章成文之前，意法半导体推出的STM8系列单片机风头正劲，同为 8 位单片机产品，虽然 8051 在架构、功耗乃至价格上基本已无优势，但作为比较经典的嵌入式微处理器解决方案，依然具备着不错的学习价值。

本文介绍的STC90C516RD+属于5V单片机（工作电压为5.5V-3.3V），属于相对比较廉价和常见的国产单片机解决方案，片上拥有中央处理器CPU、程序存储器Flash、数据存储器RAM、定时/计数器、UART串口、IO接口、EEPROM、看门狗等常用资源。

伴随Vue、Angular、React等编译式前端框架的崛起，前端开发人员逐渐从繁琐的 DOM 操作当中解脱出来。但是在项目实践过程当中，依然存有诸多问题需要通过直接操作 DOM 来解决，虽然现代化浏览器已经支持selectAll()等 HTML5 新特性，但是针对一些强调页面兼容性的场景，为了屏蔽各款浏览器解析引擎所遵循规范的差异，依然需要借助于jQuery来完成 DOM 文档操作。

因此jQuery这款诞生于 2006 年的 JavaScript 库，依然在现代化前端开发当中扮演着较为重要角色。本文结合笔者 Web 前端开发工作当中积累的实践经验，较为系统的总结了jQuery实践过程当中一些比较容易被开发人员所忽略的问题。例如 jQuery 对象与 DOM 对象的相互转换、jQuery 选择器性能、异步对象$.Deferred()以及 JavaScript 性能优化相关的话题。

本文翻译自 Mozilla 社区的《HTML Reference》，包含了 HTML5 新增的元素标签及属性，并对使用场景、语义化用法进行了简要说明，便于快速定位日常开发所需要的 HTML 标签，书写更加优雅的语义化 DOM 结构。本文所涉及的 HTML 元素全部通过 Can I use 进行了兼容性校对，在标注各个 HTML 元素兼容性状态的同时，提供了 W3C 和 Mozilla 推荐的标准 Demo 用例，便于快速开发格式良好的 Web 页面，体现更加语义化的文档结构。

HTML 超文本标记语言（Hypertext Markup Language）是构建 Web 页面的基石，用于结构化的组织页面元素与内容，可以嵌入图像、视频等多媒体，也可以用于创建交互式表单，并在一定程度上描述文档的外观和语义。HTML 语义化（Semantic HTML）则是指合理的使用 HTML 元素编写 Web 页面内容，强调 Web 页面编码信息的含义凌驾于其表现样式之上，有利于 Web 浏览器执行规范化解析，改善网页文档的可访问性，方便搜索引擎爬虫索引。

层叠样式表（CSS，Cascading Stylesheet）用于指定 Web 浏览器的渲染样式，CSS 2.1 规范于 2011 年发布之后日益变得丰富与庞大，因此 W3C 工作组将规范分散至不同模块，每个模块都独立的进行版本更新。其中，全部 CSS 2.1 特性模块都被升级至 3 作为版本号，而全新的功能模块则从版本号 1 开始进行定义。因而 CSS 3 并非实际意义上的 W3C 规范，准确的描述应该为 CSS 标准规范第 3 版与部分新规范第 1 版的集合。

伴随 Web 浏览器技术的日新月异，现代 CSS 开发的重点，已经不在于处理浏览器碎片化引发的各类兼容性问题，而是在确保代码可维护性前提下，符合 Web 页面的语义标准，从而尽可能准确的表达各类交互创意。在阅读 W3C 工作组成员 Lea Verou 的《CSS Mastery》之后，开始重新审视前端重度交互下 CSS 提供的各类全新特性，结合 Mozilla 社区的 《CSS Reference》 一文，重新讨论 CSS 技术相关的一些主题。