- 博客(13)
- 收藏
- 关注
原创 关于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
327
原创 逆战前行,我与Vue同进退,谈谈vue的那些技巧与坑
2020年是个躁动不安的年份,举国艰难,身为小百姓的我,只能牢牢记住党和国家的指示,坚决不出门。正是这样的情况,咱也能安安静静的学习。在前端的这条路上慢慢爬行。前端人应该都知道vue这个华人写的框架,用起来也太舒服了吧。利用率太高了。大大缩短了我们项目的时间。先来说说优点吧,组件的利用,太爽了,项目中有很多页面需要的功能都是有重复的,这就要我们祭出全局组件这个大招了,配置好,哪哪都能用。下...
2020-03-01 21:13:14
225
原创 js实现留言板的功能
简单的功能,涉及到拖拽,鼠标按住弹出框标题,实现拖拽到任意位置,关闭弹出框,再次点击添加,弹出框位置不变。<head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; user-select: none; ...
2019-12-16 20:01:13
871
原创 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
235
原创 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
475
原创 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
780
原创 JS实现输入未来一个日期,显示与当前时间的倒计时效果
主要利用new Date(),获取当前时间,new Date(“2020/1/24”)再使用暴力法直接设置我们需要的时间,用时间戳来准确计算两个时间相差多少毫秒,减少误差。其实这个也可以实现过去的日子与现在实时日期相差的天数,只需要改动我们需要的时间即可。代码中还添加了一些随机颜色,让效果看起来炫彩一点,其实也没啥用。。。<head> <meta charset="utf...
2019-12-01 23:26:58
1538
原创 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
302
原创 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
386
原创 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
1638
原创 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
190
原创 利用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
974
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人