three vue js

Three.js中实现一个OBBHelper

1. 引言 Three.js中,Box3对象指的是AABB式的包围盒,这种包围盒会随物体的旋转而变换大小,精度较差 Three.js中还有OBB对象,这是一种能表现物体主要特征的、不随物体的旋转而变换大小的包围盒 两者如下图所示: Three.js中虽然有OBB,却没有OBB Helper,即OBB ......
OBBHelper Three js

Vue 搭配 Spring MVC 创建一个 web 项目

Vue 搭配 Spring MVC 创建一个 web 项目 想要写一个登录的web应用程序。页面使用Vue,后端使用Spring MVC,最终打成war包,放在tomcat下启动。 1.创建Spring MVC项目,命名loginbackend,配置成web项目。 创建好web项目后,在src/ma ......
项目 Spring Vue MVC web

vue学习问题解决

报错error Component name "Index" should always be multi-word vue/multi-word-component-names解决方法1、问题说明:在创建组件命名时,引用 index.vue 的过程中报错; 2、报错的原因及分析:其一、报错的全称为 ......
问题 vue

解析Vue项目

解析Vue项目 1、浏览器中访问某个地址,会显示某个页面的组件 根组件:App.vue 2、配置路由 router 》index.js 》const routes = [ { path: '/lqz', name: 'lqz', component: Lqz # 组件,需要导入 }, ] 3、写组件 ......
项目 Vue

解析vue项目、

解析一下vue项目 1 为什么浏览器中访问某个地址,会显示某个页面组件 //-根组件:App.vue 必须是 <template> <div id="app"> <router-view></router-view> </div> </template> //-1 配置路由 router 》inde ......
项目 vue

Vue执行和开发流程、登录小案例、混入、插件、elementui

一、Vue执行流程 1、vue的执行流程 # 1 为什么浏览器中访问某个地址,会显示某个页面组件 -根组件:App.vue 必须是 <template> <div id="app"> <router-view></router-view> </div> </template> -1 配置路由 rou ......
elementui 插件 流程 案例 Vue

JS逆向

场景:登录时账号或密码被加密而无法爆破或Fuzz的情况,如果是前端加密可以尝试js逆向,搭配phantomjs(JavaScript API)和bp插件JSEncryptr进行爆破 一、https://my.sto.cn/ 1.点击登录,可见发送了一个数据包LoginResult,地址是/Vip/L ......

每日一题:vue3自定义指令大全(呕心沥血所作,附可运行项目源码)

1.VUE常用指令大全 本项目所有指令均为全局注册,使用时直接在组件中使用即可。 指令目录:src/directives 页面目录:src/views 具体可查看源码 1.1 权限指令 封装一个权限指令,在模板中根据用户权限来控制元素的显示或隐藏。 permission.js import { re ......
呕心沥血 指令 源码 项目 大全

16-Vue数据监视

我们先探讨一个数据更新时的问题,假设在以下人员列表中,改变"马冬梅"的信息,可以通过什么方法 1)第一种方法(奏效) 数据更新时,方法奏效 this.persons[0].name = "马老师" this.persons[0].age = 50 this.persons[0].sex = "男" ......
数据 Vue 16

vue-day06

解析一下vue项目 为什么在浏览器中访问某个地址,会显示某个页面组件 1.根组件:App.vue必须是以下代码,里面使用router-view <template> <div id="app"> <router-view></router-view> </div> </template> 2.配置路 ......
vue-day vue day 06

JS中声明变量(常量)的方式有三种:var、let、const(常量)

三种声明方式中,第一优先使用的是const,如果希望变量被改变则使用let,至于var最好不要在代码中出现 块作用域可以重新赋值是否推荐使用 const √ × √ let √ √ √ var × √ × ......
常量 变量 方式 const var

vue中使用canvas压缩base64图片

参考自https://blog.csdn.net/weixin_42752574/article/details/126061352 后端返回图片的原始base64字符串,通过:style传到scss中显示,但有时候base64过长,可能会有5MB或者2MB这样的大小,那scss文件就接收不到这个变 ......
canvas 图片 base vue 64

前端vue项目部署中,用户还在访问系统,存在缓存问题,部署后需要ctrlF5强制刷新,解决热更新的几种方案

问题描述: 问题是这样的,在部署的时候,用户并没有关闭浏览器还保持访问操风系统管理项目的页面中。这样才会产生问题缓存;如果在部署的时候或者部署之前,用户并没有打开系统页面,部署完成后,才访问操风系统,不会存在缓存的。我刚才测试了一下。要想解决,部署之前或在部署中,用户还再使用的情况下,前端得写定时获 ......
前端 缓存 方案 项目 用户

node安装以及vue安装

npm:是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题。比如常用的有: 1)允许用户从NPM服务器下载别人编写的第三方包到本地使用。 2)允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 3)允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使 ......
node vue

js时间比较大小

千万注意 必须new Date("2023-06-16 00:00:00") 不能new Date("2023-06-16"),因为 new Date("2023-06-16").getTime()== new Date("2023-06-16 08:00:00").getTime() 这个和时区有 ......
大小 时间

