iconfont是前端技术中重要的一环——它能够方便地沉淀大量设计资产,并通过组件化的方式高效地在各种场景复用。而单纯应用iconfont,只能支持到纯色渲染图标,越来越难以满足高品质视觉效果的诉求。本文结合实际工作业务场景,调研了两种常见渐变iconfont实现方案,并提供icon组件封装demo,与各位读者分享。
AIGC 这一时代潮流已然不可阻挡,我们要做的不是慌乱,而是把握住这个时代的机会。本文就和大家一起来探索在 AIGC 下,前端工程师即将面临的挑战和机遇。聊聊从以前到现在,AIGC 给我们带来了怎么样的变化,下一代前端工程师又该何去何从?
我们对微前端框架的内容做了一个详细的介绍,并从零开始用Typescript实现了微前端的基本功能。
本文主要讲述了CSS中的级联层(CSS@layer),讨论了级联以及级联层的创建、嵌套、排序和浏览器支持情况。级联层可以用于避免样式冲突,提高代码可读性和可维护性。
作为一名前端开发者,经常需要 mock 数据来快速构建原型。通常我们会胡编乱造一个数据集存储到 JSON 文件,但这个过程会很耗时间,而且这些假数据可能并不好用。此外,从文件中读取数据也不是应用程序真正的操作方式,更优雅的方式是使用接口 API。在这篇博客文章中,我们将讨论如何在 10 分钟内为 UI 原型创建模拟 API。没错,只需 10 分钟!
BBC 发现其网站加载时间每增加一秒,用户便会流失 10%。为提高页面的秒开率,我们不断探索着优化策略,仅仅在浏览器领域下的优化已经满足不了我们的极致要求,开始往服务端方向不断探索。本文将讨论业务接入SSR的几个问题: SSR究竟适合哪些业务? 接入SSR后,性能带来了哪些提升? 业务接入SSR有哪些成本?
rrweb 全称 'record and replay the web',是当下很流行的一个录制屏幕的开源库。与我们传统认知的录屏方式(如 WebRTC)不同的是,rrweb 录制的不是真正的视频流,而是一个记录页面 DOM 变化的 JSON 数组,因此不能录制整个显示器的屏幕,只能录制浏览器的一个页签。
随着小程序业务的不断迭代,组件越来越多,导致组件规划不清晰、复用率较低、组件重复和代码混乱,以及还有其他如UI交互一致性和提升效率等需求。 对于组件库来说,实现功能重要,而清晰的文档则更加重要,不然因为团队沟通协调成本高,还是会造成各自为战的情况,不能很好的解决组件重复和代码混乱的问题。 抽离封装电动车Taro组件库以及组件库在线演示文档解决上述问题。
“打包”——一个前端研发无比熟悉的词语,打包工具从来都不是必要,后端(nodejs)几乎可以不使用,但在前端,又几乎不可以不用。 本文会带读者探究关于打包的一切,前辈们是从什么时候开始打包,又从什么时候开始分包?再发展到现在的在开发环境逐渐不再打包,这个过程我们到底经历了哪些故事?我们又可以依靠哪些工具来实现我们不同时期的目标?这一切离不开前端工程的模块化的演进史~
Ant Design MetaGuide 设计系统元规范