随风丶逆风的博客

从开始找前端offer到现在，自己记录的笔记很多，这些笔记有的是自己的想法，有的是从网上copy的关键部分，有的是直接挂了一个连接，有的是文章很精彩干脆就转载到了自己博客这边。所以现在整理了一下，干脆弄成一个系列，给将来打算找前端的人看看也是挺不错的，不过肯定存在很多纰漏，所以需要读者自行取舍。如果有错误还希望指正。这些知识点的主体来自于：https://github.com/brickspe...

总纲：前端面试知识点大全目录1.你会用什么工具来查找代码中的性能问题？2.调试工具3.增强网站的页面滚动效能3.1 不要随便让页面进入合成3.2高性能滚动 scroll 及页面渲染优化4.重排，重绘，合成4.1 概念4.2 优化方式5.合成层6.前端优化方法（包括前后端优化）6.1 后端优化6.2 前端优化方式之一6.3 前端优化方式之二...

总纲：前端面试知识点大全目录1.浏览器工作原理2.浏览器如何解析css，如何渲染css的2.1 构建DOM树2.2 构建CSSOM规则树（就是css规则树）2.3 渲染阻塞2.4 构建渲染树2.5 布局渲染树2.6 绘制渲染树3. CSS阻塞和JS阻塞3.1 js 的阻塞特性3.2 CSS阻塞特性3.3 嵌入JS的放置位置3.4 Javasc...

总纲：前端面试知识点大全目录1.断点续传的原理2.TCP协议2.1 TCP三次握手2.2 TCP四次挥手2.3 客户端等待2个MSL（报文最大生存时间）的原因2.4 为什么建立连接是三次握手，关闭连接确是四次挥手呢？2.5 TCP心跳机制（不会无限制保持长连接）3.一次URL请求的完整过程4.websocket4.1 websocket使用4.2 W...

总纲：前端面试知识点大全目录1.为什么传统上利用多个域名来提供网站资源会更有效1.1 常规原因1.2 非常规原因1.3 具体细说2.Long-Polling、Websockets 和 Server-Sent Event2.1 AJAX Polling，普通轮询2.2 AJAX Long-Polling2.3 HTML5 Server Sent Events (S...

总纲：前端面试知识点大全目录1.DOCTYPE（文档类型）的作用是什么？2.DOCTYPE（文档类型）有哪些？3.XHTML和HTML的区别4.浏览器标准模式 (standards mode) 、几乎标准模式（almost standards mode）和怪异模式 (quirks mode) 之间的区别是什么？4.1 产生的历史原因4.2 怪异模式有哪些怪异的行为5...

总纲：前端面试知识点大全目录1.判断Array的方式2.JS的设计模式2.1 MVC2.2 观察者模式和发布/订阅模式3.JS对象属性 数据属性和访问器属性4.轮播图5.valueOf()和toString()方法5.1 valueOf()5.2 toString()5.3 对比（同时存在时）6.jQuery插件写法6.1 函数式插件6.2 ...

总纲：前端面试知识点大全目录1.图片懒加载1.1 什么是懒加载1.2 手动实现懒加载2.各种高、宽度2.1 网页、屏幕的宽高2.2 浏览器窗口可视区域大小2.3 滚动大小2.4 客户区大小2.5 偏移量：2.6 坐标2.7 offsetParent及偏移大小2.8 页面偏移量3.实现页面加载进度条3.1 初级方法3.2 真实的获取内容...

总纲：前端面试知识点大全目录1.javascript调试工具2.对象遍历 和 数组遍历3.可变对象和不可变对象4.什么是事件循环 (event loop)5.let var const6.数组的方法7.web worker7.1 使用Web Worker7.2 关闭worker7.3 web worker可以访问的特性7.4 同域限制7.5 su...

总纲：前端面试知识点大全目录1.变量声明提升2.冒泡机制3.attribute 和 property4.document load 和 document DOMContentLoaded5.同源策略 (same-origin policy)6.strict模式7.请解释什么是单页应用 (single page app), 以及如何使其对搜索引擎友好 (SEO-fri...

总纲：前端面试知识点大全目录1.闭包 与 作用域、作用域链、执行环境1.1 闭包1.2 执行环境（执行上下文）1.3 作用域1.4 作用域链1.5 LHS（left-hand side）和RHS（right-hand side）查询1.6 小结2.匿名函数3.你是如何组织自己的代码？是使用模块模式，还是使用经典继承的方法？4.请指出以下代码的区别：fun...

总纲：前端面试知识点大全目录1.事件代理2.请解释JavaScript 中this 是如何工作的3.javascript继承3.1 原型链继承3.2 构造函数继承3.3 组合继承（构造函数继承和原型链继承的结合）3.4 寄生组合继承(目前最优)3.5 ES6继承3.6 ES6与ES5继承的区别4.为何Object instanceof Function和...

总纲：前端面试知识点大全目录1.css3动画1.1 animation语法：1.2 @keyframes语法2.布局之：左边定宽，右边自适应3.圣杯布局，双飞翼布局4.实现垂直居中和水平居中5.css预加载6.bootstrap原理7.less预处理器8.样式兼容9.link 和@import 的区别10.css样式注意点10.1 CSS 选...

总纲：前端面试知识点大全目录1.请解释你对盒模型的理解，以及如何在 CSS 中告诉浏览器使用不同的盒模型来渲染你的布局2.请罗列出你所知道的 display 属性的全部值3.请解释inline 和inline-block 的区别3.1 display:block3.2 display:inline3.3 display:inline-block4.请解释relati...

总纲：前端面试知识点大全目录1.如何为有功能限制的浏览器提供网页？2.有哪些的隐藏内容的方法？3.栅格系统 (grid system)3.1 Bootstrap3.2 Grid布局4.你用过媒体查询，或针对移动端的布局CSS 吗？5.如何优化网页的打印样式？6.在书写高效 CSS 时会有哪些问题需要考虑？7.使用 CSS 预处理器的优缺点有哪些？8.如果...

总纲：前端面试知识点大全目录1.CSS 中类 (class) 和ID 的区别2.请问 "resetting" 和 "normalizing" CSS 之间的区别？你会如何选择，为什么？3.请解释浮动 (Floats) 及其工作原理4.清除浮动5.描述z-index和叠加上下文是如何形成的？6.请描述 BFC(Block Formatting Context, 块格式化上...

总纲：前端面试知识点大全目录1.xss（跨站脚本攻击）1.1 概念1.2 防御手段2.csrf（跨站请求伪造）2.1 概念2.2 CSRF防御3. SQL注入3.1 概念3.2 防御手段4.DDOS4.1 概念4.2 例子4.3 解决方案1.xss（跨站脚本攻击）1.1 概念跨站脚本攻击（Cross-Site Scripting，...