写法vue2 vue js

Node js安装及配置

## 下载安装 https://nodejs.org/en/download/releases ![](https://img2023.cnblogs.com/blog/2968215/202307/2968215-20230702155444645-460923434.png) 找到对应版本下载 ......
Node

vue的理解

vue是一个渐进式框架 声明式渲染 -> 组件系统 -> 客户端路由 -> 大规模状态管理 -> 构建工具 1、声明式框架 命令式与声明式区别 命令式关注过程 声明式关注结构 // 命令式 let number = [1,2,3]; let total = 0; for (let i = 0; i ......
vue

print-js 实现页面打印PDF,与样式缺失问题

## 参考 - https://blog.csdn.net/qq_36990322/article/details/105786298 (样式继承问题) - https://blog.csdn.net/qq_42571665/article/details/127277049 (宽度配置) ## 说 ......
缺失 样式 print-js 页面 问题

vue2+cesium加载3dtile导致卡顿内存溢出

# 问题 vue2中在cesium上做倾斜摄影模型加载后页面会非常卡顿,排查模型加载代码后发现都没有问题。 但是在vue3框架搭建的项目中就没有问题。 具体表现为 CPU和内存爆满,内存持续不断大幅度上涨。页面表现为卡顿异常 vue2开发的运行情况(异常情况): ![资源情况异常](https:// ......
内存 cesium 3dtile dtile vue2

Vue router-view key 导致路由切换非router-view部分也进行刷新

<router-view> 组件是一个 functional 组件,渲染路径匹配到的视图组件。<router-view> 渲染的组件还可以内嵌自己的 <router-view>,根据嵌套路径,渲染嵌套组件。 如果中最外层的<router-view>中增加了:key="$route.fullPath" ......
router-view router view 路由 部分

vue2 input和select无法正常回显

背景:使用vue进行对象赋值,如果是一个未在data声明的属性,会导致双向绑定无法正常回显。 <template> <div> <div> <label for="">姓名</label> <input v-model="info.name" type="text"> </div> <div> <l ......
select input vue2 vue

JS 关联数组的长度

关联数组(也称为字典或映射)是一种数据结构,它使用键-值(key-value)的对形式存储数据。在 JavaScript 中,我们可以使用对象(Object)作为关联数组来实现。 关联数组没有固定的长度概念,因为其大小会根据存储的键-值对的数量动态变化。然而,我们可以通过计算对象的属性数量来获取关联 ......
数组 长度 JS

前端Vue基于腾讯地图Api实现的选择位置组件 返回地址名称详细地址经纬度信息

#### 前端Vue基于腾讯地图Api实现的选择位置组件 返回地址名称详细地址经纬度信息, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13310 #### 效果图如下: ![](https://p3-juejin.bytei ......
地址 经纬度 前端 经纬 组件

前端Vue自定义注册界面模版 手机号邮箱账号输入框 验证码输入框  包含手机号邮箱账号验证

#### 前端Vue自定义注册界面模版 手机号邮箱账号输入框 验证码输入框 包含手机号邮箱账号验证 , 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13306 #### 效果图如下: ![](https://p3-juejin ......
手机号 账号 邮箱 手机 前端

53.vue中点击按钮,新开一个页面

vue中点击按钮,打开新页面 不是在当前页面重新渲染哦,而是再开一个页面 在Vue中,你可以使用router-link组件或者编程式导航来在点击按钮时打开一个新页面。 使用Router-Link组件: 在Vue Router中,你可以使用<router-link>组件来创建一个链接,点击链接时会导航 ......
按钮 页面 vue 53

vue 学习

1. vue 基础 2. vue-cli 3. vue-router 4. element -ui 5. vue3 vue 是什么? 是一套用于构建用户界面的渐进式(vue可以自底向上的逐层的应用简答应用只需要一个轻量小巧的核心库 复杂应用可以引入各式各样的vue插件)的javascript 的框架 ......
vue

Vue:组件拖拽

##vue-drag-resize组件拖拽库 [vue-drag-resize](https://github.com/kirillmurashov/vue-drag-resize.git) 支持拖拽和缩放两个大动作,轻量级,无依赖,功能扎实,适合需要缩放的应用场景。 无依赖,轻量级 操作可联动 支 ......
组件 Vue

Vue:$parent

##什么是$parent 在 Vue.js 中,`this.$parent` 是组件实例的一个属性,用于访问当前组件的直接父组件实例。它提供了一种在子组件中与父组件进行通信和交互的方式。 当一个组件被创建时,Vue.js 会在内部为该组件创建一个组件实例,并建立组件之间的父子关系。每个组件实例都具有 ......
parent Vue

Vue封装组件并发布到npm仓库

# 前言 使用Vue框架进行开发,组件封装是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用,甚至我们可以直接从npm仓库下载别人封装好的组件来进行使用,比如iview、element-ui这一类的组件库。但是每个公司的业务场景可能不同,开发人员还是得必须封装自己得组件,如果换了一个项目, ......
仓库 组件 Vue npm

JS中数组的22种常用API

