随笔分类 - CSS/HTML
摘要：应用场景 1. 很多时候，网页需要在不同尺寸大小的设备上显示出相同的效果，这就得用到自适应布局。用的比较多的是相对尺寸rem，这个时候需要获取页面的宽度来计算当前设备的rem对应的像素值。 2. 在页面的交互过程中，也经常需要获取页面的状态来实时动态调整。比如懒加载需要了解相应元素在页面中的位置，更
阅读全文
摘要：之前参加网易游戏笔试时，第一道大题就是问的requestAnimationFrame这个API，同时让说明这个API与setTimeout的异同。当时看到的时候完全不知道requestAnimationFrame是什么，直接放弃。想着回来还是得吧这个知识盲点给补上。 setTimeout setTi
阅读全文
摘要：table属性 table即表格，因此应用场景常常也是用来展示表格。比如12306中的车票信息等，还可以用来展示九宫格这一类的页面元素。 优点有：1. 兼容性好；2. 不用额外考虑垂直居中的实现；3. 结构化的展示数据更合理； 缺点：1.标签类别多，复杂；2. 不利于SEO。 table的width
阅读全文
摘要：伪类选择符归纳 伪类选择符比较多，不加以归类很难记清楚记全；我们可以先把他分为两类 + 和元素本身 状态 有关，类似于链接点击前，点击后 + 和元素在DOM结构中所处的 位置 有关，类似于第n个元素，或者奇数行。 一、和元素本身状态有关 1. ,`:visited :hover :active` +
阅读全文
摘要：oninput事件是元素value发生变化是立刻触发，而onchange是元素发生变化并且失去焦点时才会触发。
阅读全文
