indexOf 实例
摘要：
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 value：必需，规定需检索的字符串值。可选的整数参数。 index：规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。 ind 阅读全文
posted @ 2021-04-08 09:21 zhishiyv 阅读(91) 评论(0) 推荐(0) 编辑
DOM事件流
摘要：
DOM事件流 同时支持两种事件模型，捕获型事件和冒泡型，但是捕获型事件先发生，两种事件流会触及DOM中所有对象，从document对象开始，也在document对象结束。 添加事件 W3C标准的浏览器在添加事件时用addEventListener(event, fn, useCapture)方法，其 阅读全文
posted @ 2021-04-07 14:15 zhishiyv 阅读(48) 评论(0) 推荐(0) 编辑
宏任务和微任务
摘要：
宏任务和微任务 微任务 microtask称为jobs, 宏任务 macrotask称为task, 宏任务是由宿主发起的，而微任务由JavaScript自身发起。 常见的面试题： console.log('start') setTimeout(()=>{ console.log('setTimeou 阅读全文
posted @ 2021-04-07 10:29 zhishiyv 阅读(277) 评论(0) 推荐(0) 编辑
事件代理
摘要：
事件委托是指将事件绑定到目标元素的父元素上，利用冒泡机制触发该事件 ulEl.addEventListener('click', function(e){ var target = event.target || event.srcElement; if(!!target&&target.nodeN 阅读全文
posted @ 2021-04-06 17:10 zhishiyv 阅读(56) 评论(0) 推荐(0) 编辑
浏览器渲染页面
摘要：
浏览器渲染页面的一般过程： 1、浏览器解析HTML源码，然后创建DOM树。 2、浏览器解析CSS代码，计算出最终的样式数据，构建CSSOM树。 3、DOM Tree +CSSOM -->渲染树（rendering tree）。 渲染树和DOM树有点像，只是DOM树完全和html标签一一对应，但是渲染 阅读全文
posted @ 2021-04-06 16:56 zhishiyv 阅读(43) 评论(0) 推荐(0) 编辑
HTTP事务
摘要：
一次完整的HTTP事务是怎样的一个过程？ 1、基本流程： 域名解析 TCP三次握手 建立TCP连接后发起HTTP请求 服务器端响应HTTP请求 浏览器解析HTML 浏览器对页面重新进行渲染 阅读全文
posted @ 2021-04-06 15:53 zhishiyv 阅读(34) 评论(0) 推荐(0) 编辑
外部引用CSS
摘要：
link和@import 外部css导入方式一 <html> <head> <title>css导入</title> <link rel="stylesheet" type="text/css" href="../../xxx.css"> </head> <body> </body> </html> 阅读全文
posted @ 2021-04-02 15:23 zhishiyv 阅读(96) 评论(0) 推荐(0) 编辑
优雅降级和渐进增强
摘要：
渐进增强 progressive enhancement: 针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果，交互等改进，以达到更 好的用户体验。渐进增强是从一个非常基础的，能够起作用的下一个版本开始，并不断扩充，以适应未来环境的需要。 优雅降级 graceful deg 阅读全文
posted @ 2021-03-30 19:39 zhishiyv 阅读(50) 评论(0) 推荐(0) 编辑