基础工具构建

`Loading` 是开发过程中很常见的场景，在 `Client/Server` 架构盛行的今天，客

如何进一步提升用户体验，始终是一个热议且不断探索的问题。对于web应用而言，提升用户体验主要集中在两大关键方面：一方面，需要注重应用加载时的性能优化，确保用户可以快速、流畅地访问应用；另一方面，则要在

最近遇到了文件预览的需求，但一搜索发现，这还不是一个简单的功能。于是又去查询了很多资料，调研了一些方案，也踩了好多坑。最后总结方案如下 希望如果有其他人也遇到了同样的问题，能更方便的解决～

本文将详细讲解如何用最基本的`typescript`，`vite`，`less`构建`Web Components`的组件，基于原生能力开发，能够运行在任何框架，听起来似乎很不错，今天就来试试～

本文将详细介绍使用vitepress和github actions去搭建高性能，自动部署的个人永久SSG静态站点的完整过程，相信看完一定有所收获...

目前各大主流浏览器都已经实现 WebSocket，本文主要是实现 server端的WebSocket服务。 完整代码见文章末尾...

如何给开源项目做贡献呢，阅读文本你能了解到 1. 发现了开源项目的问题，可以怎么做呢？ 2. 如何调试开源项目的源码并解决问题 3. 提交规范的`commit`并成为`contributor`

Virtual DOM(虚拟DOM)，是由普通的JS对象来描述DOM对象，一个DOM的成员是非常多的，创建一个真实DOM成本非常高

一.npm 是什么？ 1. npm 的组成 官方文档上介绍到，由三部分组成 官方网站（可以查询各种包） 命令行工具 (CLI)

JS Parser指的是JavaScript的代码解析器。用于扫描JavaScript代码，解析成AST结构。然后对AST进行修改，最终再将AST生成代码。 JS Parser用途十分广泛，比如

「这是我参与2022首次更文挑战的第5天，活动详情查看：2022首次更文挑战」。 rollup和webpack类似，但是小巧的多。webpack配合一些插件的使用下，几乎可以完成前端工程化的所有功能

「这是我参与2022首次更文挑战的第7天，活动详情查看：2022首次更文挑战」。 一.webpack的使用 初始化项目：yarn init -yes 安装webpack核心模块和cli模块yarn a

「这是我参与2022首次更文挑战的第8天，活动详情查看：2022首次更文挑战」。 一.webpack核心工作原理 一般项目中会散落着各种资源文件 然后webpack会找到其中的一个文件，作为文件打包的