写法vue2 vue js
Vue易错点收集
### 易错点解析 - 遍历嵌套数据:外层套里层,外层的数据得先有,由于里层的数据依赖外层,才能继续渲染 ``` - 数据格式类似这样: [ { id:1 name:'xxx' categoryChild:[...] // 继续上面的套路,包裹一个个对象,里面再包裹[]... } {...} {.. ......
vue---属性绑定:多个判断条件/class/style
我们在做VUE项目开发的时候，经常会遇到需要绑定多个判断条件，多个class，多个style的情况，下面就整理一下： 一、绑定多个判断条件 二、绑定多个class 1、绑定一个类名 <div :class="{'active':isActive}"></div> 或三元表达式： <div :clas ......
时间不等人，但 Moment.js 可以等你解决时间问题！
这篇文章介绍了 Moment.js 库，它是一个非常方便的 JavaScript 库，可帮助开发人员轻松处理日期和时间。前端通用框架VUE，React各版本中都有它的身影。该库具有广泛的功能和格式化选项，包括时区转换、日期算术、时间范围计算和本地化日期格式等。借助 Moment.js 库，无论是在网... ......
JS 读取文件流并压缩图片
<input id="uploadify" type="file" onchange="imgUp()" name="uploadify" accept="image/*"> function imgUp() { var file = $('#uploadify')[0].files[0]; var ......
封装vue基于element的select多选时启用鼠标悬停折叠文字以tooltip显示具体所选值
相信很多公司的前端开发人员都会选择使用vue+element-ui的形式来开发公司的管理后台系统，基于element-ui很丰富的组件生态，我们可以很快速的开发管理后台系统的页面（管理后台系统的页面也不复杂，大多都是分页查询类需求和增删改查）。但一个前端框架有优点，就必然会有一些缺点或bug存在，e... ......
VSCode的Minify自动压缩html css js插件
VSCode的Minify自动压缩html css js插件 11-26分类: VSCode25个赞 这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css ......
Three.js 进阶之旅：滚动控制模型动画和相机动画 🦢
本文将学习如何使用滚动控制 ScrollControls 来控制模型的的动画播放和相机动画，通过滚动鼠标滚轮或者上下移动触摸板，来控制模型的动画播放进度或者相机的方位视角，从而呈现出惊艳的视觉效果。通过本文的阅读和案例页面的实现，你将学习到的知识包括：R3F 生态中的 ScrollControls、... ......
富文本编辑器 quill.js 开发(四): 自定义格式扩展
## 前言 鉴于各种繁杂的需求，`quill.js` 编辑器也面临着各种挑战，例如我们需要添加“table”布局样式以适应邮件发送格式，手动扩展表情符号功能等等。本文将对这些可定制化功能进行讲解和实现。 ## 区分 format 和 module 首先需要明确的是，我们应该清楚自己所需的扩展具体是什 ......
06-Vue组件化基础
## 01. 组件化思想 当我们面对一个复杂问题的时候，常见的、高效的做法就是对复杂问题进行拆分， 将复杂问题拆分成一个个小的、简单的问题， 逐一解决小问题，再将处理好的小问题整合到一起， 如此解决复杂问题。  ## 主要代码 index.html ```html ......
01-Node.js介绍
## 01. Node.js是什么？ pNode.js是一个基于V8 JavaScript引擎的JavaScript运行时环境。 ![image-20230512164824918](https://img2023.cnblogs.com/blog/2600375/202305/2600375-20 ......
02-Node.js的包管理工具
## 00. 代码共享方案 模块化的编程思想，支持将代码划分成一个个小的、独立的结构。 我们可以通过模块化的方式来封装自己的代码，将之封装成一个工具； 这个工具我们可以让同事通过导入的方式来使用，甚至也可以分享给世界各地的程序员来使用； 假如，我们要将某个工具分享给世界上所有的程序员使用，有哪些方式 ......
springboot long js 长整形
项目中，数据库用bigint类型存储主键，java实体类中用long类型来存储对应的属性。这个时候前台通过ajax请求获取json数据时，使用了jackson来转换。但是javascript中number类型存储的长度小于long，精度为17位，超过17位的部分就会自动补0，而long类型数据是19 ......
Vue重用组件
### 1、是什么？ ==这里主要是简单入门使用一下，复杂高阶的用法笔者暂时还没了解到== Vue重用组件是指可以被多个Vue实例重复使用的组件。这些组件可以包含自定义的状态和事件处理程序，并且可以在整个应用程序中共享。重用组件可以减少代码冗余，提高开发效率，并使代码更加模块化和可维护。 在Vue中 ......
Vue 3+TS项目，找不到模块“xxx.vue”或其相应的类型声明问题
在项目根目录或 src 文件夹下创建一个后缀为 .d.ts 的文件，并写入以下内容： ```ts declare module "*.vue" { import { App, defineComponent } from "vue"; const component: ReturnType & { ......
java基于springboot+vue的书籍学习平台管理系统，学期学习论坛管理系统，附源码+数据库+lw文档+PPT
**1、项目介绍** 困扰管理层的许多问题当中,书籍学习将会是不敢忽视的一块。但是管理好书籍学习又面临很多麻烦需要解决,在工作琐碎,记录繁多的情况下将书籍学习的当前情况反应给相关部门决策,等等。在此情况下开发一款书籍学习平台，于是乎变得非常合乎时宜。 经过网上调查和搜集数据,我们可以发现书籍学习管理 ......
js前端fetch参数
const response = fetch(url, { method: "GET",//请求方式 headers: {//定制http请求的标头 "Content-Type": "text/plain;charset=UTF-8" }, body: undefined,//post请求的数据体， ......
js 中数组转树 递归方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
js中判断数组的几种方法
var a = []; 基于instanceof a instanceof Array; 基于constructor a.constructor Array; 基于Object.prototype.isPrototypeOf() Array.prototype.isProtypeOf(a); 基于g ......
request.js学习
import Vue from 'vue' import axios from 'axios' import store from '@/store' import {Modal, notification} from 'ant-design-vue' import { VueAxios } fro ......
Vue中this.$nextTick()的理解与使用方法
https://www.jb51.net/article/238332.htm https://blog.csdn.net/lzfengquan/article/details/118933093 ......
vue项目管理
## 1. 端口 ```JAVASCRIPT const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, devServer: { ......
vue2实现高度过渡效果，函数式组件
1.首先创建src下创建utils文件夹，创建transition.js文件封装过渡组件 const transitionStyle = '0.3s height ease-in-out' const Transition = { // 进入前 设置el元素的transition,高度0 befor ......
Three.js教程：点、线、网格模型介绍
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 点、线、网格模型介绍 经过前面几章学习相信你对点模型Points、线模型Line、网格模型Mesh已经有了大致了解，本节课就对点、线、网格模型模型进行简单总结。 点模型Points、线模型Line、网格网格模型Mesh ......
理解JS中的Promise
通常JS代码是单线程的、按顺序执行的。当遇到网络数据传递、文件读写等耗时操作时，JS可以不必要等待生成结果，而是启用一个异步操作，继续执行后续的代码。 当耗时操作结束后，再回调其结果。例如： console.log("coding beginning !!") setTimeout(() => { ......
js 示例
<script> function gettime() { var date = new Date(); var timestr =date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+"  "+ date.toT ......
一步步完整搭建一个图纸管理系统（Django+Vue3）
# 图纸管理系统 ## 一、初步构建后端项目 ### 1、打开已经创建好的虚拟环境:激活activate（推荐使用虚拟环境）并创建项目 
1、将时间戳转换成日期格式： function timestampToTime(timestamp) { // 时间戳为10位需*1000，时间戳为13位不需乘1000 var date = new Date(timestamp * 1000); var Y = date.getFullYear() ......
Js查询月份的开始和结束日期(附Ts转换代码)
月份开始和结束整体不是很复杂，使用new Date()方法自带获取最后一天的时间 new Date(a,b,c),传递参数 参数a：是要获取的年份参数b：是要获取的月份参数c：是要获取的日期 传递日期为0时获取的传递月份的上月最后一天时间月份是从0开始算起11结束，所以每次获取月份要加一；也就是当你 ......