前端汇总(持续更新...)

[jtwang7]

JavaScript

• 原始值和引用值类型及区别
  • 【JS 进阶】你真的掌握变量和类型了吗
• 判断数据类型typeof、instanceof、Object.prototype.toString.call()、constructor
  • 【JS 进阶】你真的掌握变量和类型了吗
• 类数组与数组的区别与转换
  • JavaScript 类数组对象与 arguments
  • 类数组转化
• 数组的常见API
  • js 数组详细操作方法及解析合集
• bind、call、apply的区别
  • 「干货」细说 call、apply 以及 bind 的区别和用法
• JS 的四种函数调用方式
  • JS 中的函数调用
• 函数柯里化及其通用封装
  • 「前端进阶」彻底弄懂函数柯里化
  • my-issue: CodeShredded - 函数柯里化
• BOM 的 location 对象
  • 浏览器Location 对象，URL 对象，URLSearchParams 对象简析
  • my-issue: JS BOM 篇 - location 对象
• DOM 及 DOM 扩展
  • 通读《JavaScript 高级程序设计》(第 4 版) (第 14 章 DOM；第 15 章 DOM 扩展；第 16 章 DOM2 和 DOM3) P401 - P489
• Event-Loop 事件循环 & 宏任务与微任务
  • my-issue: JS 基础篇 - 宏任务与微任务 & EventLoop事件循环
• DOM 级别事件绑定
  • 《JavaScript 高级程序设计》(第 4 版) (事件处理程序 P493 - 498)
  • my-issue: JS 事件篇 - 事件处理程序
• JS 闭包及其应用场景
  • my-issue: JS深入浅出 - 闭包
• JS 中的垃圾回收机制和内存泄漏
  • JavaScript中的垃圾回收和内存泄漏
• JS 原型/原型链/继承
  • 《JavaScript 高级程序设计》(第 4 版) (P220 - 248)
• JS 事件流(冒泡/捕获)
  • 《JavaScript 高级程序设计》(第 4 版) (P490 - 492)
  • my-issue: JS 事件篇 - 事件冒泡 & 捕获机制
• JS 事件委托
  • 《JavaScript 高级程序设计》(第 4 版) (P540 - 542)

ES6

• let / const
  • let 和 const 命令
  • my-issue: let / const
• 变量提升与暂时性死区
  • my-issue: let / const
• 箭头函数
  • 箭头函数
• Reflect 对象
  • Reflect
  • my-issue: Reflect
• Iterator & Iterable & for...of...
• Class 基本语法
  • Class 的基本语法
• Class 继承
  • Class 的继承
• Generator 基本语法
  • Generator 函数的语法
• Generator 的异步应用
  • Generator 函数的异步应用
• async 函数
  • async 函数
  • my-issue: ES6 - async

CSS

• CSS权重及其引入方式
  • css权重和超越!important
• CSS 绘制三角形
  • my-issue: CSS 绘制三角形
• CSS 绘制菱形/梯形/平行四边形
  • my-issue: CSS 绘制梯形 / 平行四边形 / 菱形
• 元素水平垂直居中
  • CSS-水平居中、垂直居中、水平垂直居中
  • 16种方法实现水平居中垂直居中
• display: none, visibility: hidden, opacity: 0 的区别
  • display:none visibility:hidden opacity:0 区别

计算机网络

通读文章：

• 从输入URL到页面加载的过程？如何由一道题完善自己的前端知识体系！
• 字节跳动最爱考的前端面试题：计算机网络基础

• TCP 与 UDP 区别
  • my-issue: TCP 与 UDP
  • TCP和UDP比较
• XSS / CSRF 攻击及防御
  • 【面试篇】寒冬求职之你必须要懂的Web安全
  • 能不能说一说XSS攻击？
  • 能不能说一说CSRF攻击？
• localStorage、sessionStorage 与 Cookie
  • 能不能说一说浏览器的本地存储？各自优劣如何？
  • 深入了解浏览器存储--从cookie到WebStorage、IndexedDB
• Cookie, Session, Token, JWT
  • 傻傻分不清之 Cookie、Session、Token、JWT
• GET 与 POST 的区别
  • get和post 两种基本请求方式的区别

  • get请求在浏览器回退时是无害的这句话要怎么理解
  • post提交的数据有哪几种编码格式？

• HTTP 长连接/短连接
  • http的长连接和短连接（史上最通俗！）
  • 聊聊 TCP 长连接和心跳那些事
  • my-issue: HTTP 长连接/短连接
• HTTP 长轮询/短轮询
  • http的长连接和短连接（史上最通俗！）
• ARP 协议
  • 图解ARP协议（一）

React

• Virtual DOM
  • 深度剖析：如何实现一个 Virtual DOM 算法
  • 虚拟 DOM 到底是什么？
  • my-issue: Virtual DOM
• 生命周期
  • React.Component
  • 你真的了解 React 生命周期吗

Code Shredded

• 防抖与节流
  • JavaScript专题之跟着underscore学防抖
  • JavaScript专题之跟着 underscore 学节流
  • my-issue: 简易版防抖
  • my-issue: 升级版防抖
  • my-issue: 节流-非立即执行
  • my-issue: 节流-立即执行
  • my-issue: 完整版节流
  • my-issue: 升级版节流
• Ajax原生实现
  • Promise 封装 原生 Ajax
  • 原生JS实现Ajax请求
  • my-issue: Ajax-Promise
  • my-issue: Ajax-Callback
• async 实现原理(spawn 函数)
  • async 函数的实现原理
  • my-issue: async
• 继承实现
  • my-issue: 构造函数继承
  • my-issue: 原型链继承
  • my-issue: 原型式继承
  • my-issue: 组合式继承
  • my-issue: 寄生组合式继承