- 博客(6)
- 收藏
- 关注
原创 2021-01-09
数组方法口诀:剪切连接合并序、判断反转删除是、开头结尾各两个剪切 slice连接 join合并 concat序 sort判断 indexOf、lastIndexOf 、find、findIndex、includes反转 reverse删除 splice是 Array.isArray开头结尾各两个 unshift、shift、push、pop还有 toString转字符串、map遍历、filter过滤、Array.form字符串方法口诀:查看判断合并空、切割剪切转大小查看 char
2021-01-09 22:03:06 48
原创 2021-01-20
盒模型box-sizing:content-box(W3C盒模型,又名标准盒模型):元素的宽高大小表现为内容的大小box-sizing:border-box(IE盒模型,又名怪异盒模型):元素的宽高表现为内容 + 内边距 + 边框的大小。背景会延伸到边框的外沿浏览器渲染机制构建DOM树(parse):渲染引擎解析HTML文档,首先将标签转换成DOM树中的DOM node构建渲染树(construct):解析对应的CSS样式文件信息布局渲染树(reflow/layout):从根节点递归调用,计算每
2021-01-20 22:08:52 39
原创 2021-01-18
重绘和回流回流当渲染树中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建。这就称为回流(reflow)。重绘当渲染树中的一些元素需要更新属性,而这些属性只是影响元素的外观,风格,而不会影响布局的,则就称为重绘。区别回流必将引起重绘,而重绘不一定会引起回流。比如:只有颜色改变的时候就只会发生重绘而不会引起回流当页面布局和几何属性改变时就需要回流。防抖和节流防抖在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。典型的案例就是输入框搜索:输入结束后n秒才进
2021-01-18 22:08:25 44
原创 2021-01-16
几种事件类型窗口事件window.onload 当页面加载完成(页面结构、图片、css文件)时触发window.onscroll 当出现滚动条时触发window.onerror 当出现错误(img、input、script、style、资源加载失败)时触发window.onresize 当浏览器的窗口改变大小时触发键盘事件onkeydown 当键盘被按下 (不区分大小写,所有的功能都可以)onkeypres
2021-01-16 20:54:13 51
原创 2021-01-14
js中常见Tips_01获取元素的六种方式document.getElementById() 通过ID名获取document.getElementsByName() 通过name名获取document.getElementsByTagName() 通过元素(标签)名获取document.getElementsByClassName() 通过类名获取document.querySelector()document.que
2021-01-14 21:21:47 122
原创 2021-01-12
localStorage的存取与时间函数封装存function addLocal(){localStorage.setItem(“myArr”,JSON.stringify(arr));}取function getLocal(){var str = localStorage.getItem(“myArr”);if(str == null){arr = [ ];return}arr = JSON.parse(str)}封装时间函数function getTime(){var t
2021-01-12 21:57:37 58
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人