摘要：
Intersection Observer 交叉观察者 Mutation Observer 变动观察者 Resize Observer 视图观察者 Performance Observer 性能观察者 IntersectionObserver MutationObserver ResizeObser 阅读全文
摘要：
(function leftRightSyncScoll(){ //获取DOM let left = document.getElementById('left') let right = document.getElementById('right') // 绑定左右滚动事件 function b 阅读全文
摘要：
BOM对象；tips:为啥在这罗列下BOM，因为下面实现的两种路由模式中用到location、history中的属性和方法 window对象，JS顶层对象，其他的BOM对象都是window对象的属性； document对象，文档对象； location对象，浏览器当前URL信息； navigator 阅读全文
摘要：
全站变灰（纪念哀悼日可用） 问题：对于制定了filter样式且值不为none时，被应用该样式的元素其子元素中如果有position为absolute或fixed的元素，会为这些元素创建一个新的容器，使得这些绝对或固定定位的元素其定位的基准相对于这个新创建的容器。 解决办法1：可以将该样式应用到根元素 阅读全文
摘要：
tips：对于搜索引擎优化这个东西，可能给人的感觉是花钱就能解决的事情，也很少涉及的东西，MS的时候可能会问相关的点（我们只关心我们能做的）。 SEO(Search Engine Optimization)，即搜索引擎优化。 SEO是随着搜索引擎的出现而来的，两者是相互促进，互利共生的关系。SEO的 阅读全文
摘要：
WebSocket最大的特点就是服务器可以主动向客户端推送消息，客户端也可以主动向服务器发送消息，属于服务器推送技术的一种。 建立在TCP协议之上，服务器端的实现比较容易。 与HTTP协议有很好的兼容性。默认端口是80和443，并且握手阶段采用HTTP协议，因此握手时不容易屏蔽，能通过各种HTTP代 阅读全文
摘要：
长轮询：客户端向服务器发送ajax请求，服务器接收到请求后hold住连接，直到有新消息才返回响应信息并关闭连接，客户端处理完响应信息后再向服务器发送新的请求。 优点：在无消息的情况下不会频繁请求，消耗资源小。 缺点：服务器hold住连接会消耗资源，返回的数据顺序无保证，难以管理维护。 functio 阅读全文
摘要：
图片预览 DOM <img id='previewImg'/> <input id='selectImg' type='file'/> js function createObjectURL(file){ //兼容问题 if(window.URL){ return window.URL.create 阅读全文
摘要：
sessionStorage & localStorage HTML5中的Web Storage包括了两种存储方式，sessionStorage和localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结 阅读全文
摘要：
前言：之前是对于进程和线程的概念一点也不理解，公司内部分享的内容还介绍了这些东西所以我想先把进程和线程的概念弄清楚一下。 ps:如果感觉进程和线程的概念理解的不是很清楚也可以找后端给讲一下，重点还是放在理解 ps:本文针对基于webkit内核的Chrome浏览器进行分析 进程（process）和线程 阅读全文
摘要：
https协议 总是被问过https协议与http协议之间的区别，或是https协议相比http协议多做了些什么事情？ HTTPS（全称：Hyper Text Transfer Protocol over Secure Socket Layer 或 Hypertext Transfer Protoc 阅读全文
摘要：
http请求 其实这块的东西吧 我原本想把细节点写一遍后来想大概说关键点就行了， 总结一下关键点，复习的时候查一下就可以了，关键是平时工作中也可以总看到的东西，但是你可能不知道它属于什么范畴类的东西 http请求主要了解的几个点： 请求方式 就是GET HEAD PUT DELETE POST OP 阅读全文
摘要：
自己理解的TCP/IP的连接与断开（也就是之前都提到的三次握手、四次挥手） 客户端与服务端都有发送并接收消息的能力 先说人话 Client > Server 客户端告诉服务端：我有能力发送数据 Client < Server 服务端告诉客户端：我不光有能力发送数据，还有能力接收到你的数据 Clien 阅读全文
摘要：
浏览器缓存 注：MS总被问的问题，也算是高频问题，即使不问，在问你浏览器加载URL的时候可以在讲完CDN、DNS后把这个加上，然后就是域名解析得到IP地址之后，浏览器与服务器进行连接，中间涉及tcp/ip的连接与断开，可以谈连接三次握手、断开四次挥手，如果是https协议的话，可以说下多的是什么东西 阅读全文
摘要：
一个文件请求到服务器CDN的过程？ 着重看下CDN工作过程和DNS解析过程 CDN 由于在不同的地域或者不同的运营商的用户访问网站的响应速度存在差异，为了提高用户的访问速度，需要在用户和服务器之间增加一层中间层，使用户能以最快的速度，从最近的地方获得所需的信息，彻底解决网络拥塞，提升响应速度，是目前 阅读全文
摘要：
如何让网络请求更安全？ 这个讲解的范畴很大了，我看我们公司的技术分享上关于这个讲了很多，我可能没有理解那么多概念，之前一直对XSS、CSRF、sql注入、OS命令注入、点击劫持的概念都不明白，其实最开始XSS就不懂，面试的时候也有被问到过，只知道XSS是个跨站脚本攻击，相当于只知道个名字，其他一概不 阅读全文
摘要：
正则：https://juejin.im/post/5965943ff265da6c30653879 如有帮助请感谢掘金作者 *正则是衡量程序员水平的一个侧面标准* 这个知识点真的是我一直以来都是我知识点缺失的一块,以前也看过文档或是讲解的知识点的帖子看过一次了解一些又忘了,感觉很烦人的一个知识点尤 阅读全文
摘要：
&&叫逻辑与，在其操作数中找到第一个虚值表达式并返回它，如果没有找到任何虚值表达式，则返回最后一个真值表达式。它采用短路来防止不必要的工作。 ||叫逻辑或，在其操作数中找到第一个真值表达式并返回它。这也使用了短路来防止不必要的工作。在支持ES6默认函数参数之前，它用于初始化函数中的默认参数值。 fu 阅读全文
摘要：
递归：通常涉及涉及函数调用自身。 每个递归函数都必须有基线条件，即一个不再递归的条件，也就是停止点，以防止无限递归。 这是一种递归 function fn(param){ fn(param) } 这也是一种递归 function fn1(param){ fn2(param) } function f 阅读全文
摘要：
前言 其实一直对原生ajax和跨域的问题似懂非懂，理解的程度也不是很全面，所以打算整理一下知识点，现在一般交互使用现成的插件，也就是调用封装好的api实现交互，出现的问题对应也有解决的方式,，解决跨域问题也是只知道没有出现跨域问题，如何解决的了解的也不是很透彻，虽然现在可能有些方式用的不是很多了，但 阅读全文