自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 文本转换a链接

自定义vue指令函数

2023-02-09 16:49:23 168

原创 关于el-tree组件的使用的小笔记

关于el-tree组件的使用今日设计到el-tree组件的使用,有些页面需要初始化的时候将所有的节点都设置为disabled状态,不可选,点击编辑按钮,则disabled为false可选当我们拿到后端返回的数据,如果是符合tree组件结构的时候直接进行循环递归的方法来动态设置每个节点的disabledsetDisabled(data,flag){for(var i =0;i<data.length;i++){data[i].disabled = flag;if(data[i].childr

2020-08-24 17:53:58 252

原创 逆战前行,我与Vue同进退,谈谈vue的那些技巧与坑

2020年是个躁动不安的年份,举国艰难,身为小百姓的我,只能牢牢记住党和国家的指示,坚决不出门。正是这样的情况,咱也能安安静静的学习。在前端的这条路上慢慢爬行。前端人应该都知道vue这个华人写的框架,用起来也太舒服了吧。利用率太高了。大大缩短了我们项目的时间。先来说说优点吧,组件的利用,太爽了,项目中有很多页面需要的功能都是有重复的,这就要我们祭出全局组件这个大招了,配置好,哪哪都能用。下...

2020-03-01 21:13:14 177

原创 js实现留言板的功能

简单的功能,涉及到拖拽,鼠标按住弹出框标题,实现拖拽到任意位置,关闭弹出框,再次点击添加,弹出框位置不变。<head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; user-select: none; ...

2019-12-16 20:01:13 802

原创 js面向对象之烟花效果

这个和之前一样,都是用到了多属性运动函数的。烟花散开呈现的圆形的效果CSS部分 <style> #box{ width: 80%; height: 600px; border: 2px solid red; background: #000; margin:20px auto; cursor: poin...

2019-12-11 23:32:03 193

原创 Js中利用面向对象实现轮播图

利用面向对象实现轮播图,按钮切图,及延时器自动切图。图片请自行准备啦,<head> <meta charset="utf-8"> <title></title> <style> .cont{width:1000px;height:260px;margin: 20px auto;position: relative;overfl...

2019-12-10 21:52:59 429

原创 JS实现滑动条拖拽

简单的滑动条拖拽效果,如果有什么错误,请多多指教 <style> * { margin: 0; padding: 0; user-select: none; //禁止用户选中 } .box { width: 500px; height: 20px; box-shadow: 0 0 1px #0000FF; border-rad...

2019-12-07 15:29:43 517

原创 JS实现输入未来一个日期,显示与当前时间的倒计时效果

主要利用new Date(),获取当前时间,new Date(“2020/1/24”)再使用暴力法直接设置我们需要的时间,用时间戳来准确计算两个时间相差多少毫秒,减少误差。其实这个也可以实现过去的日子与现在实时日期相差的天数,只需要改动我们需要的时间即可。代码中还添加了一些随机颜色,让效果看起来炫彩一点,其实也没啥用。。。<head> <meta charset="utf...

2019-12-01 23:26:58 1438

原创 Js实现进度条

实现简单的进度条,运用到setInterval,xx.style.width = “xxpx”;通常我们不在行内设置样式,所以这个代码一般用作设置,不用作获取。<head> <meta charset="utf-8"> <title></title> <style> *{margin: 0;padding: 0;} #b...

2019-12-01 23:12:12 243

原创 Js.数码时钟

下方是一个简单的数码时钟的书写。主要用到new Date(),定时器setInterval(),ES5新增选择器document.querySelectorAll; * { margin: 0; padding: 0; } #box { width: 510px; height: 100px; display: flex; justify-co...

2019-11-29 08:41:36 349

原创 JS中编写函数norepeat(arr) 将数组的重复元素去掉,并返回新的数组

在这之前写了个版本,测试发现有问题,并不是所有的都可以,这就很蒙蔽了。果然都是实践出真理。为题代码如下:function norepeat(arr) { for (var i = 0; i < arr.length; i++) { for (var j = 1 + i; j < arr.length; j++) { if (arr[i] == arr[j]) {...

2019-11-26 23:32:36 1556

原创 js中冒泡排序的写法

如果问题请指出,谢谢。 冒泡排序:两两比较 var arr = [5,7,2,9,1]; console.log(arr); // 1.确定比较次数 // 0-1 1-2 2-3 3-4 0~length-1-0 // 0-1 1-2 2-3 0~length-1-1 // 0-1 1-2 0~lengt...

2019-11-25 23:31:00 148

原创 利用JavaScript计算0,3之间能组成的奇数个是01、21、03、13、23、31

js编写一个函数,计算任意两个数字之间所能组成的两位数的奇数,数字必须是个位数,比如: 计算0,3之间能组成的奇数个是01、21、03、13、23、31首先,我们看到这个题目要知道分成几个步骤去写,需要用什么去写,简单的观察应该就知道是用函数去写,具体步骤如下。我们要按需一步步去思考。 function fn(a, b) { // 判断输入的两个数值是否超过10 if (a >...

2019-11-21 23:44:50 859

空空如也

空空如也

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

TA关注的人

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