Poplar web前端知识库

要毕业了，把大学四年学到的前端知识总结出来(怀念大学在115的时光)，希望大家能快速迈过我当年踩过的坑。这里的内容，不会阐述基础知识，建议对前端有一定的了解后再看。当然了，希望这个东西能有个传承，有更多的人来把她传递下去，完善和修正。发现问题和错误，一定要issue通知我啊。    

下面这张图，是大学应该学会的前端技能列表，数值越靠前越重要(遗憾我的专业课学的太差劲了,一定要重视学校学的基础知识)。

目录结构(临时的，随时会调整)  

• HTML
  • HTML 基本内容
  • HTML5 新特性
  • HTML 头部信息
• CSS
  • CSS选择器，结构与层叠
  • 基础视觉格式化
  • BFC 块级格式化上下文
  • CSS 层叠顺序与层叠上下文
  • Flex 布局及示例
  • CSS3 动画指南
    • 3D动画
    • 补间动画&逐帧动画
    • 动画使用技巧
    • transform中的Matrix(矩阵)
    • 利用js来操控CSS动画
  • 响应式设计
  • CSS3 奇特的属性
• Javascript
  • js 基本语法1
  • js 基本语法2
  • 作用域，提升与闭包
  • this 与对象
  • 类与继承
  • js 内存管理
  • DOM 操作之节点
  • DOM 操作之样式
  • DOM2 和 DOM3
  • 事件系统
  • 基础数据交互
  • 跨域数据交互
  • 常用编程技巧
  • 性能优化
  • ES6 新特性
  • 函数式编程简介
  • RxJS
  • TypeScript 简介
  • javascript 设计模式
• js框架设计(jQuery源码解读)
• 移动web前端
  • 移动web基础(布局等内容)
  • 移动自适应方案
  • 交互的扩展(手势)
  • 设备之间的差异
  • 移动端问题汇总
  • 移动端常用工具汇总
  • 移动端组件开发
  • Hybrid通信原理
  • RN & WEEX简介
• ReactNative 基础
  • 001 环境搭建
  • 002 Flex 布局
  • 003 ES6基础
  • 004 JSX
  • 005 手势与触摸事件
  • 005-B 基本的 Touch
  • 006 常用组件介绍
• 前端工具介绍
  • vscode
  • webstorm
  • 前端自动化工具
  • 脚手架开发
  • React简介
  • Vue简介
• 性能优化
  • 基本性能要求
  • 高性能HTML与CSS
  • 网络请求
  • 图片的选择
  • 页面可见时间(首屏优化方案)
  • DOM渲染原理
  • 高效使用内存
  • js动画设计原则(FPS控制)
  • 调试工具与性能检测
  • ......
• 浏览器差异
• HTTP协议
  • 协议简介
  • 重要的头部信息
  • 缓存与访问控制
  • HTTPS
  • HTTP 版本对比
  • httpDNS与SPDY等其他内容
• Node.js
  • 后端基础知识
  • Node基础内容
  • 异步编程模型
  • 集群与稳定之路
  • 高并发浅析
  • Express/Koa对比
  • generator与co提高异步编程
  • Node.js优化
  • ......
• 前端也需要数据结构
• 项目问题汇总
  • 多媒体H5视频直播
  • 微信开发
  • 组件开发
  • ......

Demo地址

主要是每个文章中出现的一些例子的代码，如下：

• HTML DEMO
• CSS DEMO
  • css1-3节案例
  • css2 flex布局
  • css3 3D动画
  • css3 transform动画不同步研究
  • css3 逐帧动画演示
• JS DEMO
  • js 数据类型检测
  • js 简易模块化
  • js 内存泄露示例