分类：软件工程 - 11 篇文章

本文将为你介绍打印 HTML 页面时用到的相关 CSS 知识和一些重要属性，如 page-break-before、page-break-after、page-break-inside 以及 @page 指令。这些属性可放心使用，它们均得到现代浏览器的支持。

SASS 是一种预处理器及样式表语言，由它们自己的工具或模块捆绑器(如 webpack)编译成 CSS 。它有几个可以用来使 CSS 整洁和可重用的功能，例如变量，嵌套规则，mixin，函数等。

在过去，与大多数工程师一样，我认为前端代码的设计水平大多与工程师的能力有直接关系。但随着接手了几个多人协作的大型前端项目，我开始意识到，这种认知对短生命周期的小型项目可能适用，但对真正的大型项目，仅靠提升工程师质量有时并不能直接提升代码的质量。

WebSocket 协议是一种全双工通信协议，即服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。适用于聊天室、客服系统、消息通知等常见的场景。

ES6 引入了一种新的对象：Proxy 对象，也称为代理器， 可以理解成在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta programming），即对编程语言进行编程。

图片，是前端开发中经常接触的对象，也是重要的信息传递方式。如何更好、更灵活地展示图片，是前端开发需要重点考虑的。本文讨论了 picture 和 img 标签之间的区别，以及 picture 标签比 img 标签更好用的原因所在。

Unicode 14.0 Beta 日前已经对外公布，而 14.0 正式版本的字符库、码表和附件将于 2021 年 9 月 14 日发布。Unicode 14.0 增加了 838 个字符，目前总字符数来到了 144,697 个；这些新增的内容中还包括 5 个新的字母表，总字母表数量目前共有 159 个；以及新增了 37 个表情符号。

一提到前端构建工具，大家一定首先想到 Webpack，它确实是前端构建的老大哥，功能全面、生态繁荣，但还有其他一些前端构建工具，也值得关注。本文将为您简要介绍目前前端主要的构建工具：Parcel、Rollup、Snowpack、Esbuild、SWC 和 Vitejs，这些工具都有其适合的应用场景，让我们一起来看看。

拖放（drap & drop）在我们平时的工作中，经常遇到。它表示：抓取对象以后拖放到另一个位置。目前，它是 HTML5 标准的一部分。本文将从几个方面学习并实践这个功能。

Temporal 对象是 JavaScript 中日期对象的升级改造版本，提供了比 Date 对象更丰富的 API 和日期处理能力，本文详细介绍了 JS 中 Temporal 对象的基本构成、类型介绍以及相关用法。