three vue js
js笔记
js基础 javascript是基于对象和事件驱动的脚本语言。 //直接在页面中嵌入脚本 <script> alert('弹窗警告'); document.write("在浏览器上输出文字"); console.log("这句话会在控制台显示,在浏览器上按f12呼出控制台"); </script> ......
vue 逻辑分页
<template> <div> <div class="paging"> <!--数据显示区域--> <div class="data"> <!--表格存放数组中的数据,并对数据进行截取,以控制每一页显示的数据量--> <!--slice(start,end) 不包括end--> <el-tabl ......
pdf.js打开后的pdf文件
原文链接:https://www.cnblogs.com/the-big-dipper/p/16880180.html 1、html项目 方法:<a href="../../pdf/web/viewer.html?file=../../pdf/1.pdf" target="_blank">文件</a ......
js 获取当前年月日以及前一年的日期
let currentDate = new Date(); // 获取当前年份 let currentYear = currentDate.getFullYear(); // 获取当前月份(注意:返回结果是从0开始计算的,所以需要加1) let currentMonth = currentDate. ......
vue项目目录讲解
1、build:构建脚本目录 1)build.js ==> 生产环境构建脚本; 2)check-versions.js ==> 检查npm,node.js版本; 3)utils.js ==> 构建相关工具方法; 4)vue-loader.conf.js ==> 配置了css加载器以及编译css之后自 ......
vue 深拷贝
方法一: cloneDeep import { cloneDeep } from 'lodash-es' // 直接使用 const items = cloneDeep(multipleSelection) 方法二: 通过JSON.parse(JSON.stringify(obj)) 优缺点 满足 ......
vue yarn install超时设置
一 删除代理 yarn config delete proxy 二 设置淘宝镜像 yarn config set registry https://registry.npm.taobao.org/ 三 设置超时时间 yarn install --network-timeout 1000000 ......
cesium.js入门基础教程
运行环境搭建 下载cesium.js 从https://cesium.com/downloads/下载cesium.js: 在vsCode中建立index.html和index.js,并在index.html中引入index.js: index.html: <!DOCTYPE html> <html ......
node.js--npm初始
npm 安装 安装node.js 时候会自动安装npm ,所以如果安装了node.js 就不需要安装npm了, 命令行使用命令 npm -v 查看npm版本,出现版本号,则表示安装成功。 npm 初始化包 使用 npm init 命令创建一个 package.json 文件,然后使用 npm ins ......
Vue入门(1)安装vue环境,创建Vue2 Vue3的项目并且安装IIS环境和发布到IIS
Vue环境的搭建 一. 背景 vue的运行方式有两种 一种是在页面引用vue的js包, 一种是搭建脚手架来vue框架. 我们在这里使用的是第二种方式. 需要安装的软件 npm 16.13.1 LTS 现在最新版已经20了, 建议下载LTSC版 下载地址: https://nodejs.org/en/ ......
js 传参到 vue + 计算属性使用
场景 js 中存储 xAxisData = [......]、yAxisData = [......],想在 vue 中使用,但要求使用前转化成 data 存有若干个 (x, y) 的形式 在改变 xAxisData 或 yAxisData 的任意一值时,都会反馈更新到 vue 的每一个调用了 da ......
vue3
创建vue项目步骤 npm create vite@latest cd EasyB npm install npm run dev 绑定数据 script模块 <script > import {ref} from 'vue'; export default{ name:'App', setup() ......
Js(Javascript)中this的三种用法
1、 全局上下文 在全局执行环境中(在任何函数体外部),this 引用全局对象。在浏览器中,全局对象是 window。 2、函数上下文 1)普通函数调用 在非严格模式下,非方法的函数调用中,this 通常指向全局对象。在严格模式下 ("use strict"),this 将是 undefined。 ......
vitest&@vue/test-utils组件单元测试
依赖 "vitest": "0.34.6", "@vue/test-utils": "2.4.3", "axios-mock-adapter": "^1.22.0", 示例 import { mount } from "@vue/test-utils"; import { test, vi } fr ......
Vite + Vue配置路径别名@代替 ./src
1.在 vite.config.js 引用 import {resolve} from 'path' 2.添加标黄的 export default defineConfig({ resolve:{ alias:{ "@":resolve(__dirname,"./src") } } }) 3.有图看 ......
记录--前端中 JS 发起的请求可以暂停吗
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 在前端中,JavaScript(JS)可以使用XMLHttpRequest对象或fetch API来发起网络请求。然而,JavaScript本身并没有提供直接的方法来暂停请求的执行。一旦请求被发送,它会继续执行并等待响应。 尽管如此,你可 ......
JS 关闭浏览器窗口
/** 关闭浏览器窗口 */ closeWindow() { var userAgent = navigator.userAgent if (userAgent.indexOf('Firefox') !== -1 || userAgent.indexOf('Chrome') !== -1) { wi ......
SpringBoot+Vue实现大文件分块上传
1. 项目背景由于用户需求,需要上传大量图片,只能通过上传压缩包的形式上传,可是压缩包过大时,又会出现上传超时的情况,故需要将压缩包分块上传,然后解压缩图片、若图片过大则再对图片进行压缩。 2. 分块上传分块上传我在用的时候发现有两种:第一种:分块合并接口全由后端接口生成;第二种:前端分块,后端上传 ......
介绍 Vue3 的常见目录结构
当着手使用 Vue3 开发项目时,理解其目录结构至关重要。Vue3 的文件组织和模块分隔方式直接关系到项目的可维护性和扩展性。本文将深入探讨 Vue3 的标准目录结构,并提供一些实用的指南和推荐做法。 在 Vue 3 项目中,通常会有以下一些常见的目录和文件: src 目录: src 目录是 Vue ......
介绍 Vue3 的常见目录结构
当着手使用 Vue3 开发项目时,理解其目录结构至关重要。Vue3 的文件组织和模块分隔方式直接关系到项目的可维护性和扩展性。本文将深入探讨 Vue3 的标准目录结构,并提供一些实用的指南和推荐做法。 在 Vue 3 项目中,通常会有以下一些常见的目录和文件: src 目录: src 目录是 Vue ......
SpringBoot+Vue.js实现大文件分片上传、断点续传与极速秒传
亲测好用,这里就直接上代码了,代码有详细的解释。 0. 建表语句SET NAMES utf8mb4;SET FOREIGN_KEY_CHECKS = 0; -- Table structure for file_info-- DROP TABLE IF EXISTS `file_info`;CREA ......
JS把base64压缩后处理为base64
重点参考了这篇文章:前端JS利用canvas的drawImage()对图片进行压缩 : https://www.cnblogs.com/goloving/p/8260206.html 其实是AI ChatGPT帮忙整理的,我用过觉得好,现在记录下来: //把base64压缩后处理为base64 fu ......
vue2环境变量配置开发环境和生产环境
在项目根目录下新建.env文件 写入变量比如本地链接 VUE_APP_BASE_API=http://127.0.0.1:5000/ 在读取的时候使用process.env.VUE_APP_BASE_API就可以读到这个全局变量 process.env.NODE_ENV有两个值开发环境:develo ......
Vue报错:error Mixed spaces and tabs no-mixed-spaces-and-tabs
Vue报错:error Mixed spaces and tabs no-mixed-spaces-and-tabs 一、解释 在开发过程中使用了ESLint,用来规范代码风格。ESLint是语法检查工具,缺点是对所写代码要求过于严格。这里是因为空格的使用导致的。 二、报错可能出现的地方 我第一次出 ......
【APP小程序】微信小程序包解密+加解密算法JS逆向
简介 现如今大部分微信小程序抓包看到的数据均是加密的,无法通过常规的业务抓包进行测试,现通过对微信小程序包进行解密,获取到微信小程序源码对加解密算法进行分析。 微信小程序解密 小程序包默认路径:C:\Users\Administrator\Documents\WeChat Files\Applet ......
vue 千分位过滤器
1.创建numberToCurrency.js文件 // 千分符过滤器 export function numberToCurrencyNo(value) { if (!value) return 0 // 判断value 是否是以0开头的负数 if (value < 0 && value > -1 ......
js Object常用的方法
Object.keys(obj) Object.keys(obj):返回对象自身所有可枚举属性的键名数组 处理对象,返回可枚举的键数组 const object1 = { a: 'somestring', b: 42, c: false }; console.log(Object.keys(obje ......
js常用
一、格式化Date类型为字符串 1 formatDate(date) { 2 const year = date.getFullYear(); 3 const month = (date.getMonth() + 1).toString().padStart(2, '0'); 4 const day ......
Vue—实现文件上传(多文件),图片上传
一、图片上传//template <input type="file" accept="image/*" @change="changeImage()" ref="avatarInput" style="display:none" /> <div class="pic_list"> <div v-f ......
js判断文件类型详解
js判断文件类型详解 通过file的type属性判断 <input type="file" onchange="onchangecb(this)" /> <script> function onchangecb(e) { const file = e.files[0]; console.log(fi ......