dart-sass 和 node-sass 的区别以及使用
序
在我们开发场景中，如果在node环境中使用node-sass，经常会有python版本安装问题，也有和node版本是否和node-sass版本有关联关系，还强制安装NET Framework版本，总而言之会出现...
简单使用 tsup 进行打包
起因。
最近在编写自己的组件库，使用monorepo模式进行开发,monorepo开发将utils单独作为工具库，原本打算使用tsc编译出去的，无意中发现了打包工具。
介绍
tsup 是一个基于 ESBui...
UNI-APP 离线打包配置
起因
公司有2款不同的PDA设备霍尼韦尔，SUNMI 这2款pda设备，在有一次项目升级后，发现SUNMI这种设备型号的PDA设备热更新失败，准确的说不是热更新是失败 是热更新下来的APK 安装时无法兼容
如图...
现代化 CSS 框架
什么是原子化 css
原子 CSS 是一种 CSS 架构方法，它有利于小型、单一用途的类，其名称基于视觉功能。
原子化 CSS 是一种 CSS 的架构方式，它倾向于小巧且用途单一的 class，并且会以视觉效果...
Tailwind + Antd Css冲突解决方案(按钮颜色透明)
问题引发
公司开展新项目，准备使用React，用React的主流框架肯定是Antd啦，为了防止公司样式污染以及结合了一些老项目的痛点，决心使用Tailwind来弥补这些问题，然后引发了按钮没有颜色的Bug 在原有C...
Directadmin 2222 开启 SSL
太久没管理IDC.LA 网站了，这次上去，发现所有服务器面板的SSL都挂了。
真不是个合格的网站管理者
先启动LetsEncrypt
在directadmin.conf中启用letsencrypt = 1...
ViteSSG 搭建博客 01 (ssg项目项目搭建)
项目准备
# 强烈建议使用 pnpm
npm i -g pnpm
<!-- br -->
# 安装主要项目依赖
pnpm add vue typescript less vue-router
&...
Node版本管理Volta的使用
为什么要有Volta
一个项目组有多个前端现象，使用的Node版本都不一样，并且有前端工程师一个人管理多个不同node版本的前端项目需要频繁的切换Node版本
使用 Volta
官网：https://vol...
简单虚拟列表 + 无限滚动
为什么要有虚拟列表这个东西
很多时候前端被迫被逼着接收上百条，上千条，上万条数据（因为需求的缘故），没有相关经验的前端会直接直接赋值渲染上去。
但是这样子操作是有很大的弊端的。轻则让浏览器卡顿，重则浏览器崩溃。更严...
dependencies 和 devDependencies 的区别(回忆录1)
回忆录1: 一次给别人解决BUG引发的问题
事情是这样的，一个小伙伴问我一个问题。项目写了个插件，导出到NPM中了，但是通过npm install 下来无法使用，仔细检查，发现依赖都是装载在 devDependen...