##一、引言 前端开发中,数组是一种常见且重要的数据结构。数组提供了许多便捷方便的方法来操作和处理其中的数据。本文将简单介绍前端开发中数组的常用API。 ##二、22种常用方法 ###2.1、push() 和 pop() 1. push()方法用于向数组末尾增加一个元素,并返回数组最新的长度。 `` ......
数组 常用 API

js 使用get 接口如何传递 特殊字符给后端,类似 # 等特殊字符

今天开发遇到个问题。用户输入了 # 怎么把文本完整的传递给后端 如果直接传输就会出现 # 之后的东西全都没有, 解决方法如下: 1,使用其他特殊字符代替,使用replaceAll // 使用replaceAll 替换所有 #,然后后端再替换回来 let newStr = newQue.replace ......
字符 接口 get js

JS传wav文件给后台

```HTML 开始录制 ``` ```javascript let recordButton = document.getElementById('recordButton'); let mediaRecorder; //媒体实例 let chunks = [];//语音文件 let isReco ......
后台 文件 wav

多端全栈项目实战:大型商业级代驾业务全流程落地SpringCloudAlibaba+Mysql+Redis+Docker+Uniapp+Vue3

多端全栈项目实战:大型商业级代驾业务全流程落地SpringCloudAlibaba+Mysql+Redis+Docker+Uniapp+Vue3 随着移动互联网的快速发展和智能手机的普及,代驾服务成为了一个日益火热的行业。在这个行业中,如何构建一个具备商业级可靠性和扩展性的代驾业务系统成为了关键问题 ......

JS必学的11个工具方法(避免重复造轮子)

1. 计算距离下次生日还有多少天 注意这里借助 moment 实现 getBirthdayFun(){ // 首先要获取到今年的生日 let birthdayTime = moment().format('YYYY-') + '12-19' // 通过时间戳 去判断当前的时间戳是否大于今年生日的时间 ......
轮子 工具 方法

绝无仅有的SpringBoot+Vue前后端分离项目《盈利宝》

​每天都在制造矛盾并解决矛盾的路上 程序员的主要矛盾 不是书和资料多不多的矛盾 而是学着学着发现知识又更新了 时间就像一台永不停歇的永动机 向前不停地运作 年初的flag渐行渐远 管他前浪,还是后浪? 能浪的浪,才是好浪! 今天带你解锁 Springboot+Vue项目 花了很长时间从头到尾 从无到 ......
SpringBoot 盈利 项目 Vue

js-遍历两个对象数组,属性值相等的一项合并属性并生成新数组

operatData.value.seriesList = res.data.seriesList.reduce((accumulator, current) => { const existing = userOptionsColor.find(item => item.name current. ......
数组 属性 对象 两个 js

vue中router-link路由携带参数跳转

在对应的路由模块儿中 ``` path: 'courseList/:id?' ``` router-link中书写方法如下 ``` 跳转按钮 ``` ......
路由 router-link 参数 router link

uni.app上传视频vue2 es6

上传视频可以使用uni.app里面的api let self = this; uni.chooseVideo({ count: 1, sourceType: ['camera', 'album'], success: function(res) { console.log(res) self.sho ......
视频 vue2 uni app es6

uni.app上传图片/上传七牛云 vue2 es6

uni.app上传图片 可以使用uni.app里面的api // uni.chooseImage({ // success: (chooseImageRes) => { // const tempFilePaths = chooseImageRes.tempFilePaths; // uni.upl ......
图片 vue2 uni app es6

如何解决uni-app上传图片提示打包未添加Camera模块? uni.app es6 vue2

可以在manifest.json来进行配置 这样就解决了 ......
uni app 模块 uni-app Camera

uni.app 给大家推荐一个 非常牛的 插件 上传图片 上传 word 上传xlsx 上传pdf 兼容vue2 vue3 微信小程序 h5 等等 地址放在下面了

插件 地址地址:https://ext.dcloud.net.cn/plugin?name=lsj-upload 兼容 vue2 vue3 微信小程序 等等 等等 图片放在下面了 使用方法 里面有介绍 又到了 码农 最 重要的时刻了 ctrl c ctrl v 大法 ......
vue 插件 地址 程序 图片

java类中的引用对象,定义时赋值和在构造方法中赋值的区别?推荐那种写法?

![](https://img2023.cnblogs.com/blog/1892439/202307/1892439-20230701143628687-1904329663.png) ![](https://img2023.cnblogs.com/blog/1892439/202307/1892 ......
写法 对象 方法 java

vue中封装服务器地址/接口与设置请求头

1. 设置请求头 首先创建一个放置服务器地址的js,如http.js,然后在http.js中引入axios `import axios from "axios";` 如果没有axios,需要先安装,npm i axios或者yarn add axois,然后重启服务器 ...直接上代码 点击查看代码 ......
接口 地址 服务器 vue

js 数组和链表分别实现队列

链表实现 /** * 链表实现队列 * 1.从尾入,头出 * 2.单独记录length */ class MyQueue { head = null; // 头 tail = null; // 尾 len = 0; add(n) { let newNode = { value: n, // 因为是最 ......
队列 数组 js

js 链路表和反向链路

/** * 数组转链路表数据 - {value: A, next: {value: B, next: {value: C}} * @param {*} list arr * @returns */ function createLink(list) { let length = list.lengt ......
链路 js