文章目录
  1. 1. 前端基础
    1. 1.1. 入门手册和文档
    2. 1.2. javascript
    3. 1.3. HTML/CSS
  2. 2. 前端框架和工具
    1. 2.1. 前端框架
    2. 2.2. 前端工具
    3. 2.3. 设计和封装
  3. 3. Web相关知识
    1. 3.1. HTTP
    2. 3.2. Web安全
  4. 4. 身为程序员
    1. 4.1. 算法相关
    2. 4.2. 编码相关
    3. 4.3. 计算机系统
  5. 5. 结束语

前段时间恶补了自己还缺乏的一些前端知识体系,并做了些整理,《前端满汉全席系列》主要用于分享。后续若有其他相关的,也会一并添加进来。

前端基础


补上曾经整理过的一篇《我的前端入门之路》,对比起来这篇还比较枯燥呢。

入门手册和文档

一般来说,入门的话,不管是html/css,还是javascript,都能从w3cmdn上找到。
相对地说,mdn会更加详细和明确一些,也涉及不少较深入的内容呢。

javascript

在本骚年看来,javascript是最基本也是最重要的呢。即使现在的框架和工具让你眼花缭乱,不过万变不离其宗,javascript依然是我们最需要深入学习和理解的一门技能吧。

  • 本骚年看过的一些书:

    • 《javascript高级程序设计》
    • 《javascript权威指南》
    • 《javascript数据结构》
  • 掌握javascript

    • 基本语法和使用
    • 原型和继承
    • 闭包
    • 作用域/原型链
    • this和上下文
    • DOM对象
    • BOM对象
    • ajax/XHR
    • 正则表达式
  • 深入了解javascript

    • 单线程的javascript
    • 事件循环Eventloop
    • javascript的装载和执行
    • 事件冒泡/捕获、事件委托
    • javascript设计模式
    • 面向对象编程
  • javascript新特性

    • ES6/ES7
    • Promise
    • fetch
    • PWA(Progressive Web Apps)
    • WebAssembly
    • Rxjs

HTML/CSS

虽然很多时候对javascript考验更多,但是其实HTML和CSS也并不只是很基础和简单的。

  • HTML5新特性

    • Web Worker/Service Worker
    • LocalStorage/SessionStorage
    • Canvas
    • History
  • 掌握CSS

    • 文档流
    • 盒子模型
    • 布局(居中)
    • BFC/IFC
    • CSS3新特性
    • CSS动画
    • CSS规范(BEM等)
  • 浏览器渲染

    • 浏览器渲染机制
    • reflow和repaint
    • CSS匹配规则/效率

前端框架和工具


前端框架

前端框架可以说是层出不穷的,本骚年也就只涉及几个而已。

  • 涉及框架

    • angular1.x
    • angular2
    • react(+redux)
    • vue
  • 关于框架

    • MVC/MVVM
    • 模板引擎原理
    • 数据流处理(Flux/Redux/Mobx)
    • 虚拟DOM
    • 数据绑定原理
    • 路由控制
    • 框架的区别和选型

前端工具

关于前端安装部署、热更新、打包等等,也已经有了一系列的相关工具。

  • 安装工具

    • node
    • npm
  • 构建工具

    • Grunt
    • Gulp
    • Webpack
    • Babel
  • 校验工具

    • Typescript
  • 测试工具

    • 断言库(Mocha/Jasmine)
    • Runner(Karma)

设计和封装

基本的程序员素质–设计抽象,以及前端的组件封装。

Web相关知识


HTTP

身为一个前端,http相关的知识也是需要熟练使用的呢。

  • HTTP入门

    • 完整的HTTP请求
    • TCP/UDP/IP(TCP的三次握手/四次挥手)
    • DNS域名解析(DNS寻址过程)
    • CDN
    • HTTP协议解析(request/response)
    • HTTP常见状态码
    • GET/POST/…(Restful)
  • 理解HTTP

    • HTTP无连接与无状态
    • HTTP缓存机制
    • 会话跟踪(Session/Cookie)
    • HTTP与Websocket
    • HTTP压缩
    • HTTPS/HTTP2
    • 浏览器同源政策与跨域请求
  • HTTP头属性

    • 缓存相关(Expires/Cache-Control/Progma/Etag/Modified/…)
    • Websocket相关(Upgrade/Connection)
    • 跨域CORS相关(Origin/Access-Control-*)
    • Cookie相关(Set-Cookie/Cookie)
    • host/referer

Web安全

对于Web安全,也有很多是需要知道的。

  • XSS攻击
  • CSRF攻击
  • 运营商劫持
  • 其他攻击(各环节脚本注入/钓鱼网站/…)

身为程序员


算法相关

非科班的自己,也有很多身为程序员的基本素质需要补上。(这块还不是特别熟练,如果有写的不对望指出)

  • 常用算法

    • 排序算法
    • 递归
    • 分治策略
    • 归并算法
  • 数据结构

    • 链表
    • 二叉树
    • 散列表

编码相关

  • 常见编码

    • 压缩编码
    • Base64编码
    • 哈希算法
    • URL编码
  • 计算机加密算法

    • 对称加密算法
    • DH密钥交换算法
    • 非对称加密算法

计算机系统

  • 计算机系统深入理解
  • 现代计算机系统

结束语


该文主要用于自我整理一些东西,虽然还不是特别完整,也不是很全面。不过作为自己的阶段性总结,如果能对大家有帮助就更好啦。

查看Github有更多内容噢:https://github.com/godbasin
更欢迎来被删的前端游乐场边撸猫边学前端噢

码生艰难,写文不易,给我家猪囤点猫粮了喵~

作者:被删

出处:https://godbasin.github.io

本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

文章目录
  1. 1. 前端基础
    1. 1.1. 入门手册和文档
    2. 1.2. javascript
    3. 1.3. HTML/CSS
  2. 2. 前端框架和工具
    1. 2.1. 前端框架
    2. 2.2. 前端工具
    3. 2.3. 设计和封装
  3. 3. Web相关知识
    1. 3.1. HTTP
    2. 3.2. Web安全
  4. 4. 身为程序员
    1. 4.1. 算法相关
    2. 4.2. 编码相关
    3. 4.3. 计算机系统
  5. 5. 结束语