之前写过用 VSCode Debugger 或者 Chrome DevTools 调试网页和 Node.js 代码，还有各种打断点的方式。 但只是讲了如何使用，很多同学不知道为什么要用 debugge

babel本身是个编译器，但是本文的侧重点在于官网上的副标题，即怎么样利用babel帮助我们在当前运行时（比如浏览器）未实现相关规范（包括es262和web standard）的情况下使用最新版本的js，编译部分的介绍参考我的这篇文章，建议两篇文章结合阅读 。 对于第一个功能，…

运行时性能表现（runtime performance）：当页面在浏览器中运行时的性能表现。当然我们得有一个网站来使用。这里我用平时的开发页面进行分析。在chrome的 `performance tab` 点击（start profiling and reload page）。…

作为电商基础链路的开发，除了要考虑功能是否能快速上线外，更多的是要注重页面的性能和用户的体验。 当前详情页面的架构较旧（后端java&vm+前端React), 重要数据都伴随页面一起从后端同步返回，本文章记录的是在不大改的前提下，沉淀了一系列对详情页面的优化，希望能对…

其原理就是将 CSS 文件中的每个 className 按照一定的规则映射为另一个唯一的字符串，以保证 className 在全局作用域内不会重复和冲突。配置方法也很简单，只需要在 webpack 的 css-loader 中添加一个 modules 配置项即可，具体请参考 c…

我是淘宝技术部的一名普通的前端技术专家，花名磐冲。每年都想给团队内招几个同学，但是努力了几年，一个都没有招进来。是我看简历太少了吗？不是，只算内部简历系统，我看过的简历至少上千。是我要求太严格吗？也许是吧，不过，我电话面试拒绝的同学，只有1位在一段时间后，入职了另一个部门。 好…

移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图 所示。 根据百度用户体验部的研究结果来看,普通用户期望且能够接受的页面加载时间在 3 秒以内。若页面的加载时间过慢,用户就会失去耐心而选择离开。 首屏作为直面用户的…

下表是与页面加载性能相关的用户体验。 首次绘制 (FP) 和 首次内容绘制 (FCP)。 这些指标用于标记导航之后浏览器在屏幕上渲染像素的时间点。这两个指标其实指示了我们通常所说的白屏时间。 FP 标记浏览器渲染任何在视觉上不同于导航前屏幕内容（就是输入网址enter之前的内容…

本篇文章针对于 vue2，目前正在基于 vue3 做一个开源的脚手架，如果有感兴趣的同学，可以来这里贡献代码。 考虑到后续招人和现有人员的技术栈，选择 Vue 作为框架。 公司主要业务是 GIS 和 BIM，通常开发一些中大型的系统，所以 vue-router 和 vuex 都…