vue3发送短信验证码倒计时
新项目选用了vue3，正好写到短信验证码倒计时这种常见功能，就借鉴vue3新组合API的方式封装一下这类功能。废话不多说，直接上代码 创建一个单独的文件 //getcode/index.js import {ref, computed, onUnmounted } …
vite学习指南
在Vite官网学习了一下，用法和配置整体来说和 Webpack 大同小异，只不过 Vite 更傻瓜式，现在简单总结一下认为常用的一些配置项，最近会在实际项目中实践，如果需要查看全部的配置请到vite官网查看。 root 这个属性…
解决vue3引入sockjs-client报错问题(global is not defined)
今天在 vue3 中引入 sockjs-client 的时候莫名的报了个错，而且页面里也没有 global 相关的内容，使得 sockjs-client 无法使用。报错信息如下： Uncaught ReferenceError: global is not defined at node_modu…
VUE3中的useRouter与useRoute
定位区别 useRoute(): 返回当前的路由地址。相当于在vue2中使用 $route。 useRouter():返回路由器实例。相当于在vue2中使用 $router。 用法区别 import { useRoute, useRouter } from 'vue-router' export default…
vue3入门-基础篇
目前公司项目都是vue2，其实真要把公司项目从vue2升级到vue3成本还是挺大的，尤其是公司内部在用的管理后台。后面想着如果有新项目就开始用vue3进行开发。 本篇主要总结一下：组合式api、响应式数据、计算属性、监…
如何防止 XSS 攻击
作为前端开发者，我们不仅致力于创造视觉吸引且交互性强的应用界面，还必须将应用安全放在首位。跨站脚本攻击（XSS）是网络安全的重大威胁之一，它允许攻击者将恶意脚本注入到我们的应用中，这可能导致用户数据被盗…
web访问过程详解
很多时候，初级的前端开发工程师能够理解的web访问过程仅仅是浏览器和服务器之间的数据交互，通过浏览器发送HTTP请求到服务器，等待服务器返回数据，浏览器解析数据渲染页面。 本文我们详细的聊聊用户访问网站应用…
动态截屏工具VeryCapture
VeryCapture 是一款定位功能强大，设计优美的屏幕捕捉软件。截屏和录屏都毫无压力。 其主界面如下： 功能 截屏后普通操作有矩形，圆形，线条，线条，箭头，高亮，序号 等的标注，还有更加方便的操作 OCR识别文字和…
尝试pnpm
起因是维护的项目越来越多，每个项目都install一次，每个项目都有node_modules，我的磁盘快满了，而且不知怎么回事有个项目的node_modules居然占了好几个G？？！！我果断删了重新装，但是装了好长时间......，这又…
移动端h5多个输入框填验证码
最近移动端项目需要改版，以前用的UI库不符合现在的设计图，改着太费劲想了想还是自己封装快一些，下面只针对输入框实现进行代码说明其他样式省略 实现思路 方式一：多个input框，每个输入框限制输入数字和…
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…
优化Vue组件的2个小技巧
组件大家在开发工作中都做过，最近有时间回头看了看自己以前写过的一些组件，感觉有很多需要优化的东西，说真的我还不太喜欢自己回头翻自己的代码，除非是有bug......，但是回头想想这也是每个程序员必然经历的过程…
