写法vue2 vue js
Vue使用:内联style动态绑定backgroundImage/background
1.直接在vue中使用style内联样式设置background或backgroundImage是无效的；比如这样写无效： <div style="background: url('../../assets/import/aa1.png')"> 内容。。。 </div> 2.必须使用拼接；但是直接拼 ......
初识Three.js
生成一个三角形 参考链接 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My first three.js app</title> <style> body { margin: 0; } </style> </head> <b ......
【访问者设计模式详解】C/Java/JS/Go/Python/TS不同语言实现
简介 访问者模式（Visitor Pattern）是一种行为型模式。它封装一个访问者类，把各元素类的操作集合起来，目的是将数据结构与数据操作分离。在不改变原有元素类数据结构的前提下，改变了元素类的执行算法。 当某些较为稳定的东西（数据结构或算法），不想直接被改变但又想扩展功能，这时候适合用访问者模式 ......
js基础之Array类型常用方法
栈：LIFO（last-in-first-out）后进先出 队列：FIFO（first-in-first-out）先进先出 数组方法 arr.pop() 返回最后一项的值 arr.push() 在数组最糊一项追加，返回当前数组长度 arr.shift() 返回第一项的值 arr.unshift() ......
js运行机制
1.单线程（浏览器脚本语言，用户交互、操作dom，如果为多线程，假设操作同一个节点，一个是增加、一个是删除，浏览器不知道该执行哪个，所以为了避免类似的问题，设计成为单线程） 2.h5允许创建多线程，但子线程受主线程控制，且不可操作DOM。 3.任务队列（同步任务、异步任务）： 同步任务：在主线程内的 ......
js基础-浮点精度
0.1 + 0.2 !== 0.3 原因：js的数据类型为Number，采用的是双精度（64位）。而数据计算，是转换成2进制进行，转换后的长度如果超过指定的长度，则会丢弃超出的部分，从而导致精度丢失。待计算完成后，又转化为原来的长度，所以大小会有变化。 常见解决浮点数精度问题的方法： 1.toFix ......
js基础巩固（一）
js基本数据类型： 1.Number( Int, Float, NaN, Infinity) 2.String (单引号、双引号包裹的) 3.Boolean（true, false） 4.Object(无序名值对)【引用类型】 5.Null（值为null，表示为空） 6.Undefined（值为un ......
Node.js安装及环境配置之Windows篇
一、安装环境 1、本机系统：Windows 10（64位） 2、Node.js：v14.7.20（64位） 二、安装node.js步骤(下载msi版本) 1、下载对应你系统的Node.js版本:https://nodejs.org/zh-cn/download/ 2、选安装目录进行安装 3、环境配置 ......
vue学习 第十一天 CSS3新特性 ---- 新增选择器（1、属性选择器 2、结构伪类选择器 3、伪元素选择器） / CSS3盒子模型（border-box总体宽度不变）/ 图片模糊、宽度计算 / 过渡（transition）
CSS3 新特性 1、CSS3 现状 1） 新增的CSS3特性有兼容性问题，ie9+才支持 2） 移动端支持优于PC 端 3.）不断改进中，应用相对广泛 2、CSS3 新增选择器 CSS3给我们新增了选择器，可以更加便捷，更加自由的选择目标元素。 1）属性选择器 2）结构伪类选择器 3）伪元素选择器 ......
java基于springboot+vue非前后端分离的网上商城购物系统、在线商城管理系统，附源码+数据库+文档+PPT
1、项目介绍 java基于springboot+vue非前后端分离的网上商城购物系统、在线商城管理系统，实现管理员：首页、个人中心、用户管理、商品分类管理、商品信息管理、订单评价管理、系统管理、订单管理，用户；首页、个人中心、订单评价管理、我的收藏管理、订单管理，前台首页；首页、商品信息、商品资讯、 ......
vue学习 第十天（2） HTML5的新特性 ----- 语义化标签（布局标签）/ 多媒体标签（video、audio）
目标： 能够说出3～5个HTML5 新增布局和表单标签 能够说出CSS3的新增特性有哪些 HTML5的新特性 HTML的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。 新特性都有兼容性问题，基本是IE9 + 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这 ......
vue学习 第十天（1） css高级技巧 ----CSS用户界面样式 / vertical-align属性应用 / 溢出文字用省略号显示 / 常见布局技巧 **css初始化的原因**
用户界面样式 1）鼠标样式 cursor li { cursor: pointer ;} 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 2、轮廓线 outline 给表单添加outline：0；或者outline：none；样式之后，就可以去掉默认的蓝色边框( 选中情况下 )。 3 ......
vue学习 第九天（2） css高级技巧. ---- 精灵图 / 字体图片 / CSS三角
学习目标： 1）精灵图 2）字体图标 3）CSS三角 4）CSS用户界面样式 5）vertical-align属性应用 6）溢出的文字省略号显示 7）常见的布局技巧 1、精灵图 1）需要精灵图的原因 （减少网页多张小图片的多次服务器请求） 网页中有很多小的背景图，过多的图片。会导致服务器频繁的接收和 ......
vue学习 第九天（1） 元素的显示与隐藏 display （不保留位置） / visibility （保留位置） / overflow （对超出的部分进行处理）
元素的显示与隐藏 本质： 让一个元素在页面中隐藏或者显示出来。 1、display属性，隐藏后不保留位置 1）display:：none；隐藏对象 2）display：block；除了转换为块级元素之外，同时还有显示元素的意思。 display 隐藏元素后，不再占有原来的位置。 2、visibili ......
Vue2入门之超详细教程八-计算属性
1、简介 计算属性： 1.定义：要用的属性不存在，要通过已有的属性计算得来 2.原理：底层借助Object.defineproperty方法提供的getter和setter 3.Get函数什么时候执行？ (1) 初次读取时会执行一次 (2) 当依赖的数据发生改变时会被再次调用 4.优势：与metho ......
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() 方法创建一个新数组，这个新数组由原数组中的每个元素都调用一次提供的函数后的返 ......
golang中一种不常见的switch语句写法
最近翻开源代码的时候看到了一种很有意思的switch用法，分享一下。 注意这里讨论的不是typed switch，也就是case语句后面是类型的那种。 直接看代码： func (s *systemd) Status() (Status, error) { exitCode, out, err := ......
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 ......