写法vue2 vue js
js条件语句与
js条件语句 if条件语句：格式 if(条件）{ 语句1 }else{ 语句2 } 小练习： const score = 60 if(score>=80){ console.log("优秀") }else if(score>=60){ console.log("及格") } else { conso ......
js数据类型
* 字符串String：‘’，“”，“123”，‘都是字符串’ let a = 1 //是赋值号，是动态的，把右边的赋值给左边 * 数字Number:所有数字，整数，小数都是数字。 var b = 2.3 * 布尔Boolean：true，false var c = true * 空值Null：表示 ......
手牵手带你实现mini-vue
Vue 的双向数据绑定实现原理是什么样的，如果让我们自己去实现一个这样的双向数据绑定要怎么做呢，本文就与大家分享一下 Vue 的绑定原理及其简单实现 ......
使用nwjs打包VUE生成桌面应用
摘抄自：https://blog.csdn.net/weixin_40521770/article/details/126907614 目前已知把Vue项目打包成桌面应用有两种方式：（1）使用nwjs生成桌面应用；（2）使用Electron生成桌面应用。本文采用的是nwjs生成桌面应用，也是我认为最 ......
js数组常用的方法
在JavaScript中，数组是一种非常重要的数据类型。数组提供了一系列常用的方法，可以方便地对数组进行操作和处理。本文将介绍JavaScript中几种常用的数组方法的含义、返回值以及是否改变原数组。 #### 一、push() push()方法可以将一个或多个元素添加到数组的末尾，并返回数组的新长 ......
前端Vue图片上传组件支持单个文件多个文件上传 自定义上传数量 预览删除图片 图片压缩
#### 前端Vue图片上传组件支持单个文件多个文件上传 自定义上传数量 预览删除图片 图片压缩， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13099 #### 效果图如下： ![](https://p3-juejin.by ......
Vue3 - 实现文本复制粘贴功能
1.安装库并导入 npm i vue-clipboard3 --save 2.在需要的前端文件中导入 import clipboard3 from 'vue-clipboard3' html结构如下 <template> <div class="hello"> <input type="text" ......
JS(简单数据类型、数据类型转换)
一. 数据类型简介 1.1 为什么需要数据类型 在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。简单来说，数据类型就是数据的类别型号。比如姓名“张三”，年龄18，这些数据的类型是不一样的。 1.2 变量的数据类型 ......
JAVA的springboot+vue家乡特色推荐系统,附源码+数据库+论文+PPT，适合毕业设计、课程设计
**1、项目介绍** 在Internet高速发展的今天，我们生活的各个领域都涉及到计算机的应用，其中包括家乡特色推荐的网络应用，在外国家乡特色推荐系统已经是很普遍的方式，不过国内的管理网站可能还处于起步阶段。家乡特色推荐系统采用java技术，基于springboot框架，mysql数据库进行开发，实 ......
掌握Node.js：构建高性能后台的利器
当使用Node.js作为后台开发技术时，可以享受到以下优势： 高效处理并发请求：Node.js采用事件驱动和非阻塞I/O的模型，使得它能够高效地处理大量并发请求。这意味着在处理多个客户端请求时，Node.js能够快速响应并保持高性能，从而提供出色的用户体验。对于需要处理实时数据和大规模并发的应用程序 ......
Vue 开发环境搭建
## 1 安装环境 ### Node.js js的运行环境，相当于 java 的 jvm 官网：https://nodejs.org/en，下载最新稳定版 `18.16.0 LTS`，双击安装即可 自动安装了npm，终端验证： ```bash C:\Users\Administrator>node ......
JS(入门）
一. 编程语言 1.1 编程 编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。计算机程序：就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出命令。从事编程的人员，就是程序员。 但 ......
Nginx代理静态界面资源后，浏览器端CSS、JS不起作用
现象说明： VUE项目打包后通过Nginx代理访问时，JS、CSS等资源都加载到浏览器端了，但是不起作用。 经过分析后，发现对于JS、CSS在浏览器端显示的资源类型为：Content-Type=text/plain。 发现Nginx没有配置：include mime.types; 当Nginx服务器 ......
vue 路由懒加载
VUE路由的懒加载，官网是这样说明的： 当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就会更加高效。 Vue Router 支持开箱即用的动态导入，这意味着你可以用动态导入代替静态导入 ......
前端Vue加载中页面动画弹跳动画loading
#### 前端Vue加载中页面动画弹跳动画loading， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13091 #### 效果图如下： 
今天来学习下车床(lathe)建型及粒子系统，babylon.js有一个很强大的函数CreateLathe，可以将一段路径经过旋转后，形成1个shape，这么说有点抽象，比如下面这张图： 其中的关键点坐标为： const fountainProfile = [ new BABYLON.Vector3 ......
vue学习笔记二
四，vue中的AJAX 比较了各种AJAX的方式，xhr，jQuery，fetch,综合考虑都不好，直接就G了，xhr学过，fetch了解过，jQuery听说过，结果最后表示要用axios。。。点个海克斯“考前恶补”。 1.配置代理 <template> <div> <button @click=" ......
使用 Vue.js 的 CDN（内容分发网络）来添加 Vue.js
在您的 HTML 文件中添加 script 标签，并指定 Vue.js 的 CDN 地址。通常可以通过在 <head> 标签或 <body> 标签的底部添加该标签来加载 Vue.js。 下面是一个常用的 Vue.js CDN 地址： <script src="https://cdn.jsdelivr ......
前端Vue非常简单实用商品分类展示组件 侧边商品分类组件
#### 前端vue非常简单实用商品分类展示组件 侧边商品分类组件 ， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13084 #### 效果图如下： ，该组件的style中的样式，优先级低，不生效，这个时候需要使用样式穿透(作用得更深)。 `vue`中针对不同的样式类型(`css`,`les ......
vue封装axios的方式（三）
# vue封装axios的方式（三） 与第二种封装基本相同，不同之处在于api的处理格式 ```js // 引入axios import axios from 'axios' // 引入qs模块，对数据进行序列化 import QS from 'qs' // 引入message模块，toast提示 ......
vue3+vite+web3.js报错ReferenceError: process is not defined
在vite最新版本中使用web3会报错只需要在vite.config.ts添加如下代码即可解决报错 import { fileURLToPath, URL } from 'node:url' import { defineConfig } from 'vite' import vue from '@ ......
vue封装axios的方式（一）
# vue封装axios的方式（一） 直接将下面代码复制在request.js中，封装了get，post请求， **需要自己配置的是：** **自己的请求地址，tokenKey是否为token，改为自己存入本地的token名，** ```js /**axios封装 * 请求拦截、相应拦截、错误统一处 ......
vue封装axios的方式（二）
# vue封装axios的方式（二） 创建`utils\request.js` ```js import axios from 'axios' import { Message, MessageBox } from 'element-ui' //导入element-ui组件库 // 创建axios的 ......
js拦截XMLHttpRequest
需要做一个扩展，拦截XMLHttpRequest，修改response里面部分值，查阅资料后一般是通过下面方法拦截 ``` let oldOpen = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function(me ......
Vue2.0计算属性的实现
说一下整体思路: 在初始化的时候会给每一个计算属性都创建一个相对于的wathcer对象,然后这个watcher对象在创建的时候都会传入三个参数,第一个是vm实例对象,第二个就是在外面封装好的一个函数,这个函数主要是用于拿值,就是自己在外面写的return里面的值.第三个是一个对象,{lazy:t ......
vue-json-viewer 展示json数据
# vue-json-viewer 展示json数据 当项目需要再网页中展示原始的json数据的时候，我们期望能够对json进行格式化展示，并且能够进行展开和折叠。vue-json-viewer可以帮助我们实现这样的功能。 ## 1. 安装 ```bash $ npm install vue-jso ......