前端
文章平均质量分 94
前端相关文章
子洋丶
擅长前端开发相关技术,热衷于研究IT技术,对 Java、Python 等热门编程语言有所涉猎,曾担任 BI 工程师一职,擅长 Qlik Sense 的报表开发,及常见 BI 软件的使用,个人公众号:子洋的摘星阁。
展开
-
code-inspector 源码浅析
通过学习的源码,收获还是很多的。在这个过程中,我还特意研究了 pnpm 的 monorepo 配置、vite 插件开发流程、magic-string 库的使用等多个方面的技术。当我准备本文时,发现原作者已在掘金发布了一篇功能介绍和原理解析的文章,里面的内容更加细致,是非常好的学习参考资料,链接放在文末。原创 2024-03-21 06:59:30 · 892 阅读 · 0 评论 -
NPM 仓库的超集 JSR 来了!
JSR是一个全新的包管理注册中心,它旨在为现代 JavaScript 和 TypeScript 的生态系统提供支持。原生 TypeScript 支持:JSR 能处理未编译的 TypeScript 代码,这让类型安全和开发体验得到了质的提升。ES 模块化:通过只支持 ES 模块,JSR 促使开发者采用最新的 JavaScript 模块标准,以适应实际 web 环境的需要。跨平台兼容:除了 Deno,JSR的设计考虑了与多个运行时环境的兼容性,包括但不限于 Node.js 和浏览器。原创 2024-03-17 18:10:41 · 1331 阅读 · 0 评论 -
使用 pnpm 搭建 monorepo 项目
在软件开发中,随着项目的逐渐庞大和复杂化,管理多个相关联的代码库就变成了一项挑战。这时,Monorepo(单体代码仓)应运而生,它能有效管理多个项目或模块。Monorepo 是指在一个单一的版本控制系统仓库中管理多个模块/项目的策略。统一的工作流程和工具链:整个仓库的项目可以共享构建,测试,部署等流程。更容易的代码共享和重用:不同项目之间共享代码变得直接和高效。依赖管理:确保各个模块间依赖的版本一致性。原子性提交和版本控制:可以在单个提交中跨多个项目进行更改,简化版本跟踪。原创 2024-03-17 11:01:16 · 2439 阅读 · 2 评论 -
你知道该如何使用 JS 创建 css 类样式吗?
提供了一种强大的方法来以程序化的方式管理和操作网页的样式。无论是小规模的样式调整,还是大规模的样式系统设计,CSSStyleSheet 都是一个很有用的 API,可以帮助你高效的维护和更新你的网站风格。原创 2024-03-05 13:48:53 · 1525 阅读 · 0 评论 -
前端工程化解决方案浅析
前端工程化是将软件工程相关的方法和思想应用到前端开发中,从而提升前端开发效率、提高产品质量、降低开发难度、减少公司成本的方法和工具。前端工程化贯穿整个前端项目各个阶段,包括代码规范、流程规范、分支管理、程序开发、前后端联调、自动化测试、应用构建、系统部署和监控、运维等。前端工程化是前端开发的趋势,它可以提高开发效率、降低成本、提高代码质量。然而,在实施前端工程化时需要根据项目实际情况进行定制化选型,合理选择工具和框架。优化和测试是工程化中不可忽视的部分,它们对于提升应用性能和稳定性至关重要。原创 2024-02-22 08:31:15 · 849 阅读 · 0 评论 -
nginx 踩坑 之 mine.types
MIME(Multipurpose Internet Mail Extensions) 类型是一种用于标识文件内容类型的标准。它最初是为了支持电子邮件系统而设计的,但现在也被广泛用于HTTP协议中,用于指示在互联网上传输的文件的类型。MIME type现在称为「 媒体类型 (media type) 」,但有时也是「 内容类型 (content type) 」是指示文件类型的字符串,与文件一起发送(例如,一个声音文件可能被标记为audio/ogg,一个图像文件可能是image/png。原创 2024-02-21 08:30:00 · 1939 阅读 · 0 评论 -
milligram css 源码浅析
Milligram 是一个简洁、小巧 CSS 库,它专注于提供一个轻量级的样式库,使得在网页项目中添加样式变得非常简单。Milligram 的设计理念是尽可能少地干预你的设计,只提供了一些基础的样式和组件,使得你可以更容易地构建自己的定制化界面。轻量级:Milligram 非常小巧,通过 gzip 压缩后仅有 2KB 大小。现代化:Milligram 采用了现代化的 CSS特性 和响应式设计,适用于各类设备显示。基本样式。原创 2024-02-20 08:30:00 · 855 阅读 · 0 评论 -
CSS 实现 3D 书本展开动效
本文将使用纯 CSS 实现一个简单的 3D 书本展开动效。原创 2024-02-20 08:30:00 · 959 阅读 · 0 评论 -
Leafer 插件开发教程
由于目前 Leafer 尚在成长期,现在仍然还只是一个单纯的 图引擎,许多功能可能还需要社区来支持,前段时间写了一个 Leafer 插件,整理了一下 Leafer 插件的开发方法,本篇主要是教大家如何为 Leafer 实现一个简单的。本来本篇文章应当更早一些就发出来了,但是为了保证严谨,一边阅读 Leafer 插件的源码,一遍撰写,在撰写过程中发现了一个问题,排查了很久才确定,提交 issue 后才继续撰写本文,这也就导致了延期发布。原创 2023-08-10 22:15:02 · 226 阅读 · 0 评论