省流：使用 vitepress-plugin-rss 这个插件 前言 在看许多个人博客站点的时候，右上角总会有个RSS订阅的标志 恰好我的博客也是基于 VitePress 搭建的，就想看看能不能也实现这个功能呢？ 动手前...

Chrome浏览器插件（Chrome Extension，简称CRX）大家已经非常熟悉了。目前的Chrome Extension开发应该按照Manifest V3的规范。按照谷歌官方的通知，2023年6月开始，将不允许发布Manifest V2的Ch...

github仓库地址：   github.com/Liangjiahon… 安装 axios  pnpm i axios 在根目录下新建 service 文件夹，进行 axios 封装 目录结构如下 modules： 区分每个模块下的请求，如登录退出的房 a...

游戏在线体验 专栏上篇：探索Pixi.js的潜力：打造专业级网页游戏《消消乐》(上) 本文，我们主要探讨页面开发遵循的思路、游戏中的音频管理与游戏页的开发包括基本玩法的实现原理与算法等等。 在...

我在日常开发中经常使用ts语言，通常需要用webpack来编译和打包，配置起来比较繁琐，后来使用Angular框架，但是用ng来写一个小小的demo感觉非常臃肿，不值当。所以vite是个不错的选择。 使用 Vi...

前端项目性能优化和开发体验优化是无法避免的一个话题，在之前使用webpack做应用构建的时候，我们有许多手段和插件来做优化。当我们使用vite构建应用时也有许多插件来做优化，本文对vite的优化...

在element-plus中，popper组件是tooltip、select、date-picker等触发式弹出层组件的基础，有了它我们就可以封装各种类似功能的组件了。 话不多说，咱们开始吧！ popper 组件依赖于 floating-ui...

创建项目 进入项目目录，运行 yarn create vite 然后根据提示输入项目名，然后依次选择 Vue、TypeScript 即可创建一个简单的 Vue3+TS 项目。创建后按照提示进入项目文件夹并安装依赖，然后运...

一、less、css、sass不生效问题。 方案1 less或者css，sass需要用到模块化的话，后缀名全部要加上《module》如*.module.less。否则不会生效 import styles from './index.module.less'; <div...

接上一篇Webpack优化之后，现在和小伙伴们一起来聊一聊Vite，聊的主要内容是为什么选用Vite和Vite的使用规则。 我第一次使用Vite是去年4月份的时候，当时上海正在封控中，同时公司开始筹备做一...

网页游戏以其便携性通常内嵌在各大app中，通过提供沉浸式的游戏体验拉近用户与app之间的距离，最终将用户流量转换为具体的物质价值，这就是网页游戏的价值之一。 本文将带你从零使用Pixi.js打造...

github仓库地址： github.com/Liangjiahon… 初始化项目 使用 pnpm + vite + vue3 创建工程 在 cmd 命令行中输入 pnpm create vite 工程名  pnpm create vite vite-demo 选择 vue 选项 使用语...

Hello World！大家好，我是大家的林语冰（挨踢版）~ 粉丝质疑 之前肝了一期《Vue 为什么禁用 undefined》的水文，不幸的是，惨遭道友先质疑、再质疑。 那这里我就简单讲两句： 任何编程语言中，...

vite 热更新的主要作用是为了实现局部刷新的效果，这样之前操作的状态都能够保存 vite 热更新的基本实现方式如下 基于一套完整的 ESM HMR 规范，在文件发生改变时 vite 会检测到相应 ESM 模块变...

哈喽，大家好，消失了一段时间，最近去学习了一下用vite打包时的一些优化点，我个人觉得还是蛮常用的，一般都用的上，在这里给大家分享一下 生产环境中移除log 在我们开发阶段，经常会用console...

背景 本人正在做一个开源截图、录屏和录像的跨平台桌面软件——pear-rec(梨子录像)，本项目是基于Electron、React和Vite搭建的，一开始是使用vite-react-electron脚手架快速搭建的，但是随着项...

前言 不管是unocss还是tailwindcss和windicss，默认的单位都是rem，这有一定的设计理念，但其实这对于习惯使用px单位的人来说不太友好，有相当一部分人因为这点而放弃使用原子化css 那么，有没...

我们都知道，vite 在开发时使用的是 esbuild 作为依赖预构建和 ts、jsx 文件转译工具，通过浏览器的 ESM 加载，而在生产打包时使用的是 Rollup 作为打包工具。这样的双引擎架构可以同时享受到到...