本文主要讲述了CSS中的级联层（CSS@layer），讨论了级联以及级联层的创建、嵌套、排序和浏览器支持情况。级联层可以用于避免样式冲突，提高代码可读性和可维护性。

24 Technology lddgo Shared on 2023-05-24

作为一名前端开发者，经常需要 mock 数据来快速构建原型。通常我们会胡编乱造一个数据集存储到 JSON 文件，但这个过程会很耗时间，而且这些假数据可能并不好用。此外，从文件中读取数据也不是应用程序真正的操作方式，更优雅的方式是使用接口 API。在这篇博客文章中，我们将讨论如何在 10 分钟内为 UI 原型创建模拟 API。没错，只需 10 分钟！

23 Technology lddgo Shared on 2023-05-05

BBC 发现其网站加载时间每增加一秒，用户便会流失 10%。为提高页面的秒开率，我们不断探索着优化策略，仅仅在浏览器领域下的优化已经满足不了我们的极致要求，开始往服务端方向不断探索。本文将讨论业务接入SSR的几个问题： SSR究竟适合哪些业务？ 接入SSR后，性能带来了哪些提升？ 业务接入SSR有哪些成本？

16 Technology lddgo Shared on 2023-04-18

rrweb 全称 'record and replay the web'，是当下很流行的一个录制屏幕的开源库。与我们传统认知的录屏方式（如 WebRTC）不同的是，rrweb 录制的不是真正的视频流，而是一个记录页面 DOM 变化的 JSON 数组，因此不能录制整个显示器的屏幕，只能录制浏览器的一个页签。

14 Technology lddgo Shared on 2023-04-18

随着小程序业务的不断迭代，组件越来越多，导致组件规划不清晰、复用率较低、组件重复和代码混乱，以及还有其他如UI交互一致性和提升效率等需求。 对于组件库来说，实现功能重要，而清晰的文档则更加重要，不然因为团队沟通协调成本高，还是会造成各自为战的情况，不能很好的解决组件重复和代码混乱的问题。 抽离封装电动车Taro组件库以及组件库在线演示文档解决上述问题。

15 Technology lddgo Shared on 2023-03-31

“打包”——一个前端研发无比熟悉的词语，打包工具从来都不是必要，后端（nodejs）几乎可以不使用，但在前端，又几乎不可以不用。 本文会带读者探究关于打包的一切，前辈们是从什么时候开始打包，又从什么时候开始分包？再发展到现在的在开发环境逐渐不再打包，这个过程我们到底经历了哪些故事？我们又可以依靠哪些工具来实现我们不同时期的目标？这一切离不开前端工程的模块化的演进史～

10 Technology lddgo Shared on 2023-03-30

Ant Design MetaGuide 设计系统元规范

21 Technology lddgo Shared on 2023-03-27

AntV 是由蚂蚁集团产出的开源企业级数据可视化解决方案，在企业内部和社区有大量应用实践积累。本文将基于这些实践经验和领域研究，结合 AntV/G2 5.0 和 AntV/AVA 3.0 在升级过程中的更新，向大家分享相关思考。我们总结了分析需求对可视化工程提出的三点挑战，用一个具体工程案例来展示可视化工程升级前后的对比。我们总结了可视化应该基于声明式语法的原因，并且提出了三个可视化工程发展上要考虑的趋势：将可视化本身视为一种数据、更重视分析交流的便捷度、走向更深度的自动化。

19 Technology lddgo Shared on 2023-03-27

Web 项目中经常会遇到处理 URL 中 Query 的情况，来看下下面问题你有疑惑吗？ 项目中发现会用到 qs、query-string、URLSearchParams、甚至 querystring 几种不同的库，其到底差异在哪里，我该用哪个？ 在 query 中 key=a&key=b 这种情况 key 取值是什么？和 key[]=a&key[]=b 有区别嘛？ 在 query 中会有结构如 %HH 的数据，为什么是这样形式的？我们为什么要使用 encodeURIComponent 进行编码？和过时的 escape 又有何区别？ Content-type 中 x-www-form-urlencoded 的取值，是怎么一回事？ 于是梳理一下关于 URL Query 的相关知识点，用来去伪解惑。

24 Technology lddgo Shared on 2023-03-23

关于promise、async/await的使用相信很多小伙伴都比较熟悉了，但是提到事件循环机制输出结果类似的题目，你敢说都会？

48 Technology lddgo Shared on 2023-03-23