前端优秀文章小整理~

收集了一些感觉写的不错的文章，如果有什么错误欢迎指正，希望有所帮助~

面试题, 文档模式总结（我感觉比较优秀）

1. 前端小册
2. 前端面试题总结
3. 帝都寒冬一年经验前端面试总结
4. 前端面试
5. 面试题, 文档模式总结
6. 史上最全的前端实习面试攻略，欢迎补充(求置顶)~~~~ 精
7. 2018最新Web前端经典面试试题及答案
8. Web前端面试指导
9. 2019春招面经大汇总！（岗位划分）
10. 前端面试题汇总
11. 如何通过饿了么 Node.js 面试
12. 前端面试之道
13. 入门：2019前端面试题–这样准备，拿不到offer算我输！
14. 2018前端校招总结
15. 2019前端面试题
16. 记2019前端面试题汇总
17. 前端面试题、知识点
18. webKnowledge
19. 如何拿到9家大厂的前端校招offer
20. 心谭博客
21. 前端进阶必备，github 优质资源整理分享！
22. JS ES6
23. 2018前端面试总结，看完弄懂，工资少说加3K
24. 前端面试题大集合：来自真实大厂的532道面试题
25. web前端面试总结(非常经典)
26. 20W字，上百个前端面试题的项目开源了
27. 关于 Git 的 20 个面试题
28. 前端常见面试题html/css，js，ES6，Vue，前端工程化等等
29. 2019前端面试题整理
30. 关于 webpack 的面试题有哪些？
31. 前端面试题库，备战明年金三银四
32. 2万5千字大厂面经 | 掘金技术征文
33. 李棠辉 ，沉静地闪光 ，刘小夕,浪里行舟，aSuncat
34. 微信公众号：较真的前端,前端工匠，前端真好玩，前端一万小时
35. 前端面试之道掘金小册
36. 由浅入深，66条JavaScript面试知识点

CSS & HTML

1. 前端性能优化：细说浏览器渲染的重排与重绘
2. 文档流：
   • CSS布局之脱离文档流详解——浮动、绝对定位脱离文档流的区别
   • 3D解释css脱离文档流
   • HTML 的文档流和文本流分别是什么?
3. 居中
   • margin 实现水平居中，垂直居中原理
   • CSS水平垂直居中常见方法总结
4. 如何解决margin塌陷以及margin合并
5. 浮动：
   • 几种常用的清除浮动方法
   • css清除浮动的原理
6. Flex 布局语法教程
7. 谈谈CSS预处理器
8. 几种高度
   • 搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop
   • 了解JS的clientX、pageX、screenX等方法来获取鼠标坐标详解
   • 获取屏幕宽高width(),outerWidth,innerWidth,clientWidth的区别
9. HTML5拖放API Drag and Drop

JS & ES6

1. 每个 JavaScript 工程师都应懂的33个概念
2. 春招季如何横扫 Javascript 面试核心考点(基础版)？
3. JavaScript深入系列15篇正式完结！
4. ES6阮一峰

1. 面试官问：JS的this指向
2. new操作符具体干了什么呢?
3. 作用域链，闭包：
   • 当面试官问你闭包时，他究竟想听到些什么？
   • JS闭包可被利用的常见场景
   • 征服 JavaScript 面试：什么是闭包？
   • 征服 JavaScript闭包
   • 作用域、作用域链、闭包（面试经历）
   • 前端计划——一道经典的JavaScript问题（含闭包、事件轮询、作用域等概念解释）
   • 详解前端网红经典面试题：setTimeout与循环闭包
   • JS中三种作用域详解（全局，函数，块级）
4. call、aply和bind
   • call、aply和bind方法的用法以及区别
   • 手动实现call() , apply() , bind()
5. Event Loop 这个循环你晓得么？(附GIF详解)
6. 垃圾回收机制
   • 浅谈Chrome V8引擎中的垃圾回收机制
   • v8的垃圾回收机制
   • 面试题——js垃圾回收机制和引起内存泄漏的操作
   • 面试题——js垃圾回收机制和引起内存泄漏的操作,堆栈区别
   • 简单了解JavaScript垃圾回收机制
