three vue js
js自定义事件
#### 新建 js新建自定义事件方式有两种： ``` 1. new Event('myEvent'，initEvent) 2. new CustomEvent('myEvent'，initEvent) // new CustomEvent('myEvent', {detail：{name: 'ye ......
vue 地区选择器
注意！！！ 仅当笔记使用如有侵权请联系删除 原文链接：https://blog.csdn.net/c_qianxia5040/article/details/125293035 <template> <div> <el-row> <el-form :model="queryParams" inlin ......
Vue element 表单验证不通过时，滚动到校验未通过位置
我们在使用elementIUI实现表单验证，内容比较多的时候，提示内容会被遮挡，这时候用户不清楚什么情况，还会连续点击提交按钮。这个时候需求来啦：我们需要在表单验证不通过的时候，页面滚动到对应校验不通过的位置。 ###大致思路 在表单验证方法validate中，提供了两个参数：是否校验成功，和未通过 ......
下载echarts.js
# 网址 https://www.jsdelivr.com/package/npm/echarts?tab=files 问题记录
这几天和别人对接移动端，安卓平台，我们这边输出vue界面，安卓方反馈轮询的时候调用不到，具体原因也定位不到，只能确定前端这边没几句代码，应该没有问题，因此决定自己下载个android studio写个例子，其实以前也做过java和android开发，并不陌生。 网上很多帖子只给出了最基础的例子，我们 ......
ruoyi-vue如何部署在根目录下的多级目录
1、找到vue.config.js module.exports = { // 部署生产环境和开发环境下的URL。 // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上 // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项 ......
搭建前端Vue框架的步骤，包括TypeScript、ESLint、Prettier和Vite的配置
搭建前端Vue框架需要以下步骤： 1. 安装Node.js和npm 2. 创建一个新的Vue项目 ``` vue create my-project ``` 3. 安装TypeScript ``` npm install --save-dev typescript ``` 4. 配置TypeScri ......
鼠标任意拖动元素排列顺序（vue）
参考地址：https://codesandbox.io/s/condescending-butterfly-enjqpr?file=/src/App.vue <template> <div> <transition-group name="drag" class="list" tag="ul"> < ......
如何修改min.js或者压缩后的js，以便提高代码的可读性。
前端的js上线的时候一般会使用打包工具处理（webpack,gulp，ugly.js 等）。这样做有几点作用。 可以压缩空间，提高页面响应速度 一定程度上可以保护自己的代码安全，防止别人清晰看懂逻辑或者拷贝代码。 提高别人阅读自己代码的门槛 可前端开发工作中多多少少，会需要看别人的js代码。可随之而 ......
vue-颜色选择器（vColorPicker）
// 安装插件 // 官网：http://vue-color-picker.rxshc.com/ npm install vcolorpicker -S // main.js 中全局引入 import vcolorpicker from 'vcolorpicker' Vue.use(vcolorpi ......
vue3中使用provide/inject
父组件 <template> <hello-world/> <button @click="changeMessage">按钮</button> </template> <script setup lang="ts"> import HelloWorld from "./components/Hel ......
Vue Components Testing All In One
Vue Components Testing All In One
TDD / 测试驱动开发
......
04.使用 github actions+docker 自动部署前后端分离项目 zhontai (.net core+vue)
本文将分享使用 GitHub Actions 完成对一个.Net Core+Vue 的前后端分离项目 zhontai 的构建，并使用 docker 部署到云服务器(阿里云),及对docker部署.Net Core+Vue的一些经验分享。 ......
vue3项目实战+element-plus
记录自己搭建前端项目的学习过程和开发过程，希望一起学习进步 采用Vue3+element-plus+axios+vue-router+sass……（目前刚开始是用到了这些,随着开发慢慢更新） npm是比较慢的， 所以我用的是pnpm。安装指令：npm i pnpm 简单介绍下作用 Vue3:前端框架 ......
js 判断如果是移动端就自动跳转到 移动端的页面上去
js 判断如果是移动端就自动跳转到 移动端的页面上去 <script> !(function(){ const userAgent=naviator.userAgent; const android=userAgent.match(/(Android);?[\s\/]+([\d.]+)?/); co ......
如何修改min.js或者压缩后的js，以便提高代码的可读性。
开发中经常会遇到min.js 或者压缩丑化的js代码。如果学习js代码功能的时候，要跨过的门槛其实蛮高的。可能有些前端程序员一生都不会遇到。不过要想完成人生技能进阶，这个路一定是会走的。该文讲述了常见的问题，以及工具的推荐。 ......
js语法
uni-app的js API由标准ECMAScript的js API 和 uni 扩展 API 这两部分组成。 标准ECMAScript的js仅是最基础的js。浏览器基于它扩展了window、document、navigator等对象。小程序也基于标准js扩展了各种wx.xx、my.xx、swan. ......
vue2
介绍 Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 被设计为可以自底向上逐层应用。 Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 ......
学生信息登记表单的录入删除代码JS+HTML TOMCAT听课笔记
<!DOCTYPE html> <html> <head> </head> <body> <form class="info" autocomplete="off"> 姓名:<input type="text" class="uname" name="uname"> 年龄<input type="t ......
vue项目打包之后， 生成一个可修改IP地址的文件
在做项目的时候遇到了一个问题， 就是把项目部署到不同的服务器上， 但不能每次修改IP的时候就打包一次， 这就增加了前端的工作量，经过百度， 发现有一些方法是可以的，亲测可用。 具体操作是， 1，在static文件夹下面建立一个config.js文件， 1 2 3 4 5 6 7 (function ......
vue3探索——组件通信之v-model父子组件数据同步
# 背景 再很多场景中，我们可能想在子组件中修改父组件的数据，但事实上，vue不推荐我们这么做，因为数据的修改不容易溯源。 ## Vue2写法 在vue2中，我们使用`.sync`修饰符+自定义事件`'update:xxx'`，来使父子组件数据同步。 ```html // 父组件 我是父组件，我有{ ......
vue中添加音频和视频
视频播放功能 1. 安装vue-video-player npm install vue-video-player --save 或 yarn add vue-video-player --save 2. 在main.js中全局引用 import VueVideoPlayer from 'vue-v ......
vue--day73--getters的使用
1. 概念：当state中的数据需要经过加工后再使用时，可以使用getters加工。 2. 在```store.js```中追加```getters```配置 ```js ...... const getters = { bigSum(state){ return state.sum * 10 } ......
前后端分离项目之Vue2框架搭建
1、安装Node.js ， 为了可以使用npm命令去安装其他东西 2、vue-cli安装： npm install -g @vue/cli 安装完之后可以执行vue -- version 或者 vue -V 命令去查看版本 注意：npm可以设置淘宝镜像对npm进行加速 ： npm config se ......
在vue中使用svg
# 背景 svg作为矢量图，放大不失真，但是如果在vue文件中直接引入svg的话会导致vue文件过长，不友好。想要在组件中使用的时候使用下面的方式来引入svg ```vue // svg-name的值就是svg图片的名称 ``` # 步骤 1. 在`components`下创建`SvgIcon.vu ......
elementplus-Cascader 组件vue3 实现省市区级联动态加载
背景： 省市区级联是三张sql表，需要实现动态加载 因为我只需要三级 leaf 标记为>=2就好了 <el-cascader :props="props" /> const props: CascaderProps = { lazy: true, async lazyLoad(node, resol ......
sharp.js的常用方法
sharp.js是一个用于处理图像的JavaScript库，它提供了许多方法来操作和修改图像。以下是一些常用的sharp.js方法及其详细参数说明： 1. `resize(width, height)`: 调整图像的宽度和高度。 - width（Number）：新的宽度。 - height（Numb ......
office-js操作word
office-js 是一个用于操作 Word 文档的 JavaScript 库，它允许你在 Word 文档中创建、读取、编辑和删除内容。以下是一些常用的方法及其详细参数说明： 1. **Word.run**: 运行一个 Word 宏。你需要提供一个包含宏代码的字符串。 ```javascript c ......
office-js操作email
office-js 是一个 JavaScript 库，用于与 Microsoft Office 文档进行交互。它提供了一些方法来操作电子邮件，包括发送、接收和读取邮件。以下是一些常用的方法及其详细参数说明： 1. `Office.context.mailbox.sendMailAsync(optio ......
office-js操作Excel
office-js是Office Add-ins中的一个JavaScript库，用于在Office应用程序中创建自定义功能。它提供了一组API，可以与Excel进行交互，包括读取和写入数据、格式化单元格等。 以下是一些常用的office-js操作Excel的方法及其详细参数说明： 1. 打开Exce ......