写法vue2 vue js

vue中使用scss公共变量的方法 :export

vue中使用scss公共变量的方法 :export :https://blog.csdn.net/weixin_44698285/article/details/124051066?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant ......
变量 方法 export scss vue

Cesium结合GIS天地图 加载倾斜摄影3dtile + vue3

## 实现思路 将倾斜摄影OSGB数据转换为3dtile(转换方式很多,可以利用第三方工具cesiumlab) 利用Cesium加载GIS地图,我这里使用的是天地图,可以加载其他地图都行 加载3dtile数据到地图中展示 ## 安装插件 ``` npm install cesium ``` ## 加 ......
天地 Cesium 3dtile dtile vue3

JS 鼠标粒子效果

<!--鼠标粒子特效--> <script> !function() { function n(n, e, t) { return n.getAttribute(e) || t } function e(n) { return document.getElementsByTagName(n) } f ......
粒子 鼠标 效果 JS

原生js如何请求接口

>请求基本流程:创建XHR实例对象 => 发送数据 => 接收数据 ### 首先我们会创建xml实例对象 ``` let xmlHttp = new XMLHttpRequest() ``` ###### 需要根据不同版本浏览器创建 ``` if (window.XMLHttpRequest) { ......
接口

Vue项目初次加载cesium | 配置

1. 首先配置`CESIUM_BASE_URL`全局变量 ``` window.CESIUM_BASE_URL = import.meta.env.BASE_URL + "Cesium/"; ``` 2. 把`node_modules\cesium\Build\Cesium`这个文件夹复制到`pub ......
项目 cesium Vue

vue安装与初始化

# vue npm 使用 验证 安装 ## 安装vue ```bash npm install --global vue-cli ``` ## vue版本 ```bash vue -V ``` ## 其他版本 ```bash node -v npm -v ``` ## 查询当前镜像地址 ```bas ......
vue

js导入excel&导出excel

js导入excel&导出excel Excel导入 html代码 <button style={{ color: '#1890ff', fontSize: '14px', cursor: 'pointer' }} onClick={() => { upFile(); }} > 导入 </button ......
excel amp

vue项目加载会出现花括号{{}}的解决方法

使用v-cloak指令这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none }一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。 <div v-cloak> {{ message }} </div> [v-cloa ......
括号 方法 项目 vue

Vue2 到 Vue3 升级插件gogocode-plugin-vue

配合gogocode-cli使用 开始迁移 ​Vue3的到来为我们带来了许多惊喜的变化,但是由于Vue3对于Vue2在Api层面存在诸多兼容问题,并不能做到平滑升级。所以我们根据v3迁移指南利用gogocode这个代码转换利器,利用它操作AST,开发了一套Vue2升级工具。利用这套工具能够快速地把你 ......

Vue计算器实例练习

#### 计算器实例 1. 常用的加减乘除,点击`=`显示计算结果 2. **X2、1/x** :输入任意的数字,点击 **X2、1/x** 计算出结果 3. 点击`C`清空当前内容 4. 点击`✖`删除末尾的字符 5. 点击结果栏,可以直接输入运算表达式 ![image](https://img2 ......
计算器 实例 Vue

Js获取当前是本年度第几周、周开始日期结束日期

js获取今年第几周和获取周的开始和结束日期 获取今年第几周 周的开始和结束日期 获取今年第几周 // 页面初始时获取当前是本年第几周 function getYearWeek(a, b, c) { //a为年 b为月 c为日 /* date1是当前日期 date2是当年第一天 d是当前日期是今年第多 ......
日期 年度

Three.js教程:材质共有属性、私有属性

推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 材质共有属性、私有属性 如果你的javascript语言基础还可以,应该明白类、基类、子类、父类等概念。如果你有这些类的概念,那么在学习Threejs的过程中,如何查找Threejs文档将会比较顺利。 点材质Point ......
属性 材质 教程 Three js

js 关于 replace 取值、替换第几个匹配项

〇、前言 在日常开发中,经常遇到针对字符串的替换、截取,知识点比较碎容易混淆,特此总结一下,仅供参考。 一、替换第一个匹配项 字符串替换 let strtest = "0123测试replace456测试replace789测试replace0" console.log("原字符串:" + strt ......
replace js

js 连接数据库 提示:ActiveXObject is not defined

## ActiveXObject is not defined 最近比较闲,上班瞎捣鼓一下,没想到报错了,提示ActiveXObject is not defined ![image](https://img2023.cnblogs.com/blog/1672923/202305/1672923-2 ......
ActiveXObject defined 数据库 数据 not

JS中的undefined 与 null

在 JavaScript 中, undefined 和 null 是两个特殊的值,用于表示缺失或空值。 undefined 是一个表示未定义或未赋值的原始值。它在以下情况下使用: 1. 变量声明了但未初始化时,默认为 undefined 。 let x; console.log(x); // und ......
undefined null

vue 项目大屏端适配方法

## 1.适配方式 `适配方案采用rem布局, 根据屏幕分辨率大小不同,调整根元素html的font-size, 从而达到每个元素宽高自动变化,适配不同屏幕` ## 2.使用 postcss-px2rem-exclude 插件 安装 `npm install postcss-px2rem-exclu ......
大屏 方法 项目 vue

EasyPlayer.js播放器用vue3.0集成出现报错是什么原因?

为了满足用户的多样化需求,我们也基于EasyPlayer推出了多种版本,包括EasyPlayer-RTSP、EasyPlayer.js、EasyPlayerPro等。EasyPlayer播放器系列项目依赖其灵活控制、低延时、高稳定的特点,已经成熟运用于多个项目场景当中,其中包括手机直播、电脑桌面直播... ......
EasyPlayer 原因 vue3 vue js

vue demo

要使用此模板,请使用​ ​vue-cli搭建​​项目。建议使用npm 3+以获得更有效的依赖关系树。 $ npm install -g vue-cli $ vue init webpack my-project $ cd my-project $ npm install $ npm run dev ......
demo vue

基于JAVA的springboot+vue“智慧食堂”设计与实现,食堂管理系统,附源码+数据库+lw文档+PPT基于JAVA的springboot+vue“智慧食堂”设计与实现,食堂管理系统,附源码+数据库+lw文档+PPT

**1、项目介绍** 本系统的用户可分为用户模块和管理员模块两大界面组成。一个界面用于管理员登录,管理员可以管理系统内所有功能,主要有首页,个人中心,用户管理,菜品分类管理,菜品信息管理,留言板管理,系统管理,订单管理等功能;另一界面用于用户登录,用户进入系统可以实现首页,菜品信息,留言板,个人中心 ......
食堂 springboot 源码 管理系统 智慧

一个基础的vue图片放大镜自定义指令

<template> <div> <div v-magnify ref="content" class="content"> <img src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" alt= ......
放大镜 指令 基础 图片 vue

VUE入门

什么是 Vue? Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。 它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、 组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。 ......
VUE

vue3遇到的问题集合

1.vue3打包设置 2.vue3路由配置history 3.vue3屏蔽eslint ......
问题 vue3 vue

vue页面报错vue.runtime.esm.js?2b0e:1888 Error: please transfer a valid prop path to for item

经排查 是prop带上了表单名称, 例如data()里把表单的参数写在一个对象里 queryForm:{ InputA, InputB } v-model是“queryForm.InputA”, prop写“InputA”即可, 这种情况下不要把prop写成和v-model一样的,prop把值默认当 ......
vue transfer runtime 页面 please

vue中实现文件上传下载的三种解决方案(推荐)

​ 一、概述 所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传,需要自己实现。 二、Range 用于请求头中, ......
上传下载 解决方案 文件 方案 vue

《vue短跑》vue的一些概念

# vue工作原理 参考链接:https://www.cnblogs.com/lishanlei/p/8423407.html 参考链接:https://www.cnblogs.com/wzfwaf/p/10553160.html ## MV模式 之前,我们都是通过原生js操作dom元素,比如:获取 ......
短跑 vue 概念

vue3 左侧菜单栏默认展开关闭

<el-menu class="mainMenu" router background-color="transparent" active-text-color="#fff" :unique-opened="true" :collapse-transition="false" :collapse= ......
菜单 vue3 vue

Vue3+Vite部署到Netlify

本项目的前端是使用Vue3技术。因为用到了Vite做代理解决跨域问题,所以部署到Netlify需要多做一些步骤。 使用Vite代理后,如果前端是在本地部署,需要添加`VITE_PROXY`环境变量。 例如在 `.env.development` 文件中添加 `VITE_PROXY=[["/api/v ......
Netlify Vue3 Vite Vue

vue中如何使用TinyMCE

(https://www.tiny.cloud/docs-4x/) # 安装tinyMce 并且初始化 首先需要新建一个vue项目 ```bash vue create tinymce-editor ``` 按照下图选择即可 ![](https://img2023.cnblogs.com/blog/ ......
TinyMCE vue

【vue流程编辑器框架】Vue-Flowchart-Editor

前言: 不管是OA系统常见的审批流程图还是业务流程图,前端经常会遇到一些流程编辑器的业务场景,分享一个我举得好用的vue组件: Vue-Flowchart-Editor:一个基于Vue的流程图编辑器组件,支持创建、编辑和展示流程图,具有可拖拽节点、连接线、自动布局等功能。 官网地址:https:// ......

js中实现文件上传下载的三种解决方案(推荐)

​ IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时,服务端都要添加这两个响应头,以保证客户端和服务端将此下载识别为可以断点续传的下载: Accept-R ......
上传下载 解决方案 文件 方案