HTML/CSS/JS

草莓沙冰不要冰

目录 问题全局匹配/g分析解决 问题 最近在js中使用正则时,出现了相同的字符串,给相同的正则进行匹配,结果非常规律地返回一次true,一次false,一次true,一次false的结果一开始感觉非常不可思议,因为正则表达式和字符串都...

发布 120 条评论

1. 自定义组件间也可以和普通标签(<div> <span>)一样指定属性传参2. 形如(<child value="hello coolight"></child>)给组件<child>指定value属性为"hello coolight"3. 我们也可以自己模拟v-model的效果下面我们来...

发布 215 条评论

响应式数据是vue的一大亮点,下面我们来聊聊如何声明响应式数据 目录 直接声明变量ref(基本数据类型)reactive(对象) 直接声明变量 直接声明变量并不能使之拥有响应性示例: <script setup> let num = 0; const c...

发布 48,355 条评论

问题 对列表项禁用拖动<li draggable="false">...</li>但列表项内的图片<img>和<a>仍能拖动并导致列表拖拽排序 解决方法 在<img> 和 <a> 内添加 draggable="false"即<img draggable="false" /> &l...

发布 240 条评论

* pinia是什么?* Pinia官网:Pinia 是 Vue 的存储库,它允许您跨组件/页面共享状态。* 即数据共享。在使用过pinia后,相信你也会对它爱不释手的,下面我们来聊聊如何安装。 目录 安装pinia修改main.js创建stores使用counter ...

发布 42,110 条评论

目录 安装router修改main.js创建pages在router.js中配置页面配置文件路由 安装router 在vscode中来到你的项目文件夹中在终端中执行命令安装router:npm i vue-router -D等待下载安装 安装好以后,在项目目录的src目录内...

发布 50,990 条评论

* vite是什么?* 一个前端的开发构建工具* 当我们的项目组件变大时,会自觉的分文件、分组件等操作,缩减单文件的大小、增加可维护性,vite则可以帮我们管理,并且它有很多插件帮助我们开发。 目录 初始化安装vite依赖安装vue...

发布 2,601 条评论

由于用户的网络环境等各种原因,防止按钮重复点击,表单重复提交等都是减少bug发生,降低服务器压力等相当有效的方法。下面来聊聊通过模拟我们在操作系统里类似加锁的思想来防止重复点击。 目录 思路示例结语 思路 声明一个...

发布 31,274 条评论

<audio>是HTML5新加入的用于播放音频的标签,HTML5已经得到广泛的支持,所以我们可以放心使用这个标签;利用它,可以轻松地在网页上播放音频,制作音乐播放器等。下面我们来聊聊它的属性和事件 目录 概念元数据属性兼容性提...

发布 23,417 条评论