组件 常用confirm vue
vite.config.js base 与 vue-router base
vite.config.js base 决定了打包后,资源引用的前缀 base:'/hlw/' link ref='/hlw/assets' 打包后的dist要放到 /hlw 路径下 base 的值 与 process.env.BASE_URL、import.meta.env.BASE_URL一致 ......
React跨路由组件动画
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:佳岚 回顾传统React动画 对于普通的 React 动画,我们大多使用官方推荐的 react-transition-group,其提供了四个基本组件 Tra ......
git常用命令
git global setup git config --global user.name "yourname" git config --global user.email "your@email.com" Create a new repository git clone git@yourre ......
vue项目个人配置
src/assets/base.css :root { --html-bg-color: #ffffff; } html.dark { --html-bg-color: #242424; } src/assets/reset.css /** * Eric Meyer's Reset CSS v2.0 ......
git常用命令(持续更新)
# 初始化一个新的Git仓库git init # 克隆远程仓库到本地git clone <repository_url> # 配置用户信息git config --global user.name "Your Name"git config --global user.email "your.ema ......
Linux 使用常用工具
查看进程占用带宽情况-Nethogs Nethogs 是一个终端下的网络流量监控工具可以直观的显示每个进程占用的带宽。 下载:http://sourceforge.net/projects/nethogs/files/nethogs/0.8/nethogs-0.8.0.tar.gz/download ......
Vue3 + Electron
https://www.electronjs.org/ https://www.electron.build/ 1. 创建一个vue3项目 可参考之前的笔记 2. 安装Electron $ npm install electron -D $ npm install vite-plugin-elect ......
Vue-父组件监听子组件的生命周期
egg:父组件监听子组件挂载并做对应的逻辑处理 1.在子组件中通过this.$emit触发父组件的事件 // Parent.vue <Child @mounted="doSomething"/> doSomething() { console.log('doSomething'); } // Chi ......
Vue3常用库安装
目录Pinia引入使用Element Plus安装完整引入Volar支持按需导入-自动导入unocss&Icon安装unocss安装Icon库使用动态引用图标Iconify安装使用 Pinia 引入 // main.ts import { createPinia, type PiniaPluginC ......
将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函数 ......
界面组件DevExpress WPF v23.1 - 进一步升级数据处理能力
DevExpress WPF拥有120+个控件和库,将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpress WPF能创建有着强大互动功能的XAML基础应用程序,这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。 无论是Office办公软件的衍伸产品,还是以数 ......
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 ......
Vue组件通信 父子通信
![](https://img2023.cnblogs.com/blog/2908001/202310/2908001-20231011014517927-1524444392.png) ![](https://img2023.cnblogs.com/blog/2908001/202310/2908... ......
spoot-vue学习
1、创建Vue项目(需要提前搭建好环境) 启动cmd,进入到文件夹路径,输入以下命令,回车 vue init webpack myvue 其中 myvue 是项目的名称 2、创建完成后,使用IDEA导入此vue项目 在控制台中输入npm install安装依赖环境 安装完成后,输入npm insta ......
前台首页、导出项目依赖、git介绍和安装、git,github,gitab,gitee介绍、git工作流程、git常用命令、git忽略文件
前台首页 Header.vur <template> <div class="header"> <div class="slogan"> <p>老男孩IT教育 | 帮助有志向的年轻人通过努力学习获得体面的工作和生活</p> </div> <div class="nav"> <ul class="le ......
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,不就行了, 然后今天突然想明白了,不是为什么要这么干,而是必须这 ......
符合ElementUI层级标准的全屏组件
众所周知,浏览器是有官方的全屏API的:Element.requestFullscreen(),它可以让一个元素立刻铺满视窗,并且置于所有元素之上。官方全屏是设定层级高于一切,那些append-to-body的弹窗,无论z-index多高,也绝对不会被显示出来。而那些非append-to-body模 ......
若不经过MD组件进行接地,无法测试出漏电流数值
因为漏电流测试仪自带接地保护,所以需要将产品仪器的地线单独拆出来,只接火零线,通过把地线连接到MD(hi)测试组件进行接地。注意:若不经过MD组件进行接地,无法测试出漏电流数值根据仪器技术需求,这里未接S10和S12的线路。需要在加权和无频率加权各测试一次正常状态和单一故障状态的漏电流值,记录电流数 ......
WSL2 配置过程及常用命令
01 WSL2 安装 1.1 启动WSL 以管理员身份启动Terminal 运行如下命令 dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart 1.2 启动虚拟机 ......
vue2,3render函数的简单使用
render 函数的主要作用: 创建虚拟 DOM:render 函数负责创建虚拟 DOM 元素,这些元素以 JavaScript 对象的形式表示页面的结构和内容。 根据状态和数据生成 UI:render 函数根据组件的状态(data 数据)、属性(props)、计算属性(computed)、方法(m ......