- 博客(28)
- 收藏
- 关注
RSS订阅原创 element-ui中form验证报错滚动到当前错误位置
1.建一个errorFieldFind.js。element-ui验证报错跳转到相应位置。这里将方法作为一个公用的js。
2023-04-12 22:12:14
452
原创 使用three.js和CSS3DRenderer.js构建3D空间图片
分为两个部分，html部分和js引入部分，自己感兴趣也可以去three.js官网看，都有源码three.js gitHub库地址：https://github.com/mrdoob/three.jshttps://github.com/mrdoob/three.jsthree.js 官网Three.js中文网http://www.webgl3d.cn/html部分：<!DOCTYPE html><html> <head> <meta.
2022-02-28 17:55:03
1825
原创 使用echarts-for-react数据图表
针对于react数据图表首先项目下载依赖npm install echarts-for-react组件引入import ReeactEcharts from 'echarts-for-react'组件中使用： const [option, setOption] = useState({}) useEffect(() => { const seriesData = [3, 23, 33, 55, 46, 17] /** 最大值处理 */ cons
2022-02-28 16:37:00
595
原创 js格式化SQL语句
突然接到需求，我有一段SQL需要在前端显示，你看一下怎么样格式化展示好看，有点不知所措。然后自己查找资料找到了这个插件 sql-formatter ，是挺好用，但是像一些特殊符号之间也有添加一些空格，一些模板字符串的写法格式化有问题，这里我用了replace将sql-formatter格式化的字符串进行替换首先是下载依赖 npm install --save sql-formatter组件中引入import sqlFormatter from 'sql-formatter'；组件中使用：.
2022-02-25 15:15:17
2604
1
原创 html2canvas页面截图分享
<img :src="imgsrc" alt="" crossOrigin="anonymous"><divclass="qr-box"ref='imageWrapper'><divstyle="background:#fff;"><img:src='require("../../../assets/img/shopShare.jpg")'/><divid=...
2021-04-29 14:37:08
105
原创 js实现数据列表上下移动
//循环中的代码片段<div@click="shopList==false?tempSerial(productList,index):''"> <dz-svg-iconiconClass="arrow-up" :class="temp==index&&shopList==false?'actives':'arrow-up'"></dz-svg-icon></div><d...
2021-04-27 15:54:19
1166
原创 前端从后台请求到文件数据流导出
axios({method:'post', //请求方式url: '请求地址',data:postData,//post请求参数headers: '请求头内容',responseType:'blob'}).then((res)=>{constlink=document.createElement('a')...
2021-04-14 15:52:37
182
原创 动态切换，前端分类数据
将获取到的数据进行分割this.result = [];for(var i=0,len=res.data.length;i<len;i+=9){ this.result.push(res.data.slice(i,i+9));}将数据循环添加切换数据信息 this.result.forEach((item,k)=>{ if(k==this.result.length-1){ item.push({
2021-02-20 09:25:12
186
原创 防抖和节流
// 函数防抖是指在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。这可以使用在一些点击请求的事件上，避免因为用户的多次点击向后端发送多次请求。// 函数节流是指规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。节流可以使用在 scroll 函数的事件监听上，通过事件节流来降低事件调用的频率。// 函数防抖的实现function debounce(fn, wait) { var timer.
2021-02-09 10:49:41
98
原创 vue项目中js原生获取dom元素添加事件，获取不到dom元素？
js原生方法获取不到dom，无法添加事件原因是要获取的dom元素有v-if判断，在加载的时候判断还未执行所以无法获取建议将v-if换做v-show如果不想换v-if，可以在获取dom元素的方法前加一个延时器也可以获取...
2021-02-09 09:43:02
1726
原创 手指滑动轮播图（针对没有滑动效果的ui框架实现手指滑动）
data(){ return{ isautoplay:false } }, mounted(){ // 有if判断的dom元素添加一个延时器方便获取dom元素 setTimeout(()=>{ this.slideBanner() ...
2021-02-08 12:58:29
295
原创 element-ui下拉框添加添加数据按钮（自用）
<el-select v-model="form.labels" multiple :placeholder="$t('goods.qxz_content')" ref="template" @visible-change="(v) => visibleChange(v, 'template')" > <el-option v-for="(item, index) in labe...
2021-02-01 12:56:19
4780
3
原创 文件格式转化为blob格式和base64格式
varthat=this;varvideo=file.raw;//选择的文件varreader=newFileReader();varrs=reader.readAsArrayBuffer(video)reader.onload=(e)=>{letdata...
2021-01-05 15:42:55
502
原创 vue中table内容点击复制
js代码exportdefaultfunctionh5Copy(content){lettextarea=document.createElement("textarea")textarea.value=contenttextarea.readOnly="readOnly"document.body.appendChild(textarea)textarea.select()//选择对象textarea.setSelectionR...
2020-12-03 15:14:17
1329
原创 使用vant下拉菜单时，下拉菜单不能自适应？
找到下拉菜单是标签，给他修改样式/deep/.van-dropdown-item{position:absolute!important;height:100vh;top:100%!important;}
2020-09-08 09:50:48
1745
原创 git上传和下载流程
上传文件1.在git官网创建一个库2.创建本地的项目文件，右键3.创建.gitignore文本，过滤不上传的文件夹4.执行命令 touch .gitignore5.git add . 将当前目录下修改的所有代码从工作区添加到暂存区6..git commit -m "美团vue基础框架"（引号里面是注释内容）将缓存区内容添加历史区7.git log 查看历史版本 如果有历史信息说明提交成功8.上传到git网络仓库git push -u git@g
2020-07-16 20:12:58
399
1
原创 ES5与ES6的继承
继承是构造函数的高级应用，优化代码,防止重复冗余的代码产生子级构造函数,从父级构造函数,继承属性和方法,防止重复冗余代码的产生ES5的继承语法语法1:原型继承通过原型链,将子级构造函数和父级构造函数关联起来两个构造函数,无法直接关联,通过父级构造函数,生成的实例化对象来完成关联在子级构造函数prototype中添加父级构造函数,生成的实例化对象子级构造函数.prototype=new父级构造函数()语法2:通过构造函数继承只能继承属性通过ca...
2020-06-09 00:19:48
111
原创 简单了解闭包
什么是闭包概念:是js中,函数的一种高级应用方式作用:调用函数中局部作用域变量,在函数之外,可以直接使用正常情况下,只能使用return返回局部作用域变量的数值，要想调用使用就必须要使用闭包return只能返回一个数值,使用闭包的形式,可以返回调用,多个数值数据闭包的执行条件要使用执行闭包,必须要有3个条件,缺一不可1,在函数A中,直接返回一个函数B，函数A的返回值是另一个函数B2,函数B中,调用使用函数A中的局部作用域变量3,函数A外部有一...
2020-06-08 23:53:20
110
原创 AJAX中get与post的区别
get存储显示在浏览器地址栏中存储内容的大小,收到浏览器限制不同浏览器get存储数据大小,不同会被浏览器缓存不安全一般用于向服务器搜索数据post存储显示在请求体中...
2020-06-08 23:33:43
98
原创 AJAX请求的简单介绍
什么是ajax?a:async异步j:JavaScripta:andx:XML一个异步的JavaScript和XML的数据交互ajax请求ajax请求的本质:通过JavaScript方式,与后端程序以及数据库,进行交互ajax请求的基本过程原理通过ajax请求 向JavaScript定义好的程序，向后端发送请求以及数据，后端程序跟发送的请求以及数据,对数据库进行操作,并且获取操作结果，ajax请求,通过响应体,获取后端操作结果优点...
2020-06-08 23:31:47
249
原创 面向对象方法实现轮播图。
本次项目所需知识点：ES6构造函数class面向对象项目开始：先将轮播图的素材、结构框架和样式写好结构：//轮播图的区域<divclass="box">//轮播图图片...
2020-04-20 19:25:29
1169
3
原创 for循环,for...in循环,forEach循环遍历数组的区别
来自逆战班在小白分别介绍一下三种循环的用法for循环for循环是应用最广泛的循环形式适用于已知循环次数,循环嵌套情况语法形式： for循环()中的内容顺序不能改变for(定义循环变量的初始值;判断进入条件;步长){循环体}for循环的优点是,可以控制循环的起...
2020-04-06 16:18:48
247
原创 简单分析深浅拷贝的区别
来自逆战班的小白浅拷贝直接将一个引用数据类型的地址,赋值给另一个变量存储的,称为浅拷贝两个变量存储的是相同的内存地址,一个操作,另一个也会改变 vararr1=[1,2,3,4,5];//定义一个数组arr1，arr1变量中存储的是数组的内存地址//将arr1存储的内存地址,赋值给arr2,两个变量存储的是相同的内存地址...
2020-03-22 19:50:06
96
原创 冒泡排序和选择排序的区别和实现效果
来自逆战班的小白冒泡排序定义一个随机数组vararr1=[5,4,8,3,2,6,7,1,10,9];最外层循环---实现排序循环次数，循环次数不大于数组的数据单元个数，最后一次循环排序,会将最后两个数值的大小排序确定，不需要再次循环排序for(vara=0;a<=(arr1.length-1)...
2020-03-22 19:42:21
127
原创 JavaScript数据类型的转化(自动转化、强制转化)
来自逆战班的小白数据类型的转化在 JavaScript 程序中 , 变量中存储的数据类型没有限制所谓的数据类型转化,就是将当前数据类型转化为其他数据类型JavaScript中数据类型的转化,分为自动转化和强制转化JavaScript中数据类型的自动转化1.其他数据类型,自动转化为布尔类型在 执行 if 判断时 ,其他数据类型会自动转化为布尔类型 0 ''''...
2020-03-14 19:24:13
359
原创 移动端布局实现
来自逆战班的小白涉及知识点：字体图标：font-face（可以非常方便的改变大小和颜色） iconfont网站 1. 选择要用的图标，添加到对应的项目中。 2. 从项目进行下载 3. 把iconfont.css文件引入到html页面里. 4. 写对应的class="iconfont xxxxx"弹性布局（一维布局）...
2020-02-29 17:21:54
812
原创 css3 3D旋转相册带倒影的功能实现
来自逆战班的小白同学涉及知识点：1.定位 position: relative;（相对定位） position: absolute;（绝对定位）2.旋转 transform: rotateX()； rotateY()； rotateZ()； 单位deg ，顺时针为正值，逆时针为负值3.位移 transform: translateX(); translateY(); transl...
2020-02-22 18:12:02
768
2
Vuexy - MUI React Next.Js Admin Template后台管理模版
2023-11-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人