three vue js
vue3项目创建
1. 确保npm指令能够运行 - 官网下载nodejs Download | Node.js (nodejs.org) 安装完成后重启intellij 2. 终端输入 npm install -g create-vue 3. 终端输入 create-vue 新建vue项目 根据需要设置功能, 例： ......
JS中的4个for循环
JS中的4个for循环 介绍 在 ECMAScript5（简称 ES5）中，有三个循环。在 2015 年 6 月发布的 ECMAScript6（简称 ES6）中，新增了一种循环类型。他们是： for for in for each for of 一起来看看这4个 for 循环。 1、简单的for循环 ......
Three.js 材质的 blending
Three.js 材质的 blending // blending modes export type Blending = | typeof NoBlending | typeof NormalBlending | typeof AdditiveBlending | typeof Subtract ......
vue打包部署遇到的问题
网站上线中遇到的问题（跨域，404，空白页解决方案） 因为本人是后端开发工程师，对前端开发不了解，踩了很多坑，所以将踩过的坑分享出来，以供参考 网站地址：这里 这段时间将项目部署到服务器中引发了几个问题 第一个问题：跨域 一般跨域是由后端来解决的，但是由于项目中加入了追踪请求的日志，频繁option ......
开发实例：后端Java和前端vue实现文件上传和下载功能
首先，在Java的后端代码中，我们可以使用Spring框架来实现文件上传和下载功能。以下是一个简单的示例： 文件上传 首先，我们需要在html页面上创建一个表单，其中包含一个file类型的输入字段： <form action="/upload" method="POST" enctype="mult ......
js 环境
const jsdom = require("jsdom"); const CryptoJS = require("crypto-js"); const {JSDOM} = jsdom; const dom = new JSDOM(`<!DOCTYPE html><p>Hello world</p> ......
js--深拷贝和浅拷贝
一、栈（stack）和堆（heap） 栈(stack):由操作系统自动分配释放 ，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中的栈；每种数据类型占用的空间大小是固定的。 堆(heap)：一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收，分配方式倒是类似于链表； 二、基 ......
JS Date相关内容
记录一些与Date有关的使用技巧、兼容问题等。 new Date() 接收参数兼容性： 以下是所有浏览器都可支持的接收参数形式 var d = new Date(2011, 01, 07); // yyyy, mm-1, dd var d = new Date(2011, 01, 07, 11, 0 ......
vue - 实现文件的上传-字节流下载详细过程
前言这个需求一般是在有合同的地方用，首先不止一个地方用我们应该把他封装成一个简易的全局组件， 上传的时候封装成全局组件，传2个值，一个合同id，一个开关，下载的时候调用接口获取文档流下载 注意看下面的文件上传下载-细节有详细的过程和遇到的问题和解决方案 效果图接口配置import request f ......
[Vue]样式绑定 :class :style
1. class样式 写法:class="xxx" xxx可以是字符串、对象、数组。 1) 字符串写法适用于: 类名不确定，要动态获取。 2) 数组写法适用于: 要绑定多个样式，个数不确定，名字也不确定。 3) 对象写法适用于: 要绑定多个样式，个数确定，名字也确定，但不确定用不用。 2. styl ......
OpenTiny Vue 支持 Vue2.7 啦！
TinyVue 是一个实现了一套代码同时支持Vue2和Vue3的跨端跨框架前端组件库，近期即将发布的 v2.11.0 版本将支持Vue2.7，实现了对Vue框架的全面支持，下一步就是React啦！ ......
【2023最新10.25】全国建筑市场监管公共服务平台（四库一平台）js逆向
目录js逆向思路第一步抓包第一种破解方法，堆栈法python还原js扣代码还原第二种破解方法，搜索法完整代码效果展示 js逆向思路 第一步看请求网址的发起程序都有哪些 接在js文件搜索AES,MD5,等高频加密方式的字段 1 parse 2 decrypt 3 .toString() 4 Base6 ......
vue打包的时候删除 console 和 debugger
esbuild: { pure: VITE_DROP_CONSOLE ? ['console.log', 'debugger'] : [], supported: { // https://github.com/vitejs/vite/pull/8665 'top-level-await': tru ......
多线程指南：探究多线程在Node.js中的广泛应用
前言 最初，JavaScript是用于设计执行简单的web任务的，比如表单验证。直到2009年，Node.js的创建者Ryan Dahl让开发人员认识到了通过JavaScript 进行后端开发已成为可能，在后端开发中，用到最多的就是多线程以及线程之间的同步功能，今天小编就为大家介绍一下如何使用Nod ......
29-Vue脚手架-mixin 混入
mixin 混入 功能：可以把多个组件共用的配置提取成一个混入对象 使用混合： 1）第一步，定义混入 新建一个JS文件，比如mixin.js src/mixin.js // 分别暴露 export const hunhe1 = { methods:{ showName(){ alert(this.n ......
vue实现动态展开与折叠内联块元素
功能需求 当多个内联块元素（比如div）在一个固定宽度的父元素内自动排列换行时，如果这些元素的行数超过四行，那么默认折叠超出的部分，并在第四行末尾显示一个按钮供用户切换展开或折叠状态。在折叠状态下，为了确保展开/折叠按钮能够显示在第四行末尾，会隐藏第四行的最后一个元素。在展开状态下，所有元素都会显示 ......
vue3 watch 用法
<script setup> import { ref,computed,watch } from 'vue' const num = ref(1) const name = ref('ming') const obj = ref({name:'小明',age:30}) //watch 简单类型 / ......
[Vue]computed和watch的区别
computed 和 watch 之间的区别: 1. computed 能完成的功能，watch 都可以完成。 2. watch 能完成的功能，computed 不一定能完成，例如: watch 可以进行异步操作。两个重要的小原则: 1.所有被 Vue 管理的函数，最好写成普通函数，这样 this ......
vue中如何使用svg，以及碰到的相应问题
安装 cnpm install svg-sprite-loader --save-dev 创建svg文件夹存放svg图标 创建icons文件夹，在icons文件夹下创建svg文件夹存放本地svg图标。 vue.config.js 中配置svg图片 config.module.rule("svg"). ......
vue3 elementplus table表格内添加checkbox和行号
1.仅添加复选框 <el-table-column type="selection" width="55"></el-table-column> 2.添加复选框和文字行号在一列 <el-table-column> <template #header> <el-checkbox v-model="se ......
vue 首次加载项目,控制台报错: Redirected when going from "/" to "/login"
第一次加载加载页面时报错如下:Redirected when going from "/" to "/login" via a navigation guard. ![image](https://img2023.cnblogs.com/blog/1880163/202310/1880163-202 ......
JS树形数组扁平化
如题，有时候需要对树形数组深层去找符合字段的那一串json，苦于循环找太费劲，索引选择扁平化，找起来方便很多 let treeList = [{ id: '1', name: '水果', value: 3, children: [{ id: '1-1', name: '西瓜', value: 2, ......
js中使用css变量（vue）
html <div class="test" :style="{ '--backgroundColor': backgroundColor }"></div> js css .test { background-color: var(--backgroundColor); } ......
vue3 动态加载组件
<el-dropdown style="margin: 0px"> <el-button type="primary"> 视图 </el-button> <template #dropdown> <el-dropdown-menu> <el-dropdown-item v-for="dropItem ......
Jenkins配置java和vue构建环境
jdk，maven，node，localtime等配置可通过挂载的方式进行配置 前提条件是虚拟机中已配置好jdk，maven，node等环境 docker run --name jenkins -p 28081:8080 -p 50000:50000 -v /var/run/docker.sock: ......
next.js_路由
路由构建 以acme.com/dashedboard/settings路由为例 第一个/代表app目录 /dashboard代表app/dashboard目录 /dashboard/settings代表app/dashboard/settings目录 访问acme.com/会自动访问app/page ......
2023年值得使用的 Node.js 框架
2023年值得使用的 Node.js 框架 Hacker 2022-05-2623,542阅读10分钟 专栏： 前端随记 Node.js 是最受欢迎的 JavaScript 运行时，今天就来看看有哪些热门、值得使用的Node.js 框架。 1. Next.js Next.js 是一个用于生产环境的 ......
js 动态代理
// useProxy.js const useProxy = () => { const env_arr = ['document', 'window','navigator', 'localStorage'] const env = {} env_arr.forEach((value, inde ......
Vue无线滚动不触发问题
Vue的v-infinite-scroll="load" 会无线触发 要定义实际高度和可视高度之间关系 设置style="overflow:auto;height:calc(100vh - 49px)" 100vh = 100% <div class="box" style="overflow:au ......
转载 vue-cli5降级为vue-cli4
vue-cli5降级为vue-cli4 1.启动命令行，运行npm config ls -l，找到userconfig路径下的.npmrc文件进行删除； 2.输入where vue，把 vue vue.cmd 这两个文件删除； 3.输入vue -V，会显示 ‘vue’ 不是内部或外部命令，也不是可运 ......