67677

众所周知js线程和渲染线程是互斥的，js线程长时间的占用主线程会导致页面卡顿，当遇到批量的js任务需要执行时，如果任务的优先级并不是太高，可以考虑对齐进行拆分，间断的执行，...

界面无滚动条 滚动条的优化也有很多种，比如随便再网上搜索美化浏览器滚动条样式，就会出现些用css去美化滚动条的方案。 那种更好呢？ 没有更好只有更合适 像默认的滚动条的话，...

还是先来点前戏，哦不，前言吧，主要想说一下为什么我会想把这些东西拿出来做一个区分，这还要从二十多年前的夏天说起······扯远了扯远了，主要还是前不久经历了一次面试。哪里的...

VisBug支持诸如文本编辑、颜色调整、元素选择、边距和填充等常见的网页设计和开发任务。通过这个插件，开发人员可以更快速地创建和修改网页，提高工作效率。...

当线上有报错的时候，大家是怎么定位问题的呢？ 断点调试么？ 但是这时候代码是被压缩过的，变量名都是 a、b、c、d 这种，根本看不出啥来。 如果调试线上报错能像本地开发的时...

前言 原子化CSS(Atomic CSS）是近年来提出的一种CSS书写方式，与之有区别的是我们比较常用的组件化书写方式。今天介绍的是AntFu的开源新作原子化CSS引擎—U...

glob 在正则出现之前就有了，主要用于匹配文件路径，例如大名鼎鼎的 gulp 就使用了 glob 规则来匹配、查找并处理各种后缀的文件。在前端工程化的过程中，不可避免地会...

最近在项目中需要做到类似于 **Mac** 下这种，当屏幕宽度足以容下当前文件名称的时候，文件名称全部展示，不做省略。然而当用户缩放浏览器显示的尺寸时，我们需要做到省略中间...

非常汗颜，写ts好多年了，虽然不是anyscript风格，但一直当作类型标注在写，顶多用用函数重载和范型，连infer是谁都不认识，虽然也从当年这个文章中：用 TypeSc...

curl是一个利用URL在命令行工作的文件传输工具； curl可以发送各种请求，支持各种协议，还能进行限速请求； curl可以用来做故障排查以及iconfont自动下载，创...

通常我们提到队头阻塞，指的可能是TCP协议中的队头阻塞，但是HTTP1.1中也有一个类似TCP队头阻塞的问题，下面各自介绍一下。 队头阻塞（head-of-line blo...

决定写文章记录一下还要感谢那个离职前在飞书上和我告别的老哥，他说已经学到了想学的。 那我呢？似乎还没有。...

本节内容我们完成了对于一个项目工程化的完善，对项目添加了`stylelint样式校验`,`ls-lint`文件命名校验, 同时使用`husky`工具通过对`hook`在不同...

作为一个组件库，也是一个比较大的项目，在开发组件库的过程中一定会出现多人协作的过程，所以我们需要在很多方面对其进行限制，否则就可能出现不同人员不同的开发习惯与编码风格造成项...

背景 随着我们的业务不断的发展，我们的前端工程也变得越来越大，能否管理好这么一个庞大的前端项目，决定了后期维护以及迭代的成本。相信很多接触过大型前端项目的同学应该也接触过不...

现在用 `react` 开发离不开各种 `hooks`。学习各种 `hooks` 的工具库，有助于我们更好的使用和理解 `hooks` 。...

怎么解决工作中组件共享或者代码共享的问题？如果你在工作中遇到多个项目合用一段代码的情况，请来文中找答案吧。...

先抛结论，如果是做普通前端项目的话，其实package.json里面的依赖包作为开发依赖和生产依赖基本没啥区别，就算把项目的package.json中的dependenci...

工程化的核心并非工具，而是以工具为实现媒介进行规范工作流程。文章中实现的是组件库项目文件组织结构的规范，TypeScript 编译和类型检测流程的规范，还有工具链的统一。...

构建体系作为前端工程化中的重要一环，是每一个中级前端跃升高级前端的必经之路，同时也是面试过程中的重灾区。但却很少有人将其进行系统性的梳理，本系列将以此为宗旨，帮助大家从零到...