three vue js

JS 部分语法知识点

1.数组求最大值最小值 Math.min(...list); Math.max(...list); 还有种方法 1 Math.min.apply(null,arr); 2 Math.max.apply(null,arr); https://www.cnblogs.com/snowbxb/p/1139 ......
知识点 语法 部分 知识 JS

vue主应用,qiankun 子应用切换主应用样式错乱问题

vue主应用,qiankun 子应用切换主应用样式错乱问题 const childRoute = ['/flinkdashboard', '/dolphinscheduler', '/datainsight' ] //子应用路径 const isChildRoute = (path) => chil ......
样式 qiankun 问题 vue

vue-cli使用方法

是什么? vue-cli vue command line interface 是vue命令行接口工具 怎么用? 1. 安装npm: 【Win7】只支持node.js v13.14.0或更早 1)到官网下载https://nodejs.org/download/release/v13.14.0/no ......
使用方法 vue-cli 方法 vue cli

Three.js教程:顶点索引复用顶点数据

推荐:将NSDT场景编辑器加入你3D工具链 其他工具系列:NSDT简石数字孪生 顶点索引复用顶点数据 通过几何体BufferGeometry的顶点索引属性BufferGeometry.index可以设置几何体顶点索引数据,如果你有WebGL基础很容易理解顶点索引的概念,如果没有也没有关系,下面会通过 ......
顶点 索引 教程 数据 Three

若依vue框架添加kotlin依赖,实现kotlin和java混合编译

第一步:在最外部pom.xml文件添加版本号和依赖管理 properties添加版本号 <kotlin.version>1.4.21</kotlin.version> <!--启用kotlin增量编译--> <kotlin.compiler.incremental >true</kotlin.com ......
kotlin 框架 java vue

一文搞定nuxt.js搭建到部署(ssr和静态部署)

一、Nuxt 简介 uxt 是一个更高级别的 Node.js web 开发框架,用于创建 Vue 应用,可在两种不同模式下开发和部署:通用(SSR)或单页应用(SPA)。此外,您可以在 Nuxt 中将 SSR 和 SPA 部署为静态生成的应用。即使您可以选择 SPA 模式,Nuxt 的全部功能仍在于 ......
静态 nuxt ssr js

vue3 uniapp Uncaught (in promise) TypeError: Cannot read properties of null (reading 'emitsOptions') 报错

引发这个问题是在三级页面中使用uni.navigateBack({ delta: 2 })返回到一级页面 再重一级页面进入二级页面 二级页面中引用的组件引发的emitsOptions报错 //原因:我在二级页面中的组件使用ts的emit写法引发的报错 const emit= defineEmits< ......

动力节点老杜Vue框架教程【三】Vue组件化

Vue.js是一个渐进式 MVVM 框架,目前被广泛使用,也成为前端中最火爆的框架 Vue可以按照实际需要逐步进阶使用更多特性,也是前端的必备技能 动力节点老杜的Vue2+3全家桶教程已经上线咯! 学习地址:https://www.bilibili.com/video/BV17h41137i4/ 视 ......
节点 组件 Vue 框架 动力

老杜Vue实战教程完整版笔记(三)Vue组件化

接上篇文章,分享动力节点老杜全新版Vue教程笔记 学习の地止:https://www.bilibili.com/video/BV17h41137i4 3 Vue组件化 3.1 什么是组件 传统方式开发的应用 一个网页通常包括三部分:结构(HTML)、样式(CSS)、交互(JavaScript) 传统 ......
整版 实战 组件 Vue 笔记

Vue监听页面放大缩小事件

