three vue js

05-Vue小案例——购物车

## 效果图 ![image-20230525000044196](https://img2023.cnblogs.com/blog/2600375/202305/2600375-20230525000117849-312381587.png) ## 主要代码 index.html ```html ......
购物车 案例 Vue 05

01-Node.js介绍

## 01. Node.js是什么? pNode.js是一个基于V8 JavaScript引擎的JavaScript运行时环境。 ![image-20230512164824918](https://img2023.cnblogs.com/blog/2600375/202305/2600375-20 ......
Node 01 js

02-Node.js的包管理工具

## 00. 代码共享方案 模块化的编程思想,支持将代码划分成一个个小的、独立的结构。 我们可以通过模块化的方式来封装自己的代码,将之封装成一个工具; 这个工具我们可以让同事通过导入的方式来使用,甚至也可以分享给世界各地的程序员来使用; 假如,我们要将某个工具分享给世界上所有的程序员使用,有哪些方式 ......
工具 Node 02 js

springboot long js 长整形

项目中,数据库用bigint类型存储主键,java实体类中用long类型来存储对应的属性。这个时候前台通过ajax请求获取json数据时,使用了jackson来转换。但是javascript中number类型存储的长度小于long,精度为17位,超过17位的部分就会自动补0,而long类型数据是19 ......
springboot long js

Vue重用组件

### 1、是什么? ==这里主要是简单入门使用一下,复杂高阶的用法笔者暂时还没了解到== Vue重用组件是指可以被多个Vue实例重复使用的组件。这些组件可以包含自定义的状态和事件处理程序,并且可以在整个应用程序中共享。重用组件可以减少代码冗余,提高开发效率,并使代码更加模块化和可维护。 在Vue中 ......
组件 Vue

Vue 3+TS项目,找不到模块“xxx.vue”或其相应的类型声明问题

