three vue js
Vue3常用库安装
目录Pinia引入使用Element Plus安装完整引入Volar支持按需导入-自动导入unocss&Icon安装unocss安装Icon库使用动态引用图标Iconify安装使用 Pinia 引入 // main.ts import { createPinia, type PiniaPluginC ......
Vue-父组件监听子组件的生命周期
egg:父组件监听子组件挂载并做对应的逻辑处理 1.在子组件中通过this.$emit触发父组件的事件 // Parent.vue <Child @mounted="doSomething"/> doSomething() { console.log('doSomething'); } // Chi ......
将Vue3项目部署到Github Pages
1. 创建vue3项目 $ npm init vue@latest 初始化工程，并验证。 2. 创建github仓库 3. 连接vue项目到github仓库 打开vue项目根目录，初始化本地git仓库 $ git init $ git add . $ git commit -m "init" 连接v ......
Vue实现a标签点击打开新页面但不触发路由跳转的效果
概要 对于一个a标签，原生效果有点击直接当前页跳转路由，按键（windows为ctrl，ios为command）+ 点击打开路由的新页面这两种效果 注意，第一种效果是a标签自带的，第二种效果是浏览器的行为。 如图为普通a标签和部分属性，点击跳转新路由/newapi，当然同时也会触发newUrl函数 ......
babel在vue项目中使用(vue兼容)
https://blog.csdn.net/qq_37493515/article/details/118628968 一、vue-cli创建babel1、在用脚手架创建项目时，可以选择babel直接创建一般情况下是默认配置，直接使用就可以了 二、单独引入babel(直接修改package.json ......
npm init vite@latest vue3study --template vue
D:\Temp>npm init vite@latest vue3study --template vuenpm ERR! code ETIMEDOUTnpm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.npmjs ......
Node.js实现websocket服务器，转换UDP数据
Node.js实现websocket服务器，转换UDP数据 const dgram = require('dgram'); function udp_server() { const server = dgram.createSocket('udp4'); server.on('error', (e ......
Vue组件通信 父子通信
  => navigator.clipboard?.writeText && navigator.clipboard.writeText（text） 数组去重 const getUnique = (arr) => \[...new ......
spoot-vue学习
1、创建Vue项目(需要提前搭建好环境) 启动cmd，进入到文件夹路径，输入以下命令，回车 vue init webpack myvue 其中 myvue 是项目的名称 2、创建完成后，使用IDEA导入此vue项目 在控制台中输入npm install安装依赖环境 安装完成后，输入npm insta ......
Vue
# VUE2**渐进式JavaScript框架**通过AJAX请求将从Web服务器获取的数据显示到界面上## 搭建开发环境1）下载Vue.js库https://cn.vuejs.org/2)用<script>引入Vue.js库`<!--引入Vue-->`<script type="text/java ......
vue中的nextTick函数
今天实现切换歌曲时发现问题，切换歌曲的逻辑就是更改列表索引获取当前播放歌曲，然后播放歌曲。结果更改歌曲成功了，但是无法切换完播放。后来发现问题，歌曲加载需要时间，播放的指令运行时歌曲还未加载好，所以就出现了无法正常播放的问题。vue中的nextTick函数：在下次 DOM 更新循环结束之后执行延迟回 ......
electron+vue3+electron-updater 实现程序更新
electron+vue3+edge 调用C#.dll文件 electron-edge-js 用这玩意儿我血压高..... 血压高的谨慎食用… 文章目录 electron+vue3+electron-edge-js 调用C#.dll文件 起步 一、创建Vue3项目（ele） 二、Vue3项目中添加 ......
Vue框架结构说明
vue安装三部曲： 1：安装node.js环境 2：vue-cli 脚手架构建工具 3：配置vue环境 参考资料： https://blog.csdn.net/muzidigbig/article/details/80490884 ......
Vue源码学习(十):关于dep和watcher使用的一些思考
好家伙, 前面想了好久,都没想明白为什么要dep和watcher打配合才能实现数据-视图同步 为什么要多一个依赖管理这样的东西 给每个数据绑个watcher(xxfunction),然后,数据变了,调set,然后调xxfunction,不就行了, 然后今天突然想明白了,不是为什么要这么干,而是必须这 ......
html引用远程js脚本
# html引用远程js脚本 ```js var script = document.createElement('script'); script.src = 'https://example.com/remote-script.js'; document.head.appendChild(scr ......
深入理解js中的yield
https://blog.csdn.net/qq_43050077/article/details/120448496 https://www.jianshu.com/p/ebd4d4b43cf7 ......
js事件冒泡
事件冒泡 所谓的冒泡就是事件的逐级向上传导的过程，当后代元素上的事件被触发时，其祖先元素的相同事件也会被触发。 因为子元素以及父元素在设置监听事件时均设置的是在事件的冒泡阶段调用回调函数，单击子元素时，因为事件的冒泡此单击事件会一直冒泡到父元素中。 代码如下： <!DOCTYPE html> <ht ......
vue2，3render函数的简单使用
render 函数的主要作用： 创建虚拟 DOM：render 函数负责创建虚拟 DOM 元素，这些元素以 JavaScript 对象的形式表示页面的结构和内容。 根据状态和数据生成 UI：render 函数根据组件的状态（data 数据）、属性（props）、计算属性（computed）、方法（m ......
prompt-sync.js的用法
`prompt-sync.js` 提供了一些常用方法和高级方法，可以帮助您处理用户输入，并在需要时进行验证和控制。以下是一些常见的方法和高级用法的示例： 常见方法： 1. `prompt(message: string): string` 这是 `prompt-sync.js` 最常用的方法。它会在 ......
JS打印HTML
doPrint (printHtml) { // 判断iframe是否存在，不存在则创建iframe let iframe = document.getElementById('print-iframe') if (!iframe) { iframe = document.createElement ......
总结selenium 中 js 更改隐藏属性
第一种 多个元素被隐藏时 通过js修改 对比照片 这个是没隐藏的 对比照片 这个是隐藏的 driver = webdriver.Chrome() # url url=r"http://127.0.0.1:5000/" driver.get(url) print("已打开网页") # 执行js脚本，将 ......
问题：vue-cli failed to download repo vuejs-templates/webpack：connect etimedout连接超时，怎么解决
https://github.com/vuejs-templates/webpack 下载之后，解压到本地用户目录下的.vue-templates目录下。 vue init webpack my-login-library 命令的时候，需要带上参数--offline表示离线初始化 ......
在vue3中使用粒子库particles.vue3，只有背景没有粒子的问题
按下述步骤，看是缺少安装包还是缺少引入方法（题主一开始不能显示粒子的原因是因为没有进行下述红色代码的操作） 1. 要安装两个包 npm install particles.vue3 npm install tsparticles 2. 可选择全局引入main.js // 导入粒子库 import P ......
js事件冒泡详解
js事件冒泡详解 什么是冒泡？ DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。 事件捕获（event capturing）：通俗的理解就是，当鼠标点击或者触发dom事件时，浏览器会从根节点开始由外到内进行事件传播，即点击了子元素，如果父元素通过事件捕获 ......
【转】JS事件捕获和事件冒泡
DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。 事件捕获（event capturing）： 当鼠标点击或者触发dom事件时（被触发dom事件的这个元素被叫作事件源），浏览器会从根节点 =>事件源（由外到内）进行事件传播。 事件冒泡（dubbed bu ......