liuyib / note

💯 前端技能树加点之路

本仓库分为两部分，一是学习笔记，二是知识总结。

学习是一个重复的过程，很多时候学了一大堆知识，很快就会忘记，即使做了笔记。因此，对知识进行系统的总结显得尤为重要。

知识不成体系，也是基础薄弱的一个明显标志。记得有大佬说过 “真正专业的人，不是获得了多厉害的奖，也不是学了多难的东西，而是脑海中有着成体系的知识”。

当然，为了形成知识体系，并不建议从头到尾把所有内容重新学习一遍。这就陷入了“完美主义”的怪圈，学习中“完成”胜过“完美”。

那些制定完美计划的、为了巩固基础想要重新学习所有知识的，最终几乎都会以失败告终。正确的做法应该是：在原来基础上，对知识点逐个击破，然后对知识进行系统的总结（如果害怕自己总结不好，可以跟着系统的教程、视频进行总结）。

学习笔记

• HTML

  • 《大厂 H5 开发实战》- 掘金小册

    • 基础页面开发

• CSS(3)

  • CSS 重排与重绘笔记
  • BEM 命名规范笔记
  • 深入理解 font-size 笔记
  • CSS 实现等比缩放

• JavaScript

  • ES6 笔记
  • 零碎知识笔记

• 数据结构 ==> 移步：https://github.com/liuyib/fucking-algorithm

• Node

  • Node.js 包教不包会
  • 七天学会 Node.js

• 打包工具

  • Gulp 学习笔记
  • Rollup 学习笔记
  • webpack 学习笔记

• 读书笔记

  • 你不知道的 JS
  • JS 高级程序设计

系统总结

• HTML(5)

  • HTML5 知识总结
  • WebSocket 学习总结
  • 像素、分辨率相关概念
  • 探究移动端适配
  • 1px 的解决方案

• CSS(3)

  • 七种水平垂直居中方法总结
  • CSS 面试题总结

• JavaScript

  • JS 基础知识点 1

  • JS 基础知识点 2

  • 手写系列总结

    • 手写 Ajax
    • 手写 JSONP
    • 手写 XXX

  • 正则表达式总结

  • 从 JS 高阶函数到柯里化

  • 深入理解 JS 事件循环机制（浏览器篇）

• 网络相关

  • Web 安全总结

    • 密码安全
    • Cookie 安全
    • HTML5 安全
    • XSS 攻击
    • CSRF 攻击
    • 点击劫持攻击
    • SQL 注入攻击
    • 上传文件攻击

  • HTTP(S) 相关

    • 深入探究 TLS 协议

  • TCP 相关

    • 深入探究 TCP 协议

• 浏览器相关

  • 跨域及其实现原理总结

• 性能优化

  • 浏览器缓存机制总结
  • Web 性能优化总结

• 设计模式

  • 前端常用的设计模式

• 版本控制

  • Git 相关总结

• 代码规范

  • Stranard 规范总结

• UI 设计

  • MEB 风格图标设计
  • Photoshop (PS)

模仿面试

• 面试前八股速查
• 面试前必刷算法题