浏览器
ygx_work
好好学习,天天向上
展开
-
笔记 前端需要了解的浏览器兼容问题
css兼容性问题不同浏览器的标签默认的外补丁和内补丁不同,解决方案:用通配符*来设置各个标签的内外补丁是0(即设置margin和padding为0);div的垂直居中问题 vertical-align:middle;文字居中:将行距增加到和整个div一样,高line-height=行高;margin加倍问题:设置为float的div在ie下的margin会加倍。解决方案:为这个div设置样式:display:inline;js兼容性问题在标准的事件绑定中绑定事件的方法函数为addEventL原创 2020-05-24 16:52:30 · 289 阅读 · 0 评论 -
笔记 前端需要了解的浏览器向服务器的请求方式
GET:获取数据POST:提交数据HEAD:请求头信息PUT:上传文档到服务器DELETE:删除远程服务器上的某个文档OPTION:本地环境请求接口的时候,每次请求接口之前都会多一次OPTIONS请求原创 2020-05-24 16:38:05 · 311 阅读 · 0 评论 -
笔记 前端需要了解的jsonp的原理
通过动态创建script标签,其scr指向非同源的url,并传递一个callback参数给服务端,服务器返回一个以callback参数作为函数名的函数的调用和一系列参数,页面接收到响应后执行回调并对数据进行处理。优点:JSONP可以跨越同源策略,实现跨域传输,不像XMLHttpRequest对象实现的Ajax请求那样受到同源策略的限制;JSONP兼容性更好,在更加古老的浏览器中都可以运行,不需要XMLHttpRequest或ActiveX的支持;在请求完毕后可以通过调用callback的方式回传结原创 2020-05-21 20:37:47 · 152 阅读 · 0 评论 -
笔记 前端需要了解的同源策略
同源策略简单的说就是一段脚本只能读取来自于同一来源的窗口和文档的属性,这里的同一来源指的是主机名、协议和端口号的组合。其实主要是用来防止 CSRF 攻击的。简单点说,CSRF 攻击是利用用户的登录态发起恶意请求。也就是说,没有同源策略的情况下,A 网站可以被任意其他来源的 Ajax 访问到内容。如果你当前 A 网站还存在登录态,那么对方就可以通过 Ajax 获得你的任何信息。...原创 2020-05-21 20:33:30 · 207 阅读 · 0 评论 -
笔记 浏览器内核
IE: trident内核Firefox:gecko内核Safari:webkit内核Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核Chrome:Blink(基于webkit,Google与Opera Software共同开发)原创 2020-05-17 16:57:22 · 97 阅读 · 0 评论 -
笔记 前端需要了解的浏览器缓存机制
缓存可以说是性能优化中简单高效的一种优化方式了,它可以显著减少网络传输所带来的损耗。对于一个数据请求来说,可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一步和第三步骤中优化性能。缓存位置从缓存位置上来说分为四种,并且各自有优先级,当依次查找缓存且都没有命中的时候,才会去请求网络:Service Worker;Memory Cache;Disk Cache;Pus...原创 2020-05-01 11:14:29 · 220 阅读 · 0 评论 -
笔记 前端需要了解的关于浏览器的基础知识点
事件机制事件触发有三个阶段:window 往事件触发处传播,遇到注册的捕获事件会触发;传播到事件触发处时触发注册的事件;从事件触发处往 window 传播,遇到注册的冒泡事件会触发事件触发一般来说会按照上面的顺序进行,但是也有特例,如果给一个 body 中的子节点同时注册冒泡和捕获事件,事件触发会按照注册的顺序执行。注册事件通常我们使用 addEventListener 注册事件,该函数的...原创 2020-04-30 15:35:47 · 201 阅读 · 0 评论 -
浏览器中的 Event Loop及异步代码执行顺序
当Event Loop遇到异步的代码时,会被挂起并在需要执行的时候加入到 Task(有多种 Task) 队列中。一旦执行栈为空,Event Loop 就会从 Task 队列中拿出需要执行的代码并放入执行栈中执行,所以本质上来说 JS 中的异步还是同步行为。不同的任务源会被分配到不同的 Task 队列中,任务源可以分为微任务(microtask) 和 宏任务(macrotask)。在 ES6 规...原创 2020-04-30 15:01:38 · 351 阅读 · 0 评论 -
笔记 前端需要了解的安全防范知识点
XSS 攻击XSS 简单点来说,就是攻击者想尽一切办法将可以执行的代码注入到网页中。XSS 可以分为多种类型,但是总体上我认为分为两类:持久型和非持久型。持久型也就是攻击的代码被服务端写入进数据库中,这种攻击危害性很大,因为如果网站访问量很大的话,就会导致大量正常访问页面的用户都受到攻击。非持久型相比于前者危害就小的多了,一般通过修改 URL 参数的方式加入攻击代码,诱导用户访问链接从而进行...原创 2020-05-01 13:40:15 · 215 阅读 · 0 评论 -
笔记 前端需要了解的浏览器渲染原理
执行渲染也有一个渲染引擎,渲染引擎在不同的浏览器中也不是都相同的。浏览器接收到 HTML 文件并转换为 DOM 树。在网络中传输的内容其实都是 0 和 1 这些字节数据,浏览器会将这些字节数据转换为字符串。当数据转换为字符串以后,浏览器会先将这些字符串通过词法分析转换为标记(token),这一过程在词法分析中叫做标记化(tokenization)。标记还是字符串,是构成代码的最小单位。当结束标...原创 2020-05-01 11:31:05 · 216 阅读 · 0 评论