书架
✨

书架

=一个知识书库=

vite首屏加载慢
181 字1 分钟

vite首屏加载慢

# Vite 首屏加载慢(白屏久) **问题描述** > Vite 项目启动很快，但首次打开界面加载慢? 参考文章：[为什么有人说 vite 快，有人却说 vite 慢](https://juejin.cn/post/7129041114174062628) vite 启动时，并不像 webpack 那样做一个全量的打包构建，所以启动速度非常快。启动以后，浏览器发起请求时， `Dev Server` 要把请求需要的资源发送给浏览器，中间需要经历预构建、对请求文件做路径解析、加载源文件、对源文件做转换，然后才能把内容返回给浏览器，这个时间耗时蛮久的，导致白屏时间较长。
技术设计,前端,vite
more...
vite与webpack使用区别
176 字1 分钟

vite与webpack使用区别

## 1. 静态资源处理 | 工具 | 备注 | | ------- | -------------------------------------------- | | webpack | 使用require处理 | | vite | 使用`new URL(url, import.meta.url).href`处理 | <!--more--> `import.meta.url` 包含了对于目前 ES 模块的绝对路径
技术设计,前端,vite
more...
CSS解决方案unocss
874 字3 分钟

CSS解决方案unocss

> 每个前端人都经历过的一个痛处就是，在写页面ui样式时不停的在html文件（或代码区域）和css文件（或代码区域）之间来回切换，这种聚焦点分离让ui样式的开发有点点烦。原子化css正是这一痛处的有效的解决方案。 ## 简介 原子化的优点也即原子化，因为所有书写的css都是以最原子的形态出现，所以可复用性无解肥。 原子化中每个css属性和值都有一个对应简写的class来实现，通常这些简写也符合认知规律，所以书写起来并没有很大心智负担，熟能生巧（唯手熟耳）。 这有点类似在 html 中书写 style，不过更加简单和快捷。比如： - `w-10`就是`width:
技术设计,前端,css
more...
UnoCSS详解
1918 字7 分钟

UnoCSS详解

在 [UnoCSS](/https://unocss.dev/) 的官网首页，已经为我们展示了它的优点 1. **没有核心实用程序**。所有功能均通过预设提供。 2. **瞬间**。无需解析、无需AST、无需扫描。它比Windi CSS或TailWind JIT快5倍。 3. **轻量级**。零deps和浏览器友好：~6kb min+brotli。 4. **丰富的集成**。一流的Vite、Webpack、PostCSS、CLI、VS Code、ESLint等支持。 5. **快捷方式**。动态地对实用工具进行别名或分组。 6. **属性模式**。将实用工具分组放置在属性中。
技术设计,前端,css
more...
ESLint解析-官方默认规则解析
4968 字17 分钟

ESLint解析-官方默认规则解析

## 值解析 - `"off"` or `0` - 关闭规则 - `"warn"` or `1` - 将规则视为一个警告（不会导致程序退出） - `"error"` or `2` - 将规则视为一个错误 (当被触发的时候，程序会退出) <!--more--> ## 规则解析 `[es]` 表示`eslint:recommended`推荐启用的规则, 注释是说明此规则的解释，值只表示关闭、警告或者报告错误此规则。 ### Possible Errors 这些规则与 JavaScript 代码中可能的错误或逻辑错误有关 ```json "for-di
技术设计,前端,eslint
more...