doodlewind

代码插桩技术能够让我们在不更改已有源码的前提下，从外部注入、拦截各种自定的逻辑。这为施展各种黑魔法提供了巨大的想象空间。下面我们将介绍浏览器环境中一些插桩技术的原理与应用实践。 封装一个「先执行自定义逻辑，然后执行原有 log 方法的函数」。 将原生 console.log 替…

随着前端工程规模的增加，各种第三方与自有依赖包的关系也日趋复杂。这时候可能产生什么问题，又该如何解决呢？这里分享我们前端团队的一些实践。 安装依赖包，对于前端开发者来说不过就是一句 npm install xxx 的事。那么，单纯靠这种方式给一个项目安装了很多依赖，就算是复杂的…

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

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

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

在前端的富交互编辑中，稳定的撤销 / 重做功能是用户安全感的一大保障。设计实现这样的特性时有哪些痛点，又该如何解决呢？StateShot 凝聚了我们在这个场景下的一些思考。 每次 push 的时候塞进去一个页面状态的全量深拷贝，然后在 undo / redo 的时候把相应的状态…

一般的 CSS 代码只会出现 UI 版式或者兼容性方面的小问题。但这里我们要分享一行有趣的 CSS，它可以直接让你的 Chrome 页面挂掉 :) 其实这台机器只有 8GB 内存，不过这不重要了。和让 JS 崩溃的红线容量 4GB 比起来，果然还是 CSS 更强大呢 :) 这行…

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

Code Review 是保证代码质量的重要手段之一，但许多研发团队中它常常由于各种原因并未得到真正的落地。为什么会这样呢？本文希望用一个非常简单的观点来理解这个现象，并据此给出一点优化的想法。 我们的观点可以用一句话概括，那就是代码评审非常难同时满足高覆盖率、强约束力和低开销…