冉龙

一个好的项目通常都是多人合作的结果，然而每个人有每个人的开发习惯，并不统一。 所以 commit message 就显得格外的重要。有些不规范的 commit 可能过个一个月之后你自己都不知道当时的提交目的了ﾍ(;´Д｀ﾍ)， 所以，为了能使得日后复（zhao）盘（guo）的时…

和很多小伙伴一样，我在开发Vue项目时也是基于官方vue-cli@2的webpack模版，但随着项目越做越大，依赖的第三方npm包越来越多，构建之后的文件也会越来越大，尤其是vendor.js,甚至会达到2M左右。再加上又是单页应用，这就会导致在网速较慢或者服务器带宽有限的情况…

在最近更新的 Chrome 69 稳定版中，全面支持了 CSS Scroll Snap 标准。该标准用于设置一个滚动捕捉点，让最终的滚动位置附着于就近或特定类型的捕捉点中，以达到更好的滚动体验。今天我们就来研究一下。 学过 CAD 系列软件的同学可能很清楚，我们在移动一个对象时…

Moment.js是一个很棒的时间和日期库，具有许多牛X的方法，平时npm install了之后就是干，但是如果您的Web应用程序对性能上有很高的要求，可能会由于其复杂的API和大小会导致巨大的性能上的比不要的开销。 如果您没有使用时区，而只使用了moment.js中的一些简单…

最近参与公司两个国外项目，项目需要对中文替换为葡语和英语，项目重要、时间紧张，正常开发完后需要对中文词条替换成一个方法。 但是查找和修改其中的错误也是一个极其痛苦的过程，人总是不满足于现在，希望可以更好。 同事用的方法是读取文件中的内容，然后根据正则匹配到中文片段，然后进行替换…

正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。

微前端由ThoughtWorks 2016年提出，将后端微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 美团已经是一家拥有几万人规模的大型互联网公司，提升整体效率至关重要，这需要很多内部和外部的管理系统来支撑。由于这些系统之…

当然，你可以使用时间轴来记录，但是在大多数情况下，时间轴只记录数据，并不是实时更新的。在这点还有其他的性能测量技巧，Chrome DevTools 添加了 “Performance Monitor（性能监控）” 选项卡，可以体现实时性能： 这里有很多不同的性能选项，大部分都是非…