10 2020 档案

前端常见安全防范问题
摘要：1. XSS XSS 简单点来说，就是攻击者想尽一切办法将可以执行的代码注入到网页中。 XSS 可以分为多种类型，但是总体上我认为分为两类：持久型和非持久型。 持久型也就是攻击的代码被服务端写入进数据库中，这种攻击危害性很大，因为如果网站访问量很大的话，就会导致大量正常访问页面的用户都受到攻击。 举 阅读全文
posted @ 2020-10-24 22:22 阿伮 阅读(521) 评论(0) 推荐(0)
为什么HTTPS比HTTP安全，以及两者的优缺点
摘要：超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。 为了解决HT 阅读全文
posted @ 2020-10-24 22:17 阿伮 阅读(760) 评论(0) 推荐(0)
chrome浏览器performance面板
摘要：前面的话 使用Chrome DevTools的performance面板可以记录和分析页面在运行时的所有活动。本文将详细介绍如何使用performance面板解决性能瓶颈 准备 【匿名模式】 匿名模式可以保证Chrome在一个相对干净的环境下运行。比如安装了许多chrome插件，这些插件可能会影响我 阅读全文
posted @ 2020-10-24 21:50 阿伮 阅读(890) 评论(0) 推荐(0)
requestAnimationFrame
摘要：实现动画效果的方法比较多，Javascript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画的API，那就是 requestAni 阅读全文
posted @ 2020-10-23 10:30 阿伮 阅读(142) 评论(0) 推荐(0)
重绘和回流
摘要：1. 什么是回流 当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候，这时候是一定会发生回流的，因为要构建render tree。在回流的时候，浏览器会使渲染树中受到影响的 阅读全文
posted @ 2020-10-23 10:10 阿伮 阅读(235) 评论(0) 推荐(0)
浏览器缓存机制
摘要：缓存可以说是性能优化中简单高效的一种优化方式了，它可以显著减少网络传输所带来的损耗。 对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求，或者发起了请求但后端存储的数据和前端一致，那么就没有必要再 阅读全文
posted @ 2020-10-22 19:50 阿伮 阅读(148) 评论(0) 推荐(0)
手写 call、apply 及 bind 函数
摘要：首先从以下几点来考虑如何实现这几个函数 不传入第一个参数，那么上下文默认为 window 改变了 this 指向，让新的对象可以执行该函数，并能接受参数 1. 那么我们先来实现 call 1 Function.prototype.myCall = function(context) { 2 if ( 阅读全文
posted @ 2020-10-22 11:48 阿伮 阅读(380) 评论(0) 推荐(0)
JS中的执行机制（setTimeout、setInterval、promise、宏任务、微任务）
摘要：1、执行机制 JS 是单线程的，处理 JS 任务（程序）只能一个一个顺序执行，所以 JS 中就把任务分为了同步任务和异步任务。同步的进入主线程先执行，异步的进入Event Table并注册函数，当指定的事情完成时，Event Table会将这个函数移入事件队列Event Queue，等待主线程内的任 阅读全文
posted @ 2020-10-22 10:45 阿伮 阅读(755) 评论(0) 推荐(0)