vue项目的解析、登录小案例

vue的执行流程 1. 为什么浏览器中访问某个地址,会显示某个页面组件 vue-router第三方插件支持的: 访问:/(根路径) 》显示HomeView.vue 访问:/about 》显示AboutView.vue 根组件:App.vue App.vue中的template中的div会被替换到in ......
案例 项目 vue

Windows 下更新 node.js

一、node.js 更新 (一)查询 node.js 版本 node -v (二)查询 node.js 安装位置 where node (三)官网下载安装包https://nodejs.org/dist/下载对应版本的msi文件 (四)安装到原位置,覆盖旧版本如:D:\Program Files\n ......
Windows node js

vue3 | defineExpose的使用

简介 使用<script setup>的组件是默认关闭的————即通过模板引用或者$parent链获取到的组件的公开实例,不会暴露在任何在<script setup>中声明的绑定 换句话说,如果一个子组件使用的是选项式 API 或没有使用 <script setup>,被引用的组件实例和该子组件的  ......
defineExpose vue3 vue

vue通过 v-for循环出来的数组给元素 加不同的颜色

直接上代码: 1 <div v-for="(item,i) in colorList" :key="i"> 2 <div class="cmn-color"> 3 <div :style="{'background':item}"></div><span>开发{{i+1 }}</span> 4 </ ......
数组 元素 颜色 v-for vue

【JS工具包】时长单位转换

表格字段需要做格式化,发现原来代码中还用Math.floor来获取商,下面是原来的代码 durationTransform(duration) { const days = Math.floor(duration / 86400) duration %= 86400 const hours = Ma ......
工具包 时长 单位 工具

Cesium常用功能封装,js编码,每个功能独立封装——第1篇

Cesium常用功能封装,js编码,每个功能独立封装,方便直接应用到项目中。 本脚手架可以前端独立运行。 本脚手架项目是前后端一整套,包括权限管理。前端框架采用Vue3 + js + ElementUI-Plus,后端采用Spring Boot + Mysql + Redis,GIS引擎本项目中是C ......
功能 编码 常用 Cesium

Cesium常用功能封装,js编码,每个功能独立封装——第2篇

Cesium常用功能封装,js编码,每个功能独立封装,方便直接应用到项目中。 本篇紧接着第一篇来写,第一篇链接: https://www.cnblogs.com/haimaqu/p/17719747.html 本脚手架可以前端独立运行。 本脚手架项目是前后端一整套,包括权限管理。前端框架采用Vue3 ......
功能 编码 常用 Cesium

CentOS环境 nginx配置vue项目

ps: 这里使用ruoyi-vue-plus项目举例,官网:https://plus-doc.dromara.org/ 一、配置不带应用路径的vue项目 1、打包。首先将vue项目生产配置文件的的应用访问路径设为'/',然后命令行输入run run build:prod进行打包。 2、导入环境。将打 ......
环境 项目 CentOS nginx vue

nodejs+vue+element-ui安装

1. nodejs安装 https://www.runoob.com/nodejs/nodejs-install-setup.html 2. vue安装 nodejs安装以后,使用vue会报错: ‘vue‘ 不是内部或外部命令,也不是可运行的程序 解决办法: https://developer.al ......
element-ui element nodejs vue ui

【js】数组的几个常用方法

filter、map、forEach filter filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。 注意: filter() 不会对空数组进行检测。 注意: filter() 不会改变原始数组。 语法:array.filter(function(cur ......
数组 常用 方法

若依 vue问题

1.table 列 对布尔的处理 <el-table-column label="是否可见" align="center" prop="activityVisible" :formatter="formatActivityVisible"/> formatActivityVisible:functi ......
问题 vue

vue3封装一个公共的异步组件函数

在 Vue 3 中,可以使用 defineAsyncComponent 函数来封装一个公共的异步组件函数。下面是一个示例: import { defineAsyncComponent } from 'vue'; export const asyncComponent = (loader, optio ......
函数 组件 vue3 vue

vue+openlayers绘制线

绘制线 1 <template> 2 <div></div> 3 </template> 4 <script> 5 import VectorLayer from 'ol/layer/Vector.js'; 6 import VectorSource from 'ol/source/Vector.j ......
openlayers vue

Arcgis 与 Pixi.js 可视化 glsl 特效篇(六)

这次我们用pixi.js和arcgis js结合 我们先定义一下 传入数据结构 symbol 暂时不做 let option = { renderer: { type: "simple", symbol: { } }, data: [ { geometry: [12956152.73135875, ......
特效 Arcgis Pixi glsl js

Arcgis 与 Pixi.js 可视化 glsl 特效篇(七)

这次我们用pixi.js和arcgis js结合 我们先定义一下 传入数据结构 symbol 暂时不做 let option = { renderer: { type: "simple", symbol: { } }, data: [ { geometry: [12956152.73135875, ......
特效 Arcgis Pixi glsl js