我们通过一些较新的技术来编写出更好的 CSS 代码，在本文中主要介绍逻辑属性的使用。

在早期的 Web 开发中，页面的布局和定位通常要用表格和各种 hack 技术来实现。与那时相比，CSS 已经得到了长足的发展。如今，开发人员可以很轻松地编写出适用于所有主流浏览器的 CSS 代码，在实现复杂布局时也不会像以前那样绞尽脑汁。这不仅使响应式布局变得更容易，还可以通过删除冗余的代码来发布体积更小的样式。在本文中，我们将使用现代技术来降低代码的复杂程度，通过一些较新的技术来编写出更好的 CSS 代码。

在早期的 Web 开发中，页面的布局和定位通常要用表格和各种 hack 技术来实现。与那时相比，CSS 已经得到了长足的发展。如今，开发人员可以很轻松地编写出适用于所有主流浏览器的 CSS 代码，在实现复杂布局时也不会像以前那样绞尽脑汁。这不仅使响应式布局变得更容易，还可以通过删除冗余的代码来发布体积更小的样式。在本文中，我们将使用现代技术来降低代码的复杂程度，通过一些较新的技术来编写出更好的 CSS 代码。

众所周知，网页上呈现的内容不完全是静态的，是可以发生变化的，因此这增加了 CSS 出现问题的可能性。我们希望用一些方法来避免 CSS 出现某些意料之外的样式问题。本文介绍一系列防御性 CSS 的代码片段，帮助我们编写出更健壮的 CSS 代码，减少因内容动态的变化引起样式上的问题。点击 编写防御性 CSS 实践 (Part I) 、编写防御性 CSS 实践 (Part Ⅱ)、编写防御性 CSS 实践 (Part Ⅲ)可查看前几篇文章。

网页上呈现的内容不完全是静态的，是可以发生变化的，因此这增加了 CSS 出现问题的可能性。本文介绍一系列防御性 CSS 的代码片段，帮助我们编写出更健壮的 CSS 代码。

网页上呈现的内容不完全是静态的，是可以发生变化的，因此这增加了 CSS 出现问题的可能性。本文介绍一系列防御性 CSS 的代码片段，帮助我们编写出更健壮的 CSS 代码。

网页上呈现的内容不完全是静态的，是可以发生变化的，因此这增加了 CSS 出现问题的可能性。本文介绍一系列防御性 CSS 的代码片段，帮助我们编写出更健壮的 CSS 代码。

在本教程中，我们将介绍这个自定义的 CSS 重置样式。并深入研究其中的每一条规则，除了讨论每条规则的作用之外，还将深入浅出的解析使用该规则的原因！

本文是 Canvas 检测某点是否在图形内的第三篇，本文主要介绍使用随机颜色实现检测的 Konva.js。虽然，Konva.js 和 Create.js 都是用颜色值的方式来判定图形是否点击，但其实现的思路完全不一样。

本文对 Canvas 分层做一些简单的介绍。

本文将介绍一种基于像素的颜色值来判断某个点是否在几何图形内。

本文主要介绍如何判断 Canvas 画布中的多边形是否被点击。

本文主要介绍了稳定性指标，以及如何从团队的规范指南方面做稳定性保障。

本文主要介绍 JavaScript 数据类型转换。

本文来自新东方在线前端团队的内部分享。主要是个人对项目管理做一些讨论和总结，内容相对比较发散。

在用户增长的业务场景中，以拼团、转介绍等为代表的各类裂变活动中都会使用海报作为载体，通过社群或朋友圈等渠道引起用户的关注，最终吸引用户参与到这些活动中来。为了提升和评估活动的投放效果，海报会包含用户的一些个性化的文案和信息。通常，这些海报在活动中是动态生成的，设计师设计出来的海报并不能直接在用户侧展示。显然，设计师也不可能为每个用户制作一张海报，所以需要有一些工具或系统来高效的生产海报。基于这样的业务背景，我们自研了一套海报系统，打通了海报的制作和使用中的各个环节，提高了海报的生产效率，降低了海报的开发成本。

海报系统接入了公司的设计素材库，提供了海量的素材，方便了设计师、产品、运营等相关人员制作海报。海报系统支持在线编辑，并且能将设计稿一键解析为海报，降低了海报系统的接入成本。另外，海报系统是在服务端生成海报，海报的清晰度以及稳定性方面也有了可靠的保障。任何系统都不是一蹴而就的，都会有一个演进和迭代的过程，海报系统也不例外。接下来将重点介绍海报系统的设计实现过程。