摘要： 随着软件工程的发展，系统架构越来越复杂，分层越来越多，分工也越来越细化。我们知道，互联网是离用户最近的行业，前端页面可以说无时无刻不在变化。前端本质上还是用户交互和数据展示，页面的高频变化意味着对数据需求的高频变化。在绝大多数场景中，页面数据都来自于服务端，因此对页面变化的感知势必会传递到服务端，而 阅读全文

摘要： 在降本增效的大背景下，Low Code 这两年被大家讨论的比较多，社区里也有很多不错的解决方案涌现出来。对于前端来说，页面搭建是一种具体的 Low Code 实践形式，是一种已经被证明有效的技术和业务提效手段。 通观社区里的主流实践，页面搭建目前还只能解决一些垂直领域的问题，比如电商营销、中后台管理 阅读全文

摘要： Flexbox 是一种 CSS 布局机制，可以说是目前浏览器原生支持的最好、使用最广泛的布局机制了。本文通过一些例子来说明 Flexbox 布局的工作原理，可以让我们更好的使用 Flexbox。 与 CSS Grid 可以同时在横向和纵向两个方向进行布局不同，Flexbox 只能在单一方向上进行布局 阅读全文

摘要： 当我们在网页中选中某一段内容的时候，浏览器会添加选中效果来标识选中的范围。我们可以从左到右选，也可以从右到左选。我们可以选择文字，也可以选择图片，或者选择图片加文字。浏览器是如何处理我们的选中操作的呢？ 我最近在处理一个网页选中的问题，顺便研究了一下规范中是如何定义选中的，发现还是蛮有趣的，分享一下 阅读全文

摘要： 前面我们在深入理解 ES Module 中详细介绍过 ES Module 的工作原理。目前，ES Module 已经在逐步得到各大浏览器厂商以及 NodeJS 的原生支持。像 vite 等新一代的构建工具已经逐步使用 ES Module 并有计划的运用到生产环境中。因此，了解如何在浏览器以及 Nod 阅读全文

摘要： 得益于 esbuild 的超高性能，vite 在诞生之初就备受关注，且一直保持着活跃的开发迭代。截至目前，vite 已经迭代到了 2.7.10 版本，各方面也基本具备了在生产使用的条件。这段时间，我在项目中尝试了使用 vite 进行打包构建，本文就是这次构建的过程记录。 基础配置 首先使用vite 阅读全文

摘要： 这几年，前端领域内的构建工具层出不穷，除了 webpack，叫得上号的还有 esbuild、rollup、vite、snowpack、swc、parcle 等等。咋一看，不由得感叹一句“前端好卷啊~”。其实，细想来看，倒不是大家真的卷，而是前端还处在一个高速发展的过程中，很多方面还不成熟，因此会有很 阅读全文

摘要： 我们在single-spa 技术分析 基本实现了一个微前端框架需要具备的各种功能，但是又实现的不够彻底，遗留了很多问题需要解决。虽然官方提供了很多样例和最佳实践，但是总显得过于单薄，总给人一种“问题解决了，但是又没有完全解决”的感觉。 qiankun 在 single-spa 的基础上做了二次开发， 阅读全文

摘要： 本文首发于众里千寻 - 5 分钟快速掌握 shell 中的正则表达式 我经常会在命令行使用 grep 等命令处理一些文本查找的问题。在使用正则表达式的时候经常会碰到一些令人困惑的问题，比如同样的正则表达式在一个命令中可以用，在另一个命令中却不可以用。 今天我们来好好整理下 shell 中的正则表达式 阅读全文

摘要： 在理解微前端技术原理中我们介绍了微前端的概念和核心技术原理。本篇我们结合目前业内主流的微前端实现 single-spa 来说明在生产实践中是如何实现微前端的。 single-spa 的文档略显凌乱，概念也比较多，初次接触它的同学容易抓不住重点。今天我们尝试整理出一条清晰的脉络，让感兴趣的同学能够快速 阅读全文