文字渲染那些事（二）文字的形状是怎么表示的？

在上期文章里，我们介绍了字体文件的结构，也就是一系列的二进制表。在这一期里，我们关注的是这件事情：计算机中的数据是怎么表达文字形状的呢？让我们从点和线的概念开始吧：

2019-02-01

基于原型链劫持的前端代码插桩实践

代码插桩技术能够让我们在不更改已有源码的前提下，从外部注入、拦截各种自定的逻辑。这为施展各种黑魔法提供了巨大的想象空间。下面我们将介绍浏览器环境中一些插桩技术的原理与应用实践。

2019-01-09

如何管理前端项目中的复杂依赖关系

随着前端工程规模的增加，各种第三方与自有依赖包的关系也日趋复杂。这时候可能产生什么问题，又该如何解决呢？这里分享我们前端团队的一些实践。

2018-12-23

文字渲染那些事（一）字体是如何存储的？

在现代生活里，我们几乎每天都会和屏幕上的文字打交道——文字看起来是如此平凡，以至于不少与 UI 相关的专业人士都对其下的复杂性知之甚少。这个系列旨在以开发者的角度，介绍一些从文字的二进制数据到像素之间流程的科普知识，希望对感兴趣的同学能有一些启发。

2018-12-20

浅谈变量类型之外的变量命名

在编程实践中定义变量时，我们所能控制的无非两点：变量类型与变量名。某种程度上，这两者分别考验的其实是开发者的数学水平与语文水平。在今天，即便已经有了非常高大上的类型系统，「名不副实」的变量名仍然经常能对开发者造成困扰。那么，我们有什么理论能用来指导变量命名呢？

2018-12-17

一个前端开发者的 Surface Go 体验

虽然经常可以因为开发框架和编程范式之类的东西吵架，但前端开发者们对于工具其实是非常杂食的：看看业内有多少人是在苹果的硬件上用微软的编辑器编写运行在谷歌浏览器里的代码就知道了。本着这种开放的心态，用了五年 Mac 的笔者尝试了下 Surface Go，体验嘛两个字： 真香

2018-12-16

反对函数式编程的政治正确

在技术社区里，与函数式编程相关的话题一直十分火热，这尤以素有娱乐圈之称的前端社区为甚。大量相关的入门文章中，面向对象与命令式编程常常被作为对比的反例，彷佛它们已经是丑陋而肮脏的过时技术了。对这种矫枉过正观点的担忧，正是这篇文章写作的初心。

2018-12-04

技术选型中的锤子与钉子

刚刚学会使用锤子（某种新技术）的时候，热情会促使你拿着它到处寻找钉子。这时候你眼中的一颗螺丝，都像是个可以用锤子敲的钉子。但是，螺丝明明只需要用螺丝刀来拧就行了呀 :)

2018-12-01

StateShot - 无侵入的历史状态管理库

在前端的富交互编辑中，稳定的撤销 / 重做功能是用户安全感的一大保障。设计实现这样的特性时有哪些痛点，又该如何解决呢？StateShot 凝聚了我们在这个场景下的一些思考。

2018-11-24

让 Chrome 崩溃的一行 CSS 代码

一般的 CSS 代码只会出现 UI 版式或者兼容性方面的小问题。但这里我们要分享一行有趣的 CSS，它可以直接让你的 Chrome 页面挂掉 :)

2018-10-10

浅析 React / Vue 跨端渲染原理与实现

当下的前端同学对 React 与 Vue 的组件化开发想必不会陌生，RN 与 Weex 的跨界也常为我们所津津乐道。UI 框架在实现这样的跨端渲染时需要做哪些工作，其技术方案能否借鉴乃至应用到我们自己的项目中呢？这就是本文所希望分享的主题。

2018-10-09

代码评审的不可能三角

Code Review 是保证代码质量的重要手段之一，但许多研发团队中它常常由于各种原因并未得到真正的落地。为什么会这样呢？本文希望用一个非常简单的观点来理解这个现象，并据此给出一点优化的想法。

2018-09-24

Web 魔方模拟器的设计与实现

魔方是个结构简单而变化无穷的神奇玩具。那么如何在万能的浏览器里模拟出魔方的无尽变换，又如何将其还原呢？下面让我们一步步地来一探究竟吧。

2018-08-26

一个拖拽框背后的高中数学

很多时候一个看似简单的 bug 背后，都可能有着完全在作者意料之外的成因。这时候一路排查、调试和给出 fix 的过程往往可以相当神奇。最近我就遇到了个这样的问题，在此分享一下 :)

2018-07-17

于是，我们给前端分享会定义了一个未定义的名字

经过我司前端小伙伴们的投票，我们即将对外开放的前端分享会终于正式定名为 Undefined 分享会啦（撒花~）而这篇文章就是关于分享会本身的一个小分享 XD

2018-07-16