Webpack 核心配置总结与补充
一、核心配置项 Entry（入口） 作用：指定打包入口文件。 默认值：./src/index.js 配置形式： 字符串：单入口（默认）。 数组：多入口合并为一个输出文件（如 ["./src/a.js", "./src/b.js"]）。 对象：…
15 个有用的 CSS 属性
在网页开发的世界里，CSS 的强大功能和灵活性日益显著。然而，一些 CSS 属性往往被忽视或低估。本文将重点介绍 15 个开发者应该了解但经常被忽略的有用 CSS 属性。这些属性提供了强大的工具来增强网站的设计、性能…
解决vue3引入sockjs-client报错问题(global is not defined)
今天在 vue3 中引入 sockjs-client 的时候莫名的报了个错，而且页面里也没有 global 相关的内容，使得 sockjs-client 无法使用。报错信息如下： Uncaught ReferenceError: global is not defined at node_modu…
如何防止 XSS 攻击
作为前端开发者，我们不仅致力于创造视觉吸引且交互性强的应用界面，还必须将应用安全放在首位。跨站脚本攻击（XSS）是网络安全的重大威胁之一，它允许攻击者将恶意脚本注入到我们的应用中，这可能导致用户数据被盗…
web访问过程详解
很多时候，初级的前端开发工程师能够理解的web访问过程仅仅是浏览器和服务器之间的数据交互，通过浏览器发送HTTP请求到服务器，等待服务器返回数据，浏览器解析数据渲染页面。 本文我们详细的聊聊用户访问网站应用…
尝试pnpm
起因是维护的项目越来越多，每个项目都install一次，每个项目都有node_modules，我的磁盘快满了，而且不知怎么回事有个项目的node_modules居然占了好几个G？？！！我果断删了重新装，但是装了好长时间......，这又…
移动端h5多个输入框填验证码
最近移动端项目需要改版，以前用的UI库不符合现在的设计图，改着太费劲想了想还是自己封装快一些，下面只针对输入框实现进行代码说明其他样式省略 实现思路 方式一：多个input框，每个输入框限制输入数字和…
vite学习指南
在Vite官网学习了一下，用法和配置整体来说和 Webpack 大同小异，只不过 Vite 更傻瓜式，现在简单总结一下认为常用的一些配置项，最近会在实际项目中实践，如果需要查看全部的配置请到vite官网查看。 root 这个属性…
Vue 3 表单大揭秘： 用 ref、组合式 API 和 v-for 打造你的专属表单！
传统的表单开发通常需要编写大量的重复代码，例如处理用户输入、验证数据、更新 UI 等等。为了简化开发，我们可以借助 Vue 3 的新特性，例如组合式 API 和 ref 对象。 使用 ref 对象管理表单数据 在 Vue 3 中，我们…
nvm 使用总结
nvm安装报错 509 Get https://npm.taobao.org/mirrors/node/latest/SHASUMS256.txt: x509: certificate has expired or is not yet valid 出现这种错误原因是你的下载路径错了 进入nvm的安装目录 找到 settings.txt…
VUE3中的useRouter与useRoute
定位区别 useRoute(): 返回当前的路由地址。相当于在vue2中使用 $route。 useRouter():返回路由器实例。相当于在vue2中使用 $router。 用法区别 import { useRoute, useRouter } from 'vue-router' export default…
vue3入门-基础篇
目前公司项目都是vue2，其实真要把公司项目从vue2升级到vue3成本还是挺大的，尤其是公司内部在用的管理后台。后面想着如果有新项目就开始用vue3进行开发。 本篇主要总结一下：组合式api、响应式数据、计算属性、监…
