自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 解决Element-UI el-upload组件,上传文件格式不符,依旧可以上传成功问题

上传组件中添加 :before-upload="beforeUpload"

2023-04-13 10:24:11 1279

原创 vue+element UI 实战点击按钮添加一组输入框

点击添加实验组 ,添加一组输入框,点击减号删除一组输入框 <el-button type="primary" style="margin-left:30px" @click="addItem">添加实验组</el-button> <div class="form" v-show="dialogForm" v-for="(item,index) in List" :key=...

2021-12-29 15:32:39 5249 1

原创 VUE+Element-ui 实战之新增和编辑按钮弹出框数据问题

实战场景描述在实际开发中会有创建会弹出弹出框,填写数据,进行保存,再次点击创建,数据保留,点击编辑按钮弹出框页面数据置空。弹出框设置 <el-dialog title="默认组" width="30%" :visible.sync="dialogFormVisible" ref="form"> <div class="form" v-show

2021-12-29 15:21:52 3011

原创 map filter reduce

map (让数组通过某种计算产生一个新的数组)map产生的数组相对于原数组来说,数组项的value产生变化。var newArr=arr.map(function(item,index){return item*2})reduce (让数组中的前一项和后项进行某种计算,并累计最终值)var add=arr.reduce(function(prev,next){return prev+next;})filter(筛选出数组中符合条件的值,返回一个新的数组)filte

2021-12-07 10:22:51 208

原创 斐波那契优化

什么是斐波那契数列?1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, 377, 610, 987, ...... 在种子数字 0 和 1 之后,后续的每一个数字都是前面两个数字之和。1.使用尾递归优化该方法函数调用自身,称为递归,如果尾调用自身,就称为尾递归。(递归非常耗费内存,因为需要同时保存成千上百个调用帧,很容易发生“栈溢出”错误(stack overflow),但对于尾递归来说,由于只存在一个调用帧,所以永远不会发生“栈溢出...

2021-12-06 23:44:40 324

原创 懒加载原理

1.懒加载原理就是在图片没有进入到可视区域的时候,先不给<img>的src赋值,这样浏览器就不会发送请求啦,等到图片进入到可视区域再给src赋值。懒加载的思路及实现实现懒加载的四个步骤先加载loading图片 判断哪些图片需要加载 隐形的加载图片 替换真图片加载loading图片,<img>标签中存放一张伪图片,自定义属性中存放一张真实图片如何判断图片进入到可视区域?当图片距离顶部的距离top-height等于可视区域和滚动区域高度之和时说明图片马.

2021-11-23 19:03:28 172

原创 map和forEach的区别

map和forEach的区别

2021-11-22 14:52:35 304

原创 js 数组去重

给定一个数组,去除重复值var arr=[1,2,5,5,4,5,7,1]代码如下:for(var i=0;i<arr.length;i++){for(var j=i+1;j<arr.length;j++){ if(arr[i]==arr[j]){ arr.splice(j,1) j-- } }} console.log(arr);随手记的,前端小白一枚,可以互相探讨问题,也随时等待大佬位临指导!!!!...

2021-08-21 12:09:22 109

原创 JS 鼠标跟随案例

图片随着鼠标进行移动css部分 <style> body { background-color: black; margin: 0px; padding: 0px; height: 1000px; } img { width: 50px; height: 50px;

2021-08-19 18:14:32 97

原创 js中Switch语句和if else 语句总结

if else 语句if else 语句有两种 一种是if(条件判断){输出语句}else{输出语句}第二种是if(){输出语句}else if{输出语句}else{输出语句}例题1:闰年案例(闰年能被4整除和不能被100整除,且能被400整除)var i=prompt("请输入一个年份") if(i%4==0&&i%100!=00||i%400==0){ alert('闰年') }e

2021-08-06 12:54:23 642

原创 js 三元运算

三元运算相当于简化版的if else 是对if else的简写格式为 条件表达式 ? 表达式1:表达式2意思就是如果条件表达式的结果为真,则返回表达式1的值,如果条件表达式的结果为假,则返回表达式2的值。例题用户输入数字,如果数字小于10则在前面补0,比如05,如果数字大于10,则不进行操作,例如20;案例分析用户输入一个数字 如果这个数字小于10,则在前面加一个0,如果大于10 ,则不进行操作。 使用一个变量用来接受返回的值,然后输出。var time=prompt('..

2021-08-05 21:06:43 462

原创 js常见隐式转换+类型题

隐式转换介绍在js中,当运算符在运算时,如果两边数据不统一,CPU就无法计算,这时编译器会自动将运算符两边的数据做一个数据类型转换,转成一样的数据类型再进行计算。这种由编译器自动转换的方式就称为隐式转换。例题:阅读以下代码选择出正确答案 ?var num1=10;var num2='20';var num3=num1+(num2>10);console.log(num3);A、1020 B、11 C、undefined D、10...

2021-08-04 18:29:30 198

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除