JS 多浏览器兼容
前言 不同浏览器的不同版本对 JS 的兼容性都不太一样，JS 本身也分多个版本，所以适配起来还是想当麻烦的。尤其是 IE 文档： MDN UDN JS获取浏览器版本 // 获取指定浏览器的主版本号，如果不是指定浏览器，则返...
前言 不同浏览器的不同版本对 JS 的兼容性都不太一样，JS 本身也分多个版本，所以适配起来还是想当麻烦的。尤其是 IE 文档： MDN UDN JS获取浏览器版本 // 获取指定浏览器的主版本号，如果不是指定浏览器，则返...
问题 最近在js中使用正则时，出现了相同的字符串，给相同的正则进行匹配，结果非常规律地返回一次true，一次false，一次true，一次false的结果一开始感觉非常不可思议，因为正则表达式和字符串都一样，进行匹配却得到了不同的结果...
1. 自定义组件间也可以和普通标签（<div> <span>）一样指定属性传参2. 形如（<child value="hello coolight"></child>）给组件<child>指定value属性为"hello coolight"3. 我们也可以自己模拟v-model的效果下面我们来...
响应式数据是vue的一大亮点，下面我们来聊聊如何声明响应式数据 直接声明变量 直接声明变量并不能使之拥有响应性示例： <script setup> let num = 0; const clickFun = () => { console.log("num:&quo...
1. 原生js中我们会使用document.getElementsByClassName()，document.getElementById()等获取dom元素，但在vue中，更推荐使用ref获取。2. 不同文件的ref相互独立，即使同名也不会互相影响而导致获取错误。一个组件被多次引用后同时存...
问题 对列表项禁用拖动<li draggable="false">...</li>但列表项内的图片<img>和<a>仍能拖动并导致列表拖拽排序 解决方法 在<img> 和 <a> 内添加 draggable="false"即<img draggable="false" /> &l...
* pinia是什么？* Pinia官网：Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。* 即数据共享。在使用过pinia后，相信你也会对它爱不释手的，下面我们来聊聊如何安装。 安装pinia 来到你的项目文件夹在vscode的终端中执行...
安装router 在vscode中来到你的项目文件夹中在终端中执行命令安装router：npm i vue-router -D等待下载安装 安装好以后，在项目目录的src目录内，新建目录 modules 用于存放插件模块在moudules内新建路由配置文件 route.js...
* vite是什么？* 一个前端的开发构建工具* 当我们的项目组件变大时，会自觉的分文件、分组件等操作，缩减单文件的大小、增加可维护性，vite则可以帮我们管理，并且它有很多插件帮助我们开发。 初始化 创建一个文件夹，比如这里...
由于用户的网络环境等各种原因，防止按钮重复点击，表单重复提交等都是减少bug发生，降低服务器压力等相当有效的方法。下面来聊聊通过模拟我们在操作系统里类似加锁的思想来防止重复点击。 思路 声明一个锁（布尔值），用来标...