three vue js
Fabric.js
Fabric.js是什么Fabric.js 是一个简化HTML5 Canvas开发的Javascript库，Fabric.js提供了HTML5 Canvas本身缺失的对象模型、交互层、SVG解析器以及其他一整套工具。它是一个完全开源的项目，在MIT下获得授权，多年来一直在维护，近期要发布4.0版本， ......
Vue 前端设计模式梳理
一、什么是设计模式？ 设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码，让代码更容易的被他人理解并保证代码的可靠性。 设计模式实际上是“拿来主义”在软件领域的贯彻实践，它是一套现成的工具，拿来即用。下面来看一下设计模式的设计原则。 二、设计几个原则 单一职 ......
js基础--复制
对象的复制 并没有真正的复制对象，而是复制了它的地址 使用 可以判断是否真正的复制 拷贝一般指创建了新对象，它和源对象不对等 潜拷贝与深拷贝 浅拷贝 ：一般对象的复制均为浅拷贝 只对对象的的地址进行拷贝，不对对象的属性进行复制 如slice只复制了第一层（ 结果为false） 深拷贝 ： 不仅复制了 ......
three.js 入门学习(一)
webGl和three.js http://webgl3d.cn/pages/aac9ab/ 图形学算法 Web3D WebGPU 下载 yarn add three @types/three 使用 import * as THREE from 'three'; onst scene = new T ......
js基础---数组
for-of 遍历可迭代对象 执行次数与对象个数有关 将对象元素依次赋值给变量 语法for（变量 of 可迭代对象）{ } 数组at（）用法 at（）：可以根据索引获取数组中指定元素，且可以设置负值。 -1为倒数第一个元素。 concat 用来链接两个或多个数组。 （非破坏性方法，不会影响原数组而是 ......
java基于springboot+vue非前后端分离的影城管理系统、影院销售管理系统，附源码+文档+PPT+数据库
1、项目介绍 本影城管理系统主要包括二大功能模块，即用户功能模块和管理员功能模块。 （1）管理员模块：系统中的核心用户是管理员，管理员登录后，通过管理员功能来管理后台系统。主要功能有：首页、个人中心、用户管理、电影类型管理、放映厅管理、电影信息管理、购票统计管理、系统管理、订单管理等功能。 用户前台 ......
第139篇:JS数组常用方法(map(),reduce(),foreach())
好家伙,本篇为MDN文档数组方法的学习笔记 Array.prototype.reduce() - JavaScript | MDN (mozilla.org) 数组方法这块的知识缺了,补一下 1.map()方法 map() 方法创建一个新数组，这个新数组由原数组中的每个元素都调用一次提供的函数后的返 ......
vue学习 第八天 定位5种 常见4种 加 粘性定位
学习目标 1）定位的4种分类 （四种定位）2）4种定位各自的特点 （4种定位各自的特点）3）常用子绝父相布局的原因 （子绝对、父相对布局）4）轮播图效果 5）显示隐藏的2种方式以及区别 定位 定位和浮动的不同 1）浮动可以让多个块级盒子一行没有缝隙排列品示 ，经常用于横向排列盒子。 2）定位则是可以 ......
vue2实现数据聚合【scatter-clustering】组件封装
实现如下效果： 效果展示：https://code.juejin.cn/pen/7228568245148581943 如果不会请移步到官网的栗子，请点击查看 直接给大家上代码： 整体代码片段 1 <template> 2 <div ref="echarts" style="width: 100%; ......
java基于springboot+vue前后端分离的超市进销存系统管理系统、超市管理系统，附源码+数据库+文档+PPT
1、项目介绍 超市进销存系统，通过这个系统能够满足超市进销存系统的管理及员工的超市进销存管理功能。系统的主要功能包括：首页、个人中心、员工管理、客户管理、供应商管理、承运商管理、仓库信息管理、商品类别管理、 商品信息管理、采购信息管理、入库信息管理、出库信息管理、销售订单管理、部门管理、岗位管理等功 ......
简单聊聊，使用Vue.js编写命令行界面,前端开发CLI的利器
Temir 介绍 Temir,一个用Vue组件来编写命令行界面应用的工具.开发者只需要使用Vue就可以编写命令行应用,不需要任何额外的学习成本. <script lang="ts" setup> import { ref } from '@vue/runtime-core' import { TBo ......
JS闭包理解
概念 在一个函数中嵌套另一个函数，嵌套（内部）函数对其容器（外部）函数是私有的。闭包是一个可以自己拥有独立的环境与变量的表达式（通常是函数，因为ES6有块级作用域的概念） 闭包是指有权访问另一个函数作用域中变量的函数。 闭包作用： 可以在函数外部访问到函数内部的局部变量； 让这些变量始终保存在内存中 ......
01_JS技巧
1.判断对象数据类型 示例代码如下 const isType = (type) => (target) => `[object ${type}]` Object.prototype.toString.call(target) const isArray = isType('Array') const ......
Vue插槽
1.匿名插槽 就是定义的时候不带name的插槽，使用的时候也不用带name 总结： （1）一定要分清定义插槽和使用插槽格式。如上图A是在使用一个插槽的基础上再继续定义一个匿名插槽。 （2）匿名插槽的使用可以加template也可以不加，例如图B和图C，那三个元素有没有用template包裹都一样会生 ......
Vue指令学习
1.指令的定义 指令 (Directives) 是带有 v- 前缀的特殊 attribute。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。 指令还有一些基本的要了解的就是指令的修饰符(.native，.stop，.prevent等)，动态参数(<a @[event] ......
用vue2封装轮播图组件
日常练习 用vue2封装轮播图组件，传入图片信息数组。 实现思想： 图片组添加translate动画，通过轮播到第几张图片作为参数，让图片组整体移动。 Carousel.vue <template> <div class="carousel"> <div class="carouselList"> ......
vue学习 第七天 清除浮动 （clear：xxx）
清除浮动 问题一、父元素不方便设置高度，子元素设置浮动（不占位置），父元素的高度会默认为0，就会影响下面的标准流的盒子。 总结： 子盒子浮动，父盒子失去高度，影响了整体布局 1、清除浮动的原因 由于浮动元素不再占用原文档流的位置，所以它会对后面的元素排版产生影响。这时就需要。清除浮动 2、清除浮动的 ......
vue学习 第六天 浮动 （float） 和 页面传统布局（标准流、浮动、定位）。
浮动（float） 1、传统网页布局的三种方式（3种） 网页布局的本质 用CSS来摆放盒子。把盒子摆放到相应位置。 CSS提供了三种传统布局方式（盒子如何进行排列顺序）： 普通流（标准流）、 浮动、 定位 2、标准流（普通流 / 文档流）就是 标签按照规定好默认方式排列 1）块级元素会独占一行，从上 ......
vue学习 第五天 css基础 --- ps操作 / 圆角边框(border-radius) / 阴影（盒子/文字）box-shadow / text-shadow
ps基本操作 1、ps的基本操作 2、ps快捷操作的位置 3、样式书写习惯 4、样式设置的小细节（注意） 1、图片设置width： 100% 这样图片的宽度就不会超过父容器的宽度。 2、块元素没有设置宽度，给margin左右是没有效果的。 3、块级元素独占一行，将块级元素改为行内块元素就可以与其他行 ......
unity发布到4399的webgl模式问题：FRAMEWORK.JS中的WEBREQUEST_SEND括号内的函数（不能有通讯代码）
在发布4399的时候，之前遇到过这个问题，解决方法当然就是删除这个函数啦。 步骤也很简单，但是刚开始摸不着头脑搞了好久，最后发现发布的时候有个加密选项，选择不加密，后面build的文件里面就可以进行打开修改，按照要求修改函数即可。 ......
Three.js#04#Responsive Design&Scenegraph
参考https://threejs.org/manual/#en/responsive和https://threejs.org/manual/#en/scenegraph 前者主要是说怎样创建一个响应式的three.js应用，就是在变化屏幕大小的时候，画面不会畸形。后者是再说，怎么组合小的组件变成一 ......
Node.js
macOS brew install node npm config set registry https://registry.npmmirror.com npm install --global pnpm pnpm config set registry https://registry.npm ......
如何将input里面的数值传输到servlet后台（利用vue+axios实现）
相关步骤 1、为input输入框加一个属性v-model 2、并相应设置一个button 3、vue里面的data定义上这个v-model值 4、因为获取到了相关的数值，需要将其传递到后台，用post方式 5、定义我们需要传递到url的数据 完成！ ......
js 复制/转换 window对象的全部属性内容 为字符串
控制台copy(window)不行，只得到[object Window] copy(JSON.stringify(window))也不行，报错Uncaught TypeError: Converting circular structure to JSON 需要定义一个处理循环结构的函数，可以参考h ......
删除vue项目下载的依赖包
1、删除 del node_modules 2、重新下载 npm i 3、强制删除 npm cache clear --force 时间：2023-05-01 晚上 ......
Vue3 新特性 笔记整理
一.基于Vite的构建 vite优点（可以快速构建vue项目比webpack打包更加快捷） 1.快速的冷启动 2.及时的模块热更新 3.真正的按需编译 举例：vite3构建vue3项目 npm init vite =>选择框架，选择类别 npm install 安装依赖 注：vite构建后的项目，不 ......
java基于springboot+vue的校园二手书交易管理、校园二手交易商城、校园二手交易管理系统，附源码数据库文档
1、项目介绍 本次设计任务是要设计一个乐校园二手书交易管理系统，通过这个系统能够满足乐校园二手书交易的管理员及卖家用户和用户二手书交易信息管理功能。系统的主要功能包括首页、个人中心、用户管理、卖家用户管理、图书分类管理、二手图书管理、求购图书管理、求购回复管理、留言反馈、系统管理、订单管理等功能。 ......
快速搭建vue
1.安装node.js node -v 2配置npm的全局安装路径npm config set prefix "E:\develop\NodeJS" 自己的安装路径 3切换镜像速度快 npm config set registry https://registry.npm.taobao.org 4n ......
chatGTP对js匿名函数的解答
前言 笔者在使用chatGTP的过程中发现它越来越聪明，它可以对一个问题连续的解答，也预示着chatGTP的出现，百度等搜索引擎的即将消亡，chatGTP是聪明的这令笔者是大吃一惊的下面是对chatGTP的问答内容 chatGTP对js匿名函数的解答 问1：能说说js中的匿名函数吗？ 答1： 当函数 ......