7. Web前端面试指导(二十七)：原型是什么？原型链是什么？
8. 模块化
   • 前端面试之模块化 AMD与CMD的区别
   • 谈谈Js前端模块化规范
   • 前端模块化详解(完整版)
9. 原型链：
   • JS高级—原型链（一看就懂，但18岁以下请绕道）
10. js实现sleep效果
11. 跨域
    • 前端常见跨域解决方案（全）
    • 从原理分析CORS——我们到底是怎么跨域的
    • 前端开发如何独立解决跨域问题
    • jsonp跨域的安全问题
12. JS实现全排列
13. 按需加载——前端性能优化思想浅析
14. js–javascript中字符串常用操作总结、JS字符串操作大全
15. 节流，防抖
    • 函数防抖与函数节流
    • JavaScript专题之跟着underscore学防抖
    • JavaScript专题之跟着 underscore 学节流
    • 2019 面试准备 - JS 防抖与节流
    • 7分钟理解JS的节流、防抖及使用场景
16. JavaScript中in操作符(for…in)、Object.keys()和Object.getOwnPropertyNames()的区别
17. 理解 JavaScript 中的 for…of 循环
18. 深入理解 requestAnimationFrame
19. undefined与null的区别
20. promise,回调地狱等
    • 大白话讲解Promise（一）
    • 面试考察之Promise对象
    • promise理解，promise有关面试记录
    • ES6之Promise常见面试题
    • 深入浅出：promise优缺点
    • promise介绍–基础篇
    • 回调地狱的解决方式总结
    • ES6 Promise面试题以及用法介绍
    • 进阶 | 一篇让你彻底明白Promise原理的珍藏
    • 当面试官问你Promise的时候，他究竟想听到什么？
    • 一道JavaScript面试题, 考察多种回调写法
    • 如何理解async/await
    • 8张图让你一步步看清 async/await 和 promise 的执行顺序
21. 看完让你彻底搞懂Websocket原理
22. 如何让事件先冒泡后捕获
23. Ajax解决浏览器的缓存问题
24. 原生js实现拖拽功能基本思路
25. requestAnimationFrame
    • 深入理解 requestAnimationFrame
    • js动画最佳实现——requestAnimationFrame
26. typeof
    • 原理：根据二进制编码的前三位决定的，有string undefined function object number symbol boolean七种字符串类型
    • null是因为所有位都是0，所以前三位也是0，和object一样，所以返回object
27. 深入理解对象的数据属性与访问器属性

代码

节流防抖，
call、apply和bind
扁平化、柯里化、
promise原理、promise.all，promise封装ajax
手写闭包、
手写ajax
extend底层、$底层
cookie封装
串行ajax请求处理
url处理、深浅拷贝，instanceof，new

Cookie、Session、LocalStorage、SessionStorage

1. sessionStorage与localStorag
2. JS的本地保存localStorage、sessionStorage用法总结
3. 理解cookie、session、localStorage、sessionStorage之不同
4. 数据缓存sessionStorage、localStorage、cookie、session间的区别与联系
5. Cookie、LocalStorage 与 SessionStorage的区别在哪里？
6. 彻底理解cookie,session,localStorage(附代码)
7. Cookie 还是Token，这是一个问题
8. Cookie，Session和Token概念的正确理解
9. Session和Token的区别
10. token与sessionId的区别——学习笔记
11. 关于Cookie的原理、作用，区别以及使用
12. Cookie的简介与使用
13. Cookie用法大全
14. 详说 Cookie, LocalStorage 与 SessionStorage

XSS和CSRF

1. 如何防范XSS和CSRF？
2. web前端攻击技术与防范——XSS、CSRF、网络劫持、控制台注入、钓鱼
3. 用大白话谈谈XSS与CSRF
4. 前端如何防范XSS

Vue

1. Vue.js 技术揭秘
2. Vue技术内幕
3. Vue面试中，经常会被问到的面试题/Vue知识点整理
4. 很全面的vue面试题总结
5. vue 248+个知识点（面试题）为你保驾护航
6. 公司要求会使用框架vue，面试题会被问及哪些？
7. 30 道 Vue 面试题，内含详细讲解

