丁香园F2E

一度，两者的区别在于类组件能提供更多的能力（比如局部的状态）。但是有了Hooks之后，情况却有所不同了。 也许之前你听说性能也是两者的差别。但是哪个性能更好？不好说。我一直很谨慎地对待这类结论，因为很多性能测试都是不全面的。性能主要还是在于代码的逻辑而非你选择了函数组件或者类组…

如果你的 JavaScript 代码库已经达到的中等复杂度, 你也许可以选择在 development 和 production 打包和运行不同的代码. If your JavaScript codebase is even moderately complex, you pr…

很多网站的导航条都是这样处理的, 但是这里会带来一个小小的问题, 在用户下拉页面出现置顶导航条, 并且浏览器的宽度不够时, fixed 定位的导航条将不能正确的跟随滚动条进行滚动. 这种方案一般用在导航条上没有很多元素, 即便导航条自适应宽度也不会导致导航条样式错乱. 这里不适…

一些提案扩展了现有的 JavaScript 类, 带来了新功能. 该文章解释了 在 V8 v7.2 和 Chrome 72 中新的 public 类字段语法, 和即将到来的私有类字段语法. Several proposals expand the existing JavaSc…

显示 相对时间 现在已经是 Intl API 的一部分. 我是 Pete Lepage, 来让我们深入理解 Chrome 71 对于开发者的新特性. Displaying relative times is now part of the Intl API. Specifyin…

当一个 Live Expression 的执行结果为一个 DOM 节点时, 悬浮在 Live Expression 的结果之上来在视口中高亮该结果. When a Live Expression evaluates to a DOM node, hover over the L…

时间过得很快，转眼间 Code Review 机制在丁香医生前端团队已经运作一年多了。今年4月初时，将团队在 Code Review 方面的一些经验在丁香园前端团队进行了分享，各个业务线的前端同学们逐步开始尝试 Code Review 机制，目前也有了一定的收获。是时候将这些实…

0. 背景 目前在丁香医生的业务中，我会负责一个基于Vue全家桶的WebApp项目。 一直有件不太弄得明白的事：在每个组件的template标签里，都会使用dataReady来进行渲染控制。例如像下面这样，请求完了以后再渲染页面。 但是实际上，我在组件的data选项里并没有定义…

最近一直想写一些关于丁香医生前端团队的文字，却始终觉得难以动笔。去描述一个团队，可以从非常多的维度去阐述，当从某个视角去深入描写时，就会觉得很难把控描写的尺度，要么有些溺爱，要么有些苛刻，亦或者不够直接坦率。内心挣扎一段时间后，终于决定只从一个维度来写，那就是我眼中丁香医生前端…