写法vue2 vue js
vue2和vue3父子组件生命周期的执行顺序
vue3的父子组件生命周期的执行顺序 father setup -> father onBeforeMount -> child setup -> child onBeforeMount -> child onMounted -> father onMounted vue2的父子组件生命周期的执行顺 ......
Vue框架中如何使用Baidu地图
1.安装 vue-baidu-map 依赖 npm install vue-baidu-map --Save 2.在Vue项目中src找到main.js进行引用 import BaiduMap from 'vue-baidu-map-v3' Vue.use(BaiduMap, { ak: '百度地图 ......
vue mock数据
这里使用的是fastmock,找到官网 这里声明了一个名称是test,基础路径是/api的接口 点击右侧的箭头进入。 界面右侧有一个蓝色的新增接口 按钮,点击一下。 输入接口内容,实例如下: 保存即可。 这时在前台 根地址+接口地址 就是完整的mock路径 ......
Vue2中 ?. 可选链式调用操作符
可选链运算符(?.)允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 运算符的功能类似于 . 链式运算符,不同之处在于,在引用为空 (nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用 ......
Vue el-form表单resetFields与clearValidate方法失效的三个坑
1.在el-form标签中 必须要绑定一个model,而且必须是:model,不能是v-model ,这个是element-ui那边规定2.prop属性需要和上述model绑定的对象里的字段完全一致3.调用方法是this.$refs["refName"].resetFields(),this.$re ......
《渗透测试》WEB攻防-通用漏洞&文件上传&js验证&mime&user.ini&语言特性 2022 Day31
1、文件上传-前端验证 2、文件上传-黑白名单 3、文件上传-user.ini妙用 4、文件上传-PHP语言特性 前置: 后门代码需要用特定格式后缀解析,不能以图片后缀解析脚本后门代码(解析漏洞除外) 如:jpg图片里面有php后门代码,不能被触发,所以连接不上后门 #详细点: 1、检测层面:前端 ......
vite+vue3+ts简单例子todolist
1、安装vite $ npm init vite@latest √ Project name: ... vue-el-admin √ Select a framework: » Vue √ Select a variant: » TypeScript Scaffolding project in D ......
js基础---数组的方法
sort(): 破坏性方法 forEach(): 遍历数组,需要一个回调函数作为参数,遍历的次数与数组的长度有关。 filter(): 将数组中符合要求的元素保存在新数组中返回 需要一个回调函数作为参数,并根据函数返回值过滤数组 非破坏型方法 map(): 根据当前数组返回新数组 需要回调函数做为参 ......
CesiumWidget.js的作用
顾名思义,CesiumWidget就是cesium小部件的意思。但是,cesium包含哪些小部件?这些小部件又有哪些意义?这些小部件是不可或缺的吗? 看《Cesium原理篇:1最长的一帧之渲染调度》讲,好像cesium的启动就是由widget来触发的? CesiumWidget.js startRe ......
基于jeesite框架如何使用pdf.js实现图片和pdf文件的预览?
1.先添加预览按钮,jeesite提供了回调函数: function fileuploadCallback(id, act, $this, fileUploadId, fileUrl, fileName, fileUpload) { if (act == 'addFile') { html = '< ......
Vue3项目(Vite+TS)使用Web Serial Api全记录
前言 之前写了一个vue+django的一个通过串口控制的上位机系统。但是实际生产中,不如部署到服务器上,这样可以更好的节约成本。但是这样就需要弄一个客户端来控制处理串口信息。那我就在想能不能通过网页直接拿到客户端的串口信息。所以问了万能的chatgpt,得到了以下答案: 是的,前端可以使用 Web ......
vue + docxtemplater实现将数据导出为word文档
###官方文档 https://docxtemplater.com/ ###博客 https://juejin.cn/post/7088221762965471269 ......
vue 二维码海报合并生成海报 组件
<!--vue海报二维码组件,只需传入背景图片文件的URL 和二维码图片文件的URL --><template> <div> <div @click="guanbi" v-if="isShowPoster"> <div class="poster-wrapper" v-if="!imgSrc"> < ......
【Vue】vue3 vue-pdf-embed 实现pdf预览、缩放、拖拽、旋转和左侧菜单选择
实际效果 安装插件 pnpm install vue-pdf-embed pnpm install vue3-pdfjs 左侧pdf菜单组件 <template> <div class="pdf-view-list"> <div class="item active-item" v-for="(it ......
Vue3 开发必备的 VSCode 插件
分享 6 个 Vue3 开发必备的 VSCode 插件,可以直接用过 VSCode 的插件中心直接安装使用。 1、Volar 相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生,作为 Vue2 配套的 VSCode 插件,它的主要作用是对 Vue 单文件组件提供高亮、语法 ......
h5 js RSA加密解密和AES加密解密
1.RSA加密需要的js jsencrypt.js 1.AES加密需要的js crypto-js.js <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript ......
Vue3搭建脚手架
一、安装Vue3脚手架 在此之前需要把Node.js环境安装好 如果之前安装了2.0的脚手架,需要把它卸载掉,在控制台执行npm uninstall vue-cli -g 进行全局卸载 然后执行命令 npm install @vue/cli -g 下载vue3的脚手架 二、项目搭建 1、 创建一个新 ......
Vue3搭建脚手架时提示 Error: command failed: npm install --loglevel error --legacy-peer-deps
一、前言 使用Vue3搭建脚手架,就在快成功的时候报了个错误 Error: command failed: npm install --loglevel error --legacy-peer-deps 大致报错内容是: 您的操作系统拒绝了该操作。 该文件可能已被使用(由文本编辑器或防病毒软件使用) ......
直播平台制作,vue el-dropdown下拉框单选有对钩高亮
直播平台制作,vue el-dropdown下拉框单选有对钩高亮 <template> <div> <div class="selected"></div> <el-dropdown style=" cursor: pointer; font-weight: 500; font-size: 16px ......
js基础---函数与闭包
函数 函数的参数也可以是一个函数:此函数被称之为回调函数 高阶函数 如果一个函数的参数和返回值是函数,则称此函数为高阶函数 利用高阶函数的特性不改变原函数的情况下新增函数功能 闭包 闭包就是能访问外部函数作用域中变量的一个函数 当我们不希望别人访问一些局部变量时,就可以使用闭包 创建闭包的条件:1. ......
前端开发环境搭建--vue
1、安装node.js http://nodejs.cn/download 检查是否安装成功 node -v 使用如下语句解决 npm 速度慢的问题 npm install --registry=https://registry.npm.taobao.org 2、安装vue-cli npm inst ......
JS动态时间
一、动态时间动态走动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewpo ......
vue搭建脚手架出现:无法加载文件 D:\SoftWare\NodeJS\node_global\vue.ps1
一、前言 用VsCode搭建Vue3脚手架时,提示“无法加载文件 D:\SoftWare\NodeJS\node_global\vue.ps1”文件 二、解决方法 以管理员身份打开VSCode编辑器 首先执行get-ExecutionPolicy查看执行策略 然后执行set-ExecutionPol ......
vue-print 实现打印功能
一、安装 1. Vue2 npm install vue-print-nb --save import Print from 'vue-print-nb' // Global instruction Vue.use(Print); //or // Local instruction import p ......
vue3学习第一课
1,先安装npm brew install npm npm init vite-app vue3demmo cd vue3demmo npm install npm run dev ......
vue 实现页面跳转
1、router-link跳转 // 直接写上跳转的地址 <router-link to="/detail/one"> <span class="spanfour" >link跳转</span> </router-link> // 添加参数 <router-link :to="{path:'/det ......
area.js
var areaData=[[[{"label":"东城区","value":"110101"},{"label":"西城区","value":"110102"},{"label":"朝阳区","value":"110105"},{"label":"丰台区","value":"110106 ......
在vue中使用axios的步骤(保姆级)
一、基础用法 1.安装axios npm i axios 2.引入axios // 引入axios import axios from 'axios' 3使用 // 发起一个post请求 axios({ method: 'post', url: 'http://192.168.0.88:8888/a ......
nvm(Node Version Manager)安装管理多个版本的 Node.js 和 npm。
在使用 npm 安装多个版本的软件包时,需要使用 Node.js 的版本管理工具 – n 或 nvm(Node Version Manager)来管理多个版本的 Node.js 和 npm。 下面是使用 nvm 安装和管理 Node.js 和 npm 版本的步骤: 安装 nvm:您可以使用 curl ......
基于SqlSugar的开发框架循序渐进介绍(29)-- 快速构建系统参数管理界面-Vue3+ElementPlus
在随笔《基于SqlSugar的开发框架循序渐进介绍(28)-- 快速构建系统参数管理界面》中介绍了基于SqlSugar开发框架,构建系统参数管理的后端API部分,以及WInform界面部分内容,本篇随笔介绍基于Vue3+ElementPlus的前端界面开发过程。 ......