解决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、响应式数据、计算属性、监…
优化Vue组件的2个小技巧
组件大家在开发工作中都做过，最近有时间回头看了看自己以前写过的一些组件，感觉有很多需要优化的东西，说真的我还不太喜欢自己回头翻自己的代码，除非是有bug......，但是回头想想这也是每个程序员必然经历的过程…
微信拍照时页面会被刷新的BUG
问题背景 最近开发公司的公众号项目时遇到了很头疼的问题，公司是要做图片上传并且ocr识别证件内容的功能，但是上传照片时偶尔页面会被刷新或者说时重新加载，这会让原本识别了正面的的信息消失。 问题分析定位 1、…
