![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
浏览器
文章平均质量分 69
Eugene.Tom.Lee
To be or not to be that's a question!
展开
-
JS正则表达式
正则体验从字符串中找出数字str.match(/\d+/g);替换字符var reg = /is/g;str.replace(reg,"**");var reg = /\bis\b/g;str.replace(reg,"**");过滤关键词var reg = /淘宝|京东/g;str.replace(reg,"**");替换html标签var reg = /<[^<>]+>/g;str.replace(reg,"**");邮箱校验原创 2021-12-15 19:13:51 · 980 阅读 · 0 评论 -
JS事件、对象基础篇
事件对象 event事件对象兼容处理事件流事件冒泡事件冒泡指具体元素接受事件,然后逐级向上传播事件阻止事件冒泡 event.stopPropagation()案例: 下拉菜单鼠标事件鼠标移动 onmousemove获取坐标event.clientX 和 event.clientY是鼠标的可视区坐标通常情况需要加上滚动距离案例1: 随着鼠标移动的物体案例2: 随着鼠标移动的多个物体键盘事件键盘按下 obj.onkeydown键盘抬原创 2021-12-15 19:13:01 · 876 阅读 · 0 评论 -
使用JS完成动画
匀速动画匀速动画函数的要点 function aninamtion(obj,attr,iTarget){ //1.一开始关闭定时器是为了防止重复触发函数时有多个定时器工作加快动画执行 //2.定时器做为对象的参数是为了多个物体动画时不相互干扰 clearInterval(obj.timer); var iSpeed = 0; obj.timer = setInterv原创 2021-12-15 19:11:16 · 286 阅读 · 0 评论 -
DOM基础、定时器、BOM基础
DOM基础DOM节点介绍子节点节点的分类文本节点元素节点获取子节点的方法oParentNode.childNodes,返回一个数组,包含父节点中的所有文本节点和元素节点通过nodeType属性来判断节点的类型,1为元素节点,3为文本节点oParentNode.children,返回一个数组, 包含父节点中的所有元素节点父节点oNode.parentNode,子节点的父节点对象oNode.offsetParent,子节点绝对定位时,获取参考的原创 2021-12-15 19:10:04 · 676 阅读 · 0 评论 -
运算、函数、数组的了解
1. 算数加(+), 减(-), 乘(*), 除(/), 模(%),++,- -案例1:隔行变色案例2:秒变时间2. 赋值=, +=, -=, *=, /=, %=3. 关系<, >,<=,>=,,!=,=,!==4. 逻辑与(&&),或(||),否(!)5. 优先级括号()### 函数参数函数的参数,参数其实就是一个占位符号,只有在调用的时候才来赋值,经常变的部分用参数匿名函数,没有名字的函数就是匿名函数注意点:原创 2021-12-15 19:05:48 · 204 阅读 · 0 评论 -
简单了解什么是变量
1. 变量的类型Undefined 未定义未定义类型只有一个值undefined,这个值的意思是变量没有定义未定义有两种情况,一个是真的没有定义,一个是定义了但是没有赋值Null 空对象空对象类型只有一个值null,代表一个空对象指针Boolean 布尔类型布尔类型有两个值:true和falseNumber 数字类型用来表示数字可以表示整数和小数(也叫浮点数或者双精度数)String 字符串类型用单引号或者双引号括起来的字符序列原创 2021-12-15 19:02:59 · 561 阅读 · 0 评论 -
编程语法基础
语法基础区分大小写标示符(变量,函数,属性,参数的名字)的规则第一个字符必须是字母,下划线(_)或者美元符号($)其他字符可以是字母,下划线(_)或者美元符号($)或者数字命名一般采用驼峰大小写格式,即第一个字母小写,剩下的每个单词首字母大写不能用关键字,保留字做为标示符注释单行注释// 我是单行注释多行注释/*** 我是多行注释* */严格模式(strict mode)作用:告诉JS引擎切换到严格模式下解析代码,这种模式可以消除原创 2021-12-15 19:00:17 · 956 阅读 · 0 评论 -
浏览器的历史
浏览器的历史###浏览器的历史Tim Berners-Lee发明万维网的同时发布了第一款浏览器 Nexus,也叫www浏览器由于Nexus只能显示文字, 马克安德森在伊利诺伊大学开发了第一款可以浏览图片网页的浏览器 Mosaic1994年4月,马克安德森和吉姆克拉克成立了Mosaic Communication Corporation但是由于Mosaic的版权归伊利诺伊大学所有,并且伊利诺伊大学将技术转让给了Spy Glass公司,所以在1994年11月Mosaic公司改名为Netscape C原创 2021-12-15 18:58:26 · 601 阅读 · 0 评论 -
什么是WEB?如何学习web
什么是WEB?WEB就是网,比喻说咱们上的各种网站怎么样学好WEB?练习,敲代码兴趣不能钻牛角尖`WEB学什么?1.软件1.1编辑器(写代码的一个工具)sublime DW HB WS1.2 浏览器chrome firefox IE safari Opera注意点:这五款浏览器的内核是最基本的,其它的浏览器都是基于这五款浏览器内核开发的,所以说我吗学习这五款浏览器就能满足绝大多数的需求,因为Chrome浏览器运行速度快,市场占有流高,所以我门今后学习就用它。2.技术前端什么原创 2021-12-15 18:44:51 · 677 阅读 · 0 评论 -
浏览器渲染原理
浏览器渲染原理渲染过程浏览器接收到 HTML ⽂件并转换为 DOM 树当我们打开⼀个⽹⻚时,浏览器都会去请求对应的HTML⽂件。虽然平时我 们写代码时都会分为JS 、 CSS 、 HTML⽂件,也就是字符串,但是计算机 硬件是不理解这些字符串的,所以在⽹络中传输的内容其实都是0 和1 这些字节数据。当浏览器接收到这些字节数据以后,它会将这些字节数据转换为字符串,也就是我们写的代码。当数据转换为字符串以后,浏览器会先将这些字符串通过词法分析转换为标记 ( token ),这⼀过程在词法分析中叫做标记化原创 2020-09-28 20:38:43 · 160 阅读 · 0 评论 -
浏览器缓存机制(优化)
浏览器缓存机制缓存可以说是性能优化中简单⾼效的⼀种优化⽅式了,它可以显著减少⽹络传输所带来的损耗。对于⼀个数据请求来说,可以分为发起⽹络请求、后端处理、浏览器响应三个步骤。浏览 器缓存可以帮助我们在第⼀和第三步骤中优化性能。⽐如说直接使⽤缓存⽽不发起请求, 或者发起了请求但后端存储的数据和前端⼀致,那么就没有必要再将数据回传回来,这样 就减少了响应数据。接下来的内容中我们将通过以下⼏个部分来探讨浏览器缓存机制:缓存位置缓存策略实际场景应⽤缓存策略缓存位置从缓存位置上来说分为四种,并且各⾃有原创 2020-09-28 20:09:08 · 375 阅读 · 0 评论 -
关于浏览器的那些事情1【面试】
关于浏览器的那些事情11 事件机制document 往事件触发处传播,遇到注册的捕获事件会触发 传播到事件触发处时触发注册的事件从事件触发处往 document 传播,遇到注册的冒泡事件会触发,事件触发⼀般来说会按照上⾯的顺序进⾏,但是也有特例,如果给⼀个⽬标节 点同时注册冒泡和捕获事件,事件触发会按照注册的顺序执⾏// 以下会先打印冒泡然后是捕获node.addEventListener('click',(event) =>{console.log('冒泡') },false);nod原创 2020-09-23 19:42:35 · 226 阅读 · 0 评论