研发测试

前端重构程序员是一个关注代码同时还要留意体验的异类。代码的优化虽然难，但是有比较多的性能测试工具去证明优化的成果。然而体验这种东西，我们又要如何去证明它的好与坏呢？ 今天我着重会基于「webnovel」PC站点从以上两点给大家介绍，如何从体验的角度去做重构的优化，并如何用数据去…

今年3月，我入职了某公司保险事业群，正式从事了保险行业，至此对保险有了很多的了解。 前几日，我在加班，朋友劝我早点休息，小心发际线。我突然灵光一闪：是啊！怎么没有一款秃头险啊？有的话必买啊！ 于是我立马百度确认了一下，目前市面上确实没有秃头险。我本着公司别人不做那就我来做的文化…

随着 React Vue 等框架的流行，Virtual DOM 也越来越火，snabbdom 是其中一种实现，而且 Vue 2.x 版本的 Virtual DOM 部分也是基于 snabbdom 进行修改的。snabbdom 这个库核心代码只有 200 多行，非常适合想要深入了…

本文短小精悍，我保证。在过去的数个月里，我注意到在我审阅的 pull request 中有四个（关于数组使用的）错误经常出现。同时，我自己也会犯这些错误，因此有了这篇文章。让我们一起学习，以确保以后能正确地使用数组方法！ 我记得在我学习 JavaScript 的课程中有类似的这…

对于中大型前端项目，项目规范与代码质量尤为重要。当功能需求变更或需要重构时，随心所欲的(糟糕的)代码可能带来比重新开发还麻烦的问题。 这个问题不用作过多阐述，想必接手过他人代码的同学，多少都有些体会。简单来说，太过随意的代码会让强迫症患者难以容忍，难以阅读理解的代码有时甚至不如…

Vue的组件对象支持计算属性computed和侦听属性watch两个选项，但这两个属性用法有什么异同以及它们底层实现的原理是什么？本文将用例子结合源码来进行总结。 1.computed是计算属性，类似于过滤器,对绑定到视图的数据进行处理,并监听变化进而执行对应的方法，对这部分不…

入口繁杂其实意味着你的前端工程搭建必须是以多入口为起点搭建的，如webpack你可以配置entry，自行写一个脚本在构建时获取每一个页面的js入口，而多入口意味着你必须考虑页面之间共享的模块应该如何抽取以达到一个较优的模块利用率，这点我们在文章下一节详细讲。 其实有做过混合开发…

这里的意思是当controls-right类被加上后,decrease这个类的css变化为上面的内容，也就是将减按钮从原本的左侧放置到右下角，我开始不明白这里的top:auto,left:auto是干嘛的，后来控制台调试得知，因为decrease类原本的top是1px，left…