three vue js
vue element ui在添加表格数据时,出现数据跟着变化的问题
主要是对象赋值问题 对对象进行深拷贝即可 arrObj=JSON.parse(JSON.stringify(this.form)); this.tabelDate.push(arrObj) ......
js字符串数据排序
results = [ {model:'CM201-2'},{model:'CM201-3'},{model:'CM201-6'},{model:'H1Ne-02-1'},{model:'MGV200'},{model:'UNT400G1'}, ]results.sort((a,b) => {ret ......
js监视有没有被刷新后跳转其他页面
# js监视有没有被刷新 ``` window.addEventListener('beforeunload', function (event) { // 这里可以执行你想要的操作,例如询问用户是否确认离开页面 window.location.href = 'https://mp.gnek257. ......
js将数字金额转换成中文金额格式
在开发中我们经常会遇到处理数字的问题,下面介绍一种处理数字金额转换为中文金额的方式: 我们通常使用三种书面数字系统:全球使用的阿拉伯数字系统和两种本地数字系统(繁体、简体)。常规时我们使用阿拉伯数字(1,2,3等),但在某些情况中,如金融中我们会使用繁体汉字来书写数字,繁体字优点是安全且无法篡改,弥 ......
vue 2 接入three.js
1、安装three.js npm i three@0.128.0 2、在vue中引用(可以测试一下,是否ok,下面测试) 1)、新建index.js import * as THREE from 'three'; // 引入Three.js扩展库 import { OrbitControls } f ......
JS中的replace方法
#### 简介 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。该方法返回一个新的字符串,但不改变原字符串签名:`replace([RegExp|String],[String|Function])`RegExp: 正则表达式 #### 使用 ##### replace(S ......
three.js报错依赖,原因:three版本过高
vue版本 "devDependencies":{ "webpack": "^3.6.0", "webpack-bundle-analyzer": "^2.9.0", "webpack-dev-server": "^2.9.1", "webpack-merge": "^4.1.0" } "depen ......
arcgis for js 4.x 加载 geoserver WMS WMTS
arcgis for js 4.x 加载 geoserver wms 代码如下 <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-sca ......
js的function对象和闭包函数
<script> // Function对象的call和apply方法:可以用来调用所有者对象作为参数的方法,通过call和apply方法,能够使用属于另一个对象的方法。 //call() 和 apply() 之间的区别:call() 方法分别接受参数。apply() 方法接受数组形式的参数。如果要 ......
js值Set和Map类使用
<script> // Set // Set(集合)是一组唯一值的集合。每个值只能在 Set 中出现一次。Set 可以容纳任何数据类型的值。 // 创建 Set const letters = new Set(["b", "a", "c"]); console.log(typeof letters) ......
手机上vue页面返回时如何保持原来的位置
1,问题的提出 采用vue做手机评分页面的前端,页面显示多个评分项的分数和总分。 每个评分项有个修改按钮,按下后弹出新的页面,用户填写分数后按提交按钮,则保存数据、关闭页面、回到前一页。 此时,页面上显示的分数和总分会刷新,但是显示的页面位置未保留修改前的位置,而是回到了顶部显示。 这种情况如果页面 ......
PageOffice在线打开office文件通过js调用vba可实现的功能
pageoffice封装的js接口有限,某些比较复杂的设置用到的客户不多,所以没有提供直接的js方法,但是pageoffice提供了Document属性和RunMacro方法,可以调vba或直接运行宏指令实现比较小众的一些需求 ![image](https://img2023.cnblogs.com ......
js校验IPv4/IPv6/域名/url等相关正则
/** * 域名校验 eg: www.baidu.com * @param {*} val 需要校验的值 */ export function isDomain(val) { const reg = /^([0-9a-zA-Z-]{1,}\.)+([a-zA-Z]{2,})$/; return re ......
如何快速在本地运行你vue打包的的dist文件
> 要在本机启动运行前端提供的dist包,需要先安装一个HTTP服务器,例如Apache,Nginx,phpstudy。这里以使用Node.js的http-server为例进行说明 1. 首先,确保已经安装了Node.js。如果没有安装,可以从官网下载并安装。 2. 打开终端或命令行窗口,使用以下命 ......
js递归遍历树形结构数据,获取所有数组id集合
function getAllIds(tree, result) { //遍历树 获取id数组 for (const i in tree) { result.push(tree[i].id); // 遍历项目满足条件后的操作 if (tree[i].children) { //存在子节点就递归 ge ......
视频直播系统源码,vue自定义模拟滚动条
视频直播系统源码,vue自定义模拟滚动条 vscroll自定义滚动条模板 <template> <div class="vui__scrollbar" ref="ref__box" @mouseenter="handleMouseEnter" @mouseleave="handleMouseLeav ......
庆军之低代码vue模式
原来render(h),h并不是一个对象。 我一直以为,我可以写成 render(h){ createuibycode(h,data,data.Data); return h; } , metchs:{ createuibycode(h,ui,Data){ .... var uitype = ui. ......
Vue3 组件篇
## 组件命名 组件的命名一般分为两种 1. 在单文件组件中,推荐为子组件使用 PascalCase 的标签名,以此来和原生的 HTML 元素作区分。虽然原生 HTML 标签名是不区分大小写的,但 Vue 单文件组件是可以在编译中区分大小写的。我们也可以使用 /> 来关闭一个标签。 2. 使用 ke ......
Vue中使用Echarts可视化图表
1、首先在项目中安装Echarts 1 npm install echarts 2 npm install echarts --save 2、在项目 main.js 中全局引入 1 import echarts from 'echarts' 2 // 挂载到vue原型上 3 Vue.prototyp ......
WebGL +three创建地球横向滚动动画
WebGL +jquery创建地球横向滚动动画代码示例 <script> let camera, scene, renderer; let earthMesh; init(); animate(); function init() { // 创建相机 camera = new THREE.Persp ......
vue3之element-plus
1.安装elementPlus和自动导入插件 npm i elementPlus npm install -D unplugin-vue-components unplugin-auto-import 2、配置自动按需导入 // 引入插件 import AutoImport from 'unplug ......
uni-app vue-cli命令行创建项目,拉取模板(dcloudio/uni-preset-vue)失败,443超时报错
### 安装vue/cli npm install -g @vue/cli ### 问题 >根据官网提示,通过 vue-cli 命令行创建项目,出现如下报错。 ``` Fetching remote preset dcloudio/uni-preset-vue... ERROR Failed fet ......
vue : 无法加载文件 C:\Users\jianfei\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。
# 背景 在新电脑上配置vue环境 ``` PS E:\CODE_PROJ\myvue\vue23\P61_使用脚手架\vue_test> npm install -g @vue/cli npm WARN deprecated source-map-url@0.4.1: See https://gi ......
uniapp webview 与vue2页面双向通信
一、准备工作 uniapp: //建立工程,创建显示的页面 <web-view src="http://192.168.0.58:8080" @message="handlePostMessage"></web-view> vue: 安装webview用到的依赖 yarn add @dcloudio ......
转载:PageOffice在线打开office文件通过js调用vba可实现的功能
pageoffice封装的js接口有限,某些比较复杂的设置用到的客户不多,所以没有提供直接的js方法,但是pageoffice提供了Document属性和RunMacro方法,可以调vba或直接运行宏指令实现比较小众的一些需求 Word相关功能 1、给word表格中的单元格赋值 document.g ......
前端Vue仿支付宝自定义可滑动轮播分页宫格菜单组件,可支持九宫格 十二宫格 十五宫格
## 背景介绍 随着技术的不断发展,传统的开发方式使得系统的复杂度越来越高。在传统开发过程中,一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单独开发,单独维护,而且它们之间可以随意的进 ......
Vue中的虚拟DOM和Diff算法
## 一、 虚拟DOM ### 1. 什么是虚拟DOM? 一个用来表示真实 DOM 节点 的 JS 对象,主要包含标签名 tag、属性 attrs 和子元素对象 children 属性等。 代码示例如下: ``` 标题 段落内容 { tag:'div', attrs:{ id:'baseNo', c ......
vue--day45---组件的自定义指令
1.App.vaule <template> <div > <h1>{{ msg }}</h1> <!--通过父组件给子组件传递函数的props 实现 子给父传数据--> <School :receiveSchoolName="receiveSchoolName"></School> <!-- v- ......
小狐狸AI付费创作系统chatgpt管理后台-前端界面vue源码增加新的登录方式配置
前面我们已经搭建好了小狐狸AI付费创作系统chatgpt管理后台vue前端环境 现在,就修改一下设置地方,使其可以配置使用哪种登录方式 查看路由找界面 一般我们找界面源码,先看一下路由部分,就能知道在哪个界面里 /src/router/index.js 直接就能找到设置地方/views/module ......