检测网页更新并通知用户刷新：plugin-web-update-notification
前一段时间我们刚总结过解决如果检测项目部署了新需求及时通知用户更新的方案，今天无意间又发现一个现成的插件plugin-web-update-notification ，太好了有人已经造好了轮子，而且有人帮你维护多好，直接拿来用就…
怎样主动通知用户更新
发现问题 大家实际工作中总会遇到上线了新功能，用户并不能第一时间知道，用户端还是有缓存，除非让用户主动刷新才能更新出新功能，比如测试同学在测试新功能时总是问你“怎么跟原来一样.....”这样的问题，再比如增…
qrcodejs2报错TypeError:Cannot read properties of undefined(reading‘_android‘)
背景 vue2的项目想要更改为vite打包，一些配置都改了但是运行项目后报错 TypeError:Cannot read properties of undefined(reading'_android') 看报错是因为引用的三方插件 qrcodejs2 的问题 解决方法 去掉qrcodejs2…
webpack项目转为vite
背景 最近公司有新项目，在技术选型上选择了vite+vue3，vite的好处就不多说了 ，新项目创建后运行报错，本地node版本太老了，升级node后可以运行了但是以前的其他项目没法运行和打包了，没办法又装了nvm，切换node…
Vite 不支持 require 解决方案
require() Node.JS 原生方法，以CommonJS方式加载模块/文件/图片； Webpack 默认支持，Vite不支持； 报错Uncaught (in promise) ReferenceError: require is not defined require()加载模块 const OSS = require(…
深入探索Vue3系列（一）虚拟结点vnode的页面挂载流程
今天就从页面渲染开始聊聊吧，我们都知道在Vue的template模板中写下的内容最终会被编译成所谓的虚拟DOM，这东西本质上就是一个普通的JavaScript对象。关于虚拟DOM的探索咱们今天先不聊，因为那不是我们的重点，等下…
vite构建打包优化
打包优化老生常谈的问题了，随着项目迭代，业务逻辑复杂度的提升代码越来越多，无论是webpack还是vite打包都会遇到打包文件太大从而导致首页加载缓慢，打包优化可从代码压缩，文件压缩 这两种方式着手，废话不…
vue3发送短信验证码倒计时
新项目选用了vue3，正好写到短信验证码倒计时这种常见功能，就借鉴vue3新组合API的方式封装一下这类功能。废话不多说，直接上代码 创建一个单独的文件 //getcode/index.js import {ref, computed, onUnmounted } …
谈谈js原型链
JavaScript 的原型链是其实现继承和属性共享的核心机制，理解原型链需要从对象、构造函数、原型对象之间的关系入手。 首先要认清几个基本概念 对象（Object）：就是具体的数据，比如 { name: "小明" } 构造函数…
浅谈前端模块化
我们知道，在NodeJS之前，由于没有过于复杂的开发场景，前端是不存在模块化的，后端才有模块化。NodeJS诞生之后，它使用CommonJS的模块化规范。从此，js模块化开始快速发展。 模块化的开发方式可以提供代码复用…
Webpack 核心配置总结与补充
一、核心配置项 Entry（入口） 作用：指定打包入口文件。 默认值：./src/index.js 配置形式： 字符串：单入口（默认）。 数组：多入口合并为一个输出文件（如 ["./src/a.js", "./src/b.js"]）。 对象：…
15 个有用的 CSS 属性
在网页开发的世界里，CSS 的强大功能和灵活性日益显著。然而，一些 CSS 属性往往被忽视或低估。本文将重点介绍 15 个开发者应该了解但经常被忽略的有用 CSS 属性。这些属性提供了强大的工具来增强网站的设计、性能…
