AshoneA

在即将到来的 webpack5 中加入了持久缓存，官方宣传能将 16000 个模块组成的应用打包时间减少 98%， 可参考 Sean Larkin 演讲地址。不过 webpack5 还没正式发布，周边生态很多还没有跟上，如果你现在贸然升级 webpack5 的话，或许只会得到一…

几个月前，我的任务是将我们组的 Vue.js 项目构建配置升级到 Webpack 4。我们的主要目标之一是利用 tree-shaking 的优势，即 Webpack 去掉了实际上并没有使用的代码来减少包的大小。现在，tree-shaking 的好处将根据你的代码库而有所不同。由…

最近发现做了这么多的首屏优化，一直都是把白屏时间和首屏时间算在一起，也就是页面打开之前 dom 没渲染出来，我就把他归为首屏时间。时间上这里专业点可以分为首屏和白屏两个阶段，这篇文章就讲讲二者的区别，以及计算方法。 首先先讲讲按照我以前理解的首屏时间慢会带来什么问题，在页面一开…

获取主页 html 数据，应该使用 performance.timing，而不是 performance.getEntriesByType('resource')[0]。 performance.getEntriesByType('resource') 表示当前 HTML 文档…

用了一段时间的 typescript 之后，深感中大型项目中 typescript 的必要性，它能够提前在编译期避免许多 bug，如很恶心的拼写问题。而越来越多的 package 也开始使用 ts，学习 ts 已是势在必行。 以下是我在工作中总结到的比较实用的 typescri…

今天要聊的话题是前端最近的一个更新方向 PWA 中的核心 Service Worker 的更新问题。这是一个很容易被开发者忽略的问题，因为绝大部分开发者可能对它还不太熟悉。 经过近 2 年的发展，PWA 在 WEB 圈的知名度已经大大提升，即便你没用过可能也至少听说过。Serv…

当前的互联网用户早已习惯了拖拽，习惯了拖拽带来的便利。任何一个前端项目都有加入拖拽这个功能的可能性。 这两种实现方案各自有自己的场景。鼠标实现的好处在于有更好的兼容性，坏处就是更多的代码。 dragApi 实现的好处在于更少的代码，坏处就是更差的兼容性。 需要利用mousedo…

文中的 “我”，其实不是一个单纯的角色，它可能会包含多层含义，不管是我作为一个团队的管理者，还是我作为一名技术团队的普通员工，都会对自己的团队有一些期许，一些定义，一些要求，而这就是今天我们要谈论的话题。希望这些思考能够对管理者或者求职者有些帮助。