woowyl/Front-end-learning-Map

日常总结和知识脉络梳理。

programmer2018

文章根据bootcss课程大纲设置，具体内容为个人对技术的理解。

包括了四个部分：

• PART1是对一些前端基础概念的概括理解；
• PART2是日常开发中尝尝设计到的周边知识，或者是对基础知识的深挖；
• PART3是当下常用的一些框架和工具；
• PART4是前端外的拓展，作为一名前端程序员不能仅仅局限于自己的一亩三分地，前后端分离到前后端的融合是趋势。

目录大纲

PART1 (知识 标准)

1. 布局入门

   • skeleton-screen,骨架图
   • andorid单行垂直居中问题

2. 背景边框

   • 雪碧图
   • background-size

1. HTML5

   • H5新特性
   • history

2. JS

   • 垃圾回收机制
   • 基础类型
   • 冒泡还是捕获
   • this
   • arguments&argument.callee
   • 严格模式

PART2

1. JS进阶 (知识 标准)

   • prototype的理解
   • 再说prototype与__proto__
   • call&apply
   • JS 继承
   • 让人忽略的arguments
   • 执行上下文、作用域、作用域链？？
   • 抽象的执行上下文
   • 闭包
   • 隐式转换—无时无刻的toString
   • bind与柯里化
   • 防抖和节流
   • 正则表达式
   • 页面滚动
   • source-map

2. ES6

   • ES6 学习之路
   • 箭头函数
   • babel
   • let/const
   • module

3. 模块化

   • 模块化
   • CommonJS
   • 模块化语法
   • 如何实现模块化

4. 网络相关

   • HTTP 与 HTTPS
   • HTTP
   • 非对称加密
   • 跨域的问题

5. CSS预编译

   • LESS

6. Mongodb

7. Linux、Python

PART3 (知识 技术)

1. NodeJS

   • install
   • packagejson
   • 命令
   • 版本
   • Express
     • Express简介

2. React

3. Vue

   • vue脑图概览
   • Vue-cli
   • Vuex
   • 理解原理前的准备
   • Vue的双向数据绑定

4. 图像展示

   • 图像展示

5. webpack

   • webpack基础
   • css代码分隔
   • dev-server
   • loader
   • 多入口
   • 优化
   • 异步加载
   • webpack 坑

6. Python 爬虫实战

7. weex

8. 微信小程序

PART4

1. 工具类

   • markdown
   • git
   • MACOS

2. 数据结构 & 算法

   • 快速排序

3. 架构 & 设计模式

   • 架构相关名词理解
   • JS有话说
   • MV*
   • 解释、编译、脚本

4. 关于winter老师分享的总结

   • 如何学习前端

5. 会议记录

   • 2019-D2

6. 面试的一些问题

   • JS相关

7. 补充知识

   • 命令行