- 博客(6)
- 收藏
- 关注
RSS订阅原创 JS中的eventLoop事件循环以及宏微任务的个人想法阐述
1.线程与同异步首先，js只能是单线程语言，因为他是操作dom的话多线程是操作不了的。单线程意味着所有代码执行必须是一一先后执行。但若有像定时器那样的任务就会影响后续代码的执行影响dom渲染。所以js将任务机制分为同步任务和异步任务，任务在主线程(刚刚说的一条线程中)执行，同步的按顺序执行，异步的就先交给 其他模块 处理，有结果后 再把回调函数拿到 task Queue 任务队列中等待同步任务进行完后再执行。2.先不谈宏任务和微任务，先分同步任务和异步任务去做个初步理解3.现在把这个总的任务
2021-02-22 22:58:15
225
4
原创 flex定宽的原理(flex:1的作用)
我认为给子元素定属性 flex：1 (前提是父容器要是flex布局)这个定了flex为1的子元素的宽度计算为width= fatherWidth−没有定flex为1的所有元素的宽度和flex为1的元素的个数\frac{fatherWidth - 没有定flex为1的所有元素的宽度和}{flex为1的元素的个数}flex为1的元素的个数fatherWidth−没有定flex为1的所有元素的宽度和给个简单例子看看比如左边定宽，右侧自适应 #div1 { display: flex;
2021-02-22 15:37:34
1172
原创 关于margin-right使用不了的问题
先上html结构 <body> <ul> <li> <input type="checkbox" class="ol-check" name="" id="" value="" /> <h4>你好呀</h4> <a href="#" style="margin-right: 0;">删除</a> </li> </ul> </
2020-10-12 22:27:49
1135
原创 css margin使用避雷
行内元素使用margin问题行内元素可以使用margin-left跟margin-right。但是不能使用margin-top跟margin-bottom
2020-10-03 14:53:11
102
原创 关于绝对定位的使用要点（手风琴bug）
关于绝对定位的使用要点（手风琴bug）首先：上结构<div class="wrapper"> <ul> <li > <a href=""> <img src="王者荣耀手风琴-pic/1.1.png" class="small"> <img src="王者荣耀手风琴-pic/1.2.png" class='big'> </a> </li>
2020-09-29 20:41:27
513
原创 JS源码写个贪吃蛇
JS源码写个贪吃蛇1.写想好贪吃蛇的组成部分:首先是初始的蛇头蛇身,蛇头的运动是根据键盘的上下左右来的，需要用到键盘事件，蛇身必须跟着蛇头走后面新加的也是。再就是碰撞算法用于计算蛇头碰到食物后食物的位置发生随机改变以及自身蛇尾要加一块。所以后面引出食物的随机位置算法以及DOM操作让蛇体多加一截元素。最后就是判断游戏输的算法，那么下面我们细说。2.一些现成的或者容易找到的我们就不谈了，比如键盘事件和运动框架。我们说一下算法部分，首先是蛇运动出可视区的处理if(oEvent.keyCode==3
2020-09-18 11:43:28
189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人