1. 谈谈VUE种methods watch和computed的区别和联系
2. 双向绑定
   • 面试总结：vue实现数据双向绑定的原理
   • 通俗易懂了解Vue双向绑定原理及实现
   • 深入浅出Object.defineProperty()
3. 实现非父子之间通信，兄弟组件之间的数据传递–eventBus
4. vue-router两种模式:hash模式和history模式
5. v-if和v-show的区别
6. 对keep-alive 的了解
7. 虚拟DOM
   • 详解Vue中的虚拟DOM
   • 浅析虚拟dom原理并实现
8. 如何写好一个组件
   • Vue组件编写小结
   • 怎么写好组件
   • 前端项目的总结——为什么要组件化
9. 为什么defineProperty不能检测到数组长度的变化
   10.珠峰前端vuex和vue-router源码讲解

网络

1. 图解http
2. 搞定计算机网络面试，看这篇就够了（补充版
3. 面试/笔试第一弹 —— 计算机网络面试问题集锦
4. 计算机网络与HTTP面试常见知识点汇总

1. 网络七层协议的通俗理解
2. 请求方法：
   • HTTP常用方法
   • HTTP请求方法
3. HTTP请求行、请求头、请求体详解
4. HTTPS
   • HTTPS中的S是什么
   • 公钥，私钥和数字签名
   • https原理：证书传递、验证和数据加密、解密过程解析
5. 三次握手与四次挥手
   • 通俗大白话来理解 TCP 协议的三次握手和四次分手
   • TCP的三次握手与四次挥手理解及面试题（很全面）
   • 2019 面试准备 - JS 防抖与节流(里面有TCP连接呦)

操作系统，设计模式，数据库

1. 面试/笔试第二弹 —— 操作系统面试问题集锦

浏览器相关

1. 浏览器加载、解析、渲染的过程
2. 深入理解浏览器的缓存机制
3. 从输入URL到浏览器显示页面发生了什么
4. 浏览器多个标签页之间的通信:
   • 跨窗口通信的几种方法
   • 如何实现同一浏览器多个标签页之间的通信（一）——localStorage
   • 浏览器多个标签页之间的通信
   • 实现多个标签页之间通信的几种方法(sharedworker)
   • 实现两个窗口通信方法－postMessage

前端工程化，项目架构

其他

1. 前端项目架构小结
2. webpack
   • webpack面试题
   • 关于webpack的面试题总结
3. Nginx 相关介绍(Nginx是什么?能干嘛?)
4. 堆与栈的区别
5. koa
6. express
7. APM主动监测VS被动检测
8. Web Quality - 无障碍(WAI)
9. 谈一谈正向代理和反向代理

简答

1. event loop
2. 重绘、重排
3. 前端安全
4. TCP握手、挥手
5. HTTPS，HTTP2.0，WebSocket
6. 强缓存、协商缓存
7. 继承方式
8. 性能优化，前端SEO优化，安全、性能优化，前端性能优化常用总结
9. URL输入
10. 跨域，多标签通信
11. 模块化
12. 生命周期(keep-alive、 钩子函数等)
13. 各种尺寸移动端适配

前端新技术

1. 2018前端总结 和2019 前端流行趋势
2. Progressive Web App(PWA)
3. 前端布局是响应式好？还是手机和PC端分开来写好？

国内前端团队和大神

1. 前端团队博客
2. 国内外前端大神
3. 细数国内外前端大牛的知乎与博客
4. 你的职业规划是什么?

项目方面

1. vuejs+koa2+mysql全栈开发个人博客的
2. vue mixins组件复用的几种方式
3. Vue音乐播放器(二)
4. 当 better-scroll 遇见 Vue
5. Vue 项目架构设计与工程化实践
6. 基于Vue.js的音乐播放器（Webapp）
7. 移动端适配，调试，首页白屏问题
8. 跨域，JSONP的安全性问题，缺点等
9. qq音乐数据，是否数据库存储，登录状态怎么存储的
10. 图片懒加载原理，位置高度怎么处理
11. 前端优化方案，具体