前端不得不了解的TCP协议
早期的网络是基于OSI（开放式系统互联网，一般叫OSI参考模型）模型，该模型是由ISO国际标准组织制定的，包含了七层（应用层、表示层、会话层、传输层、网络层、数据链路层、物理层），即复杂又不实用，以至于招到了许多批评
作为Web开发人员应避免的10种CSS做法!
有人认为CSS很难学习，没有什么逻辑可言，而且还坑很多，可能是大家对CSS还不是很了解，因为我提出了五个我不喜欢的开发者习惯，并向大家展示如何避免它们。
CSS新特性contain的语法、作用及使用场景
这个 contain 属性的主要目的是隔离指定内容的样式、布局和渲染。开发人员可以使用这个 contain 属性来限制指定的DOM元素和它的子元素同页面上其它内容的联系；我们可以把它看做一个iframe。跟iframe很相似，它能建立起一个边界，产生一个新的根布局
Redis 使用的 10 个小技巧
Redis 在当前的技术社区里是非常热门的。从来自 Antirez 一个小小的个人项目到成为内存数据存储行业的标准，Redis已经走过了很长的一段路。随之而来的一系列最佳实践，使得大多数人可以正确地使用 Redis。
如何在 JavaScript 中使用宏
在语言当中，宏常见用途有实现 DSL 。通过宏，开发者可以自定义一些语言的格式，比如实现 JSX 语法。在 WASM 已经实现的今天，用其他语言来写网页其实并不是没有可能
用 Enum 提高TypeScript代码的可读性
Enum 是在 TypeScript 中新增的语法，也叫做枚举，一般用它来管理多个相同系列的常量（即不能被修改的变量），用于状态的判断。在 Web 中比较常见的状态判断，是在处理请求时，要针对不同的响应状态码做对应的处理：
es6-快速掌握Proxy、Reflect
ES6新增的代理和反射为开发者提供了拦截并向基本操作嵌入额外行为的能力。具体地说，可以给目标对象定义一个关联的代理对象，而这个代理对象可以作为抽象的目标对象来使用。在对目标对象的各种操作影响目标对象之前
ES6 exports 与 import 使用
在创建JavaScript模块时，export 用于从模块中导出实时绑定的函数、对象或原始值，以便其他程序可以通过 import使用它们。被导出的绑定值依然可以在本地进行修改。
20行JS代码实现屏幕录制
在开发中可能有遇到过屏幕录制的需求，无论是教学、演示还是游戏录制，都需要通过屏幕录制来记录和分享内容。一般在App内H5页基于客户端能力实现的较多，现在浏览器中的 MediaRecorder 也提供了这种能力