note icon indicating copy to clipboard operation
note copied to clipboard

🌼 前端技能树加点之路

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

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

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

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

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

学习笔记

  • 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)

模仿面试