web-wechat

前端知识体系

一.基础知识

1.算法

2.数据结构

3.面向对象

4.设计模式

5.相关框架

1.Angular

2.Vue

3.React

二.标准

1.ECMA

1.原型和原型链

2.作用域和闭包

3.异步

4.ES6

• 1.let和const
• 2.解构赋值
• 3.模板字符串
• 4.箭头函数
• 5.展开运算符
• 6.数组的方法
• 7.对象
• 8.继承
• 9.类的编译
• 10.类的继承
• 11.promise
• 12.promise原理

  1.模块化

2.Class

3.Promise

5.扩展库

1.jquery

2.W3C

1.HTML

canvas

table

2.CSS

3.JS Web API

1.DOM 操作

2.BOM 操作

3.事件绑定

4.ajax

5.扩展库

4.HTTP

5.存储

1.cookie

2.session

3.token

4.localstorage

5.sessionStorage

6.indexDB

6.websocket

三.开发环境

1.git

2.IDE

1.vscode

2.webstrom

3.hbuilder

4.sublime

5.Atom

3.脚手架

1.vue-cli

4.构建工具

1.webpack

• 1.webpack基础
  • 1.webpack配置开发服务
  • 2.webpack打包js
  • 3.webpack中html相关的插件
  • 4.webpack打包一个css文件
  • 5.webpack抽离css样式文件
  • 6.webpack将es6语法转化为es5语法
  • 7.webpack处理js语法以及校验
  • 8.webpack全局变量引入的问题
  • 9.webpack图片处理
  • 10.webpack打包文件分类
• 2.webpack配置
  • 1.webpack打包多页应用
  • 2.webpack配置sourceMap
  • 3.webpack配置页面监听
  • 4.小插件应用
  • 5.webpack跨域问题
  • 6.resolve属性的配置
  • 7.webpack定义环境变量
  • 8.webpack区分不同的开发环境
• 3.webpack优化
  • 1.noParse
  • 2.lgnorePlugin
  • 3.dllPlugin
  • 4.happypack
  • 5.webpack自带优化
  • 6.抽离公共代码
  • 7.懒加载
  • 8.热更新
• 4.webpack的tapable
  • 1.SyncHook介绍
  • 2.Sync…Hook
  • 3.AsyncParallelHook
  • 4.AsyncSeriesHook
  • 5.AsyncSeriesWaterfall
• 5.webpack手写
  • 1.writeByHand
  • 2.analyse
  • 3.relation
  • 4.ast
  • 5.build
  • 6.loader
  • 7.plugins
• 6.手写loader
  • 1.loader
  • 2.deploy
  • 3.babel
  • 4.banner
  • 5.file-url
  • 6.less-css
  • 7.css
• 7.webpack插件
  • 1.introduce
  • 2.plugin
  • 3.document
  • 4.inline
  • 5.auto

    1.webpack

2.Rollup

5.本地 server 和 mock

6.debug

7.部署测试

8.单元测试

9.测试机操作

四.运行环境

1.标准浏览器

1.加载和渲染过程

2.性能优化

3.安全

4.兼容性

5.响应式

2.webview

1.hybrid

2.js-bridge