在项目根目录或 src 文件夹下创建一个后缀为 .d.ts 的文件,并写入以下内容: ```ts declare module "*.vue" { import { App, defineComponent } from "vue"; const component: ReturnType & { ......
模块 类型 项目 问题 Vue

java基于springboot+vue的书籍学习平台管理系统,学期学习论坛管理系统,附源码+数据库+lw文档+PPT

**1、项目介绍** 困扰管理层的许多问题当中,书籍学习将会是不敢忽视的一块。但是管理好书籍学习又面临很多麻烦需要解决,在工作琐碎,记录繁多的情况下将书籍学习的当前情况反应给相关部门决策,等等。在此情况下开发一款书籍学习平台,于是乎变得非常合乎时宜。 经过网上调查和搜集数据,我们可以发现书籍学习管理 ......
管理系统 系统 springboot 源码 学期

js前端fetch参数

const response = fetch(url, { method: "GET",//请求方式 headers: {//定制http请求的标头 "Content-Type": "text/plain;charset=UTF-8" }, body: undefined,//post请求的数据体, ......
前端 参数 fetch

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

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 ......
request js

Vue中this.$nextTick()的理解与使用方法

https://www.jb51.net/article/238332.htm https://blog.csdn.net/lzfengquan/article/details/118933093 ......
使用方法 nextTick 方法 this Vue

vue项目管理

## 1. 端口 ```JAVASCRIPT const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, devServer: { ......
项目管理 项目 vue

vue2实现高度过渡效果,函数式组件

1.首先创建src下创建utils文件夹,创建transition.js文件封装过渡组件 const transitionStyle = '0.3s height ease-in-out' const Transition = { // 进入前 设置el元素的transition,高度0 befor ......
函数 组件 高度 效果 vue2

Three.js教程:点、线、网格模型介绍

推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 点、线、网格模型介绍 经过前面几章学习相信你对点模型Points、线模型Line、网格模型Mesh已经有了大致了解,本节课就对点、线、网格模型模型进行简单总结。 点模型Points、线模型Line、网格网格模型Mesh ......
网格 模型 教程 Three js

理解JS中的Promise

通常JS代码是单线程的、按顺序执行的。当遇到网络数据传递、文件读写等耗时操作时,JS可以不必要等待生成结果,而是启用一个异步操作,继续执行后续的代码。 当耗时操作结束后,再回调其结果。例如: console.log("coding beginning !!") setTimeout(() => { ......
Promise

js 示例

<script> function gettime() { var date = new Date(); var timestr =date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+"&nbsp&nbsp"+ date.toT ......
示例 js

一步步完整搭建一个图纸管理系统(Django+Vue3)

# 图纸管理系统 ## 一、初步构建后端项目 ### 1、打开已经创建好的虚拟环境:激活activate(推荐使用虚拟环境)并创建项目 ![](https://img2023.cnblogs.com/blog/2240937/202305/2240937-20230524164953360-1300 ......
图纸 管理系统 Django 系统 Vue3

Nest.js + TypeOrm

# TypeORM 集成 ``` $ npm install --save @nestjs/typeorm typeorm mysql2/pg ``` 安装过程完成后,我们可以将TypeOrmModule导入到根目录中AppModule。 ``` import { Module } from '@n ......
TypeOrm Nest js

JS时间戳转日期(相互转化)

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结束,所以每次获取月份要加一;也就是当你 ......
月份 日期 代码

动态增加自动补全输入框 vue3 ts elementplus

父元素里这样 ` ` DomainItem1元素里这样 ``` {{ t("addto") }} ``` ![](https://img2023.cnblogs.com/blog/3004543/202305/3004543-20230524161943459-1882560835.png) 补全输 ......
elementplus 动态 vue3 vue ts

【算法学习前置】了解JS中的数组

## 介绍 此篇属于前端算法入门系列的第一篇,主要介绍常用的`数组方法`、`字符串方法`、`遍历方法`、`高阶函数`、`正则表达式`以及相关`数学知识`。 **文章主要包含以下内容:** - 数组常用方法 - 字符串常用方法 - 常用遍历方法&高阶函数 - 常用正则表达式 - 数学知识 ## 一、数 ......
数组 算法

【算法学习前置】了解js中的字符串

## 二、字符串常用方法 1. `chat()` 返回指定索引位置处的字符。类似于数组用中括号获取相应下标位置的数据。 ```js const str = 'abcdef' console.log(str.chat(2)) // 'c' console.log(srt[2]) // 'c' ``` ......
字符串 算法 字符

lodash.js初步使用 debounce(防抖)、throttle(节流)

<template> <a-input v-model.trim="value" placeholder="请输入" clearable @change="change"></a-input> </template> this.change = this.$lodash.debounce(this. ......
debounce throttle lodash js

Vue3——基于tdesign封装一个通用的查询组件

# 前言 基于`Vue3+TS+tdesign`封装一个通用的查询组件; > 临时写的一个demo ![](https://img2023.cnblogs.com/blog/1334215/202305/1334215-20230524142016695-820366351.png) # 内容 ## ......
组件 tdesign Vue3 Vue

vue父子组件通信

一:在子组件中通过this.$parent.event来调用父组件的方法 父组件: <template> <div> <child></child> </div> </template> <script> import child from './components/dam/child'; exp ......
父子 组件 vue

vue自动导入组件和自动导入类库 api

vue3 项目中,使用 vue 常用的 api 比如 vuex 的 api 或者 ref,reactive 等,以及导入多个自定义组件、UI 组件库的组件,都需要反复的手动导入,注册,很是影响开发体验,这里推荐 antfu 开源的两个插件,上链接: 自动导入组件 https://github.com ......
组件 vue api

JSON和JS对象区别

JSON 是一种纯数据格式,只包含属性,没有方法 JSON要求在字符串和属性名称周围使用双引号,单引号无效。 JSON中只有带引号的字符串可以用作属性,而JS中对象属性可以不加引号 JSON.parse()和JSON.stringify()可以用来转换 ......
对象 JSON

Vue3 引入 jquery

通过 js包的方法 引入 jquery 当然也可以用 npm install jquery --save-dev 方法 但 引用 js包 方法 配置相对简单,在npm遇到问题时可采用此种方式 一.下载 jquery压缩包 官网下载:jquery.com/download/ 二.在根目录下 publi ......
jquery Vue3 Vue