- 博客(12)
- 收藏
- 关注
原创 前端八股学习2.3之手写防抖函数
防抖在前端中有着很广泛的应用,为了防止短时间内同样函数不必要的大量执行,我们需要做防抖处理 function Debounce(fn, wait){ var timer = null; if(timer){ clearTimeout(timer); } timer = setTimeout(()=>{ fn.apply(context, args) },wait) } 文章为个人学习产物,仅供参考,借鉴全网文献学习 ...
2022-02-22 00:55:02 481
原创 前端八股学习1.3之选择器和权重
CSS选择器(节选部分) 1.类选择器:.class 选择指定类中元素 2.id选择器: #id 选择id为指定值的元素 3.通用选择器 : * 选择所有元素 4.element选择器:选择所有指定的元素 5.伪类选择器 : :hover 选择鼠标指针悬停的位置的元素 6.伪元素选择器: ::before 在选择的内容之前插入内容 权重 内联样式:1,0,0,0 如:style=" " ID选择器:0,1,0,0 如:#id=" " class | 伪类 | 属性选择器: 0,0,1,0 如:
2022-02-20 23:52:52 147
原创 前端八股学习2.2之手写sleep函数
实现sleep休眠函数 function Sleep(time){ return new Promise(resolve=>{ setTimeout(resolve, time); }) } (async function(){ console.log('start sleep in '+ new Date()); await Sleep(7000); console.log('end sleep in ' + new Date()); })()
2022-02-20 22:33:27 635
原创 前端八股学习1.2之‘+‘选择器和‘~‘选择器的区别
‘+’:相邻兄弟选择器 选择具有相同父元素的紧接在一个元素后的另一个元素 <style> h1 + p{ font-weight: bold; } </style> <h1></h1> <p>123</p>//这个123加粗了 <p>234</p> '~'查找指定元素后所有兄弟元素的选择器 <style> h1 ~ p{ font-weight: bold; } </s
2022-02-19 21:35:23 285
原创 前端八股学习2.1之手写instanceof方法
instanceof方法用来查看构造函数的属性是否出现在对象的原型链中的任何位置 function InstanceOf(A,B){ const Type = [ 'number', 'string', 'boolean', 'undefined', 'symbol' ] if(Type.includes(typeof(A))){ return false; } while(true){ if(A._proto_ ===null){ return false; }
2022-02-19 00:18:48 488
原创 前端八股学习1.1之flex布局
flex布局意为弹性布局,任何容器都可被指定为flex布局 //任意容器的flex布局 .container{ display: flex; } //行内元素的flex布局 .container{ display: inline-flex; } 应用flex布局容器的属性 1.flex-direction 主轴的方向 row: 主轴水平方向,起点在左端(默认值) row-reverse: 主轴水平方向,起点在右端 column: 主轴垂直方向,起点在顶部 column-reverse: 主轴垂直方向,
2022-02-17 22:21:15 238
原创 前端八股学习2.0之手写promise.all方法
promise.all()方法接受一个promise的iterable类型的输入并且只返回一个Promise实例 也就是将多个promise实例变成一个新的promise实例 function PromiseAll(lists){ return new Promise((resolve,reject) => { let PromiseRes = []; //接收promise实例的数量 let num = 0; //遍历lists中的实例对象 lists.forEach(item
2022-02-15 12:42:40 350
原创 前端八股学习1.0之flex:1的含义
flex: 1;===flex: 1 1 auto; flex: 1; flex-grow: 1; //空间扩展的比例 flex-shrink: 1; //空间收缩的比例 flex-basis: 0%; //空间扩展或收缩的基准值 综上所述flex: 1实现的效果是平分空间
2022-02-12 18:04:14 318
原创 软件工程-人事管理系统(三)
~~ 人事管理系统(三) ~~ 寄语 转眼间已经2022年了,先跟大家道一声新年快乐哇,新的一年有新的气象,但是突然想起去年CSDN的尾巴一直没有结掉,偶然间看到有人收藏了之前的人事管理系统二,或许写的文章也对其他人也能有帮助,那我就来把他更完啦,希望在学习的路上大家能够一起进步,获得自己想要的未来~ 部门管理 依旧是大气的黑金界面(这可能是本次项目我自己能找出来的唯一的亮点,哈哈哈) html部分 <template> <div class="deptbgc">
2022-01-02 12:50:38 859
原创 软件工程-人事管理系统(二)
~~ 人事管理系统(二) ~~ 人事管理系统的游客界面(这几天准备软考,代码敲的有所懈怠,虽然也没大佬来指点一二(狗头)) 游客界面的目的是让游客可以体验一下系统的功能 主流色调依旧是大气的黑金,布局采用上下盒子布局,下盒子拆分成两个盒子,上盒子用来放标题和返回按钮,下盒子左边用来存放功能按钮,右边显示功能按钮点击后所对应的功能页面 ...
2021-09-20 08:58:31 993
原创 软件工程-人事管理系统项目(一)
~~ 人事管理系统(一) ~~ 使用vue搭建前端,后端用springboot(一个软件工程的项目) 1.登录页面 背景采用黑金主题,让人事管理系统看上去更加大气 提供三种登录方法: 管理员登录可以拥有最高权限的操作, 用户登录可以进行基本的操作, 游客登录可以进入观看系统的功能 代码段 <template> <div class="headerimg"> <button class="okbtn">确定</button>
2021-09-09 20:22:08 3126
原创 关于学习链表的入门体验(数据结构)
关于学习链表的入门体验(数据结构) 关于链表入门,就是实现线性表,栈,队列的初始化,增加和删除。 三者有着许多的共同点,所以以类比的方法来记录学习的过程 首先是开头: 都有一个结构体构造函数 Struct Node{ Node *next;//指针域 char r;//数据域,这个char可以换成其他类型,也可以用模板类 }; 然后要先写一个类: 1.线性表 class SeqList{ SeqList();//构造函数,用于初始化 } ...
2020-10-14 13:59:57 96
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人