Vue监听页面放大缩小事件 ,使用window.addEventListener,methods中方法 ChangeWin(){ let ratio = this.getRatio(); let Pwidth = window.screen.width*this.getRatio()/100; le ......
事件 页面 Vue

vue3中useRouter和useRoute的使用

vue3路由新玩法useRoute和useRouter详解 原文链接 原来的vue2路由是通过this.$route和this.$router来控制的。 现在vue3有所变化,useRoute相当于以前的this.$route,而useRouter相当于this.$router 一、useRoute ......
useRouter useRoute vue3 vue

helper.js(20230426)

//***************************************参数辅助对象***************************************/ //公共参数辅助对象var ObjParameter = { //获取url参数值 //注意:参数值最好不用中文,会有编码问 ......
20230426 helper js

JS中的Map、Set、WeakMap和WeakSet

在JavaScript中,Map、Set、WeakMap和WeakSet是四个不同的数据结构,它们都有不同的特点和用途: 1. Map :Map是一种键值对的集合,其中的键和值可以是任意类型的。与对象类似,它们可以通过键来访问值。不同之处在于,Map可以使用任意类型作为键,而对象只能使用字符串或Sy ......
WeakMap WeakSet Map Set

老杜2023最新Vue实战精讲(三)Vue组件化

动力节点老杜全新版Vue教程笔记分享给大家 学习の地止:https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解,一步一个案例,知识点由浅入深,然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
实战 组件 Vue 2023

VUE在Return中定义变量,放在方法中使用

Return中定义CSS变量 在Return 中定义一个比变量 data () { return { '--mg_top1':'3vh', }, } 在methods方法使用 this.$el.style.setProperty('--mg_top1', '3.6vh') 在CSS中使用 .mg_t ......
变量 方法 Return VUE

Vue3 + element-plus使用注意

1.给组件设置ref="xxx" 例如: <el-table ref="tableRef" 定义tableRef时,需要注意尽量使用 ref() 而非 ref(null) const tableRef = ref(); 因为使用ref(null)会得不到$el的相关属性,即 undefined 例如 ......
element-plus element Vue3 plus Vue

js节流和防抖

节流(throttle): 指连续触发事件的函数,在一定时间间隔内只执行一次。 function throttle(fn, delay) { let timer = null; return function() { const self = this; const args = arguments ......

js遍历对象属性

1、遍历要给json对象 var jsObj={"name":"張三","age":18} for(var key in jsObj){ console.log("key:"+key+",val:"+jsObj[key]) } 2、遍历数组 var arr=new Array(); arr.push ......
属性 对象

【Vue】如何watch v-for中的元素属性值

如果你想watch一个v-for中的变量,你可以在vue组件的watch对象中创建一个函数,来监听这个变量。 假设你有一个数组items,它是一个对象数组,你想要监听每个对象的name属性。那么你可以这样写: <template> <div v-for="item in items" :key="i ......
属性 元素 watch v-for Vue

vue2项目中调取登录接口登录以后获取个人信息以后,储存在哪里,怎么在不同的页面展示想要的信息?

在Vue2项目中,可以将个人信息存储在Vuex状态管理中或者浏览器的本地存储中,具体取决于项目的需求和规模。 1. Vuex状态管理 在Vuex中定义一个user模块,用于存储用户信息,可以在登录成功后将用户信息存储到该模块中。 ```javascript // store/user.js cons ......
信息 接口 页面 项目 个人

vue 使用Element 的form表单如何校验对象中的对象属性?

1、校验对象中的对象属性, 需要特殊处理下: <template v-if="form.dataType 0"> <el-form-item label="芯片类型" prop="configExtend.schemeVersion"> <el-select v-model="form.config ......
对象 表单 属性 Element form

vue使用vue-qr生成二维码

vue-qr基础使用: 第一步,先安装 vue-qr 插件 npm install vue-qr --save第二步,在想要生成vueQr 的Vue页面引入组件 import vueQr from 'vue-qr'第三步,在components中引入VueQr组件 components: { Vue ......
vue vue-qr qr

vue2源码-十五、Vue.set方法是如何实现的

Vue.set方法是如何实现的 vue.set 方法是vue中一个补丁方法(正常我们添加属性是不会触发更新的,我们数组无法监控到索引和长度) 如何实现的 我们给每一个对象都添加了一个 dep 属性 vue3 中不需要此方法了(当属性添加或者删除时,手动触发对象本身的 dep 来进行更新) 源码: / ......
源码 方法 vue2 vue Vue

JS 怎么将数组里的所有字符串转换为数字或者互相转换

字符串 => 数字: const arr= ['1', '2', '3'] arr= arr.map(Number) // [1, 2, 3] 数字 => 字符串: const arr= [1, 2, 3] arr= arr.map(String) // ['1', '2', '3'] ......
数组 字符串 字符 数字 JS

React和Vue的区别

React和Vue是两个非常流行的JavaScript框架,用于构建前端Web应用程序。以下是它们之间的一些区别: 模板语法:Vue使用模板语法,它允许您在HTML模板中嵌入Vue代码,类似于AngularJS。React使用JSX语法,它允许您将JavaScript代码嵌入HTML模板中。 数据绑 ......
React Vue

vue3+vite自适应PC端

1、下载包pnpm add lib-flexible-computer postcss-px2rem px2rem-loader -D2、在main.ts里引入import "lib-flexible-computer";3、在vite.config.ts写入import px2rem from " ......
vue3 vite vue

Vue3中slot插槽使用方式

********************************** Vue3中slot插槽使用方式****************************************************参考:https://huaweicloud.csdn.net/638eab83dacf622b ......
方式 Vue3 slot Vue

Three.js教程:Face3对象定义Geometry的三角形面

推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 Face3对象定义Geometry的三角形面 几何体Geometry的三角面属性geometry.faces和缓冲类型几何体BufferGeometry顶点索引属性BufferGeometry.index类似都是顶点位 ......
三角形 Geometry 对象 教程 Three

vue解决跨域问题

1、若项目用vue init webpack appname 创建的解决跨域问题如下 在config文件夹的index.js文件里proxyTable{}中添加以下代码即可: proxyTable: { '/api': { //本地服务接口地址 target: 'http://....', ws: ......
问题 vue

Vue中...(三个点)的意思

属于ES6的语法,三个点代表扩展运算符 var a = { name: '张三', age: 25 } var b = { job: 'web前端', ...a } // 相当于 var b = { job: 'web前端', name: '张三', age: 25 } ......
意思 三个 Vue