前端基础知识清单

编程基础知识

1.数据结构

2.算法

3.时间复杂度

4.面向对象和设计模式

5.函数式编程

前端基础知识

一、HTML CSS

1.标签语义化

2.选择器：常用的选择器、选择优先级

3.布局：盒模型、margin（纵向横向，负值）、IFC &BFC、float 布局、grid 布局

4.定位：absolute relative fixed、定位上下文、居中对齐

5.图文：line-height 继续

6.响应式：rem、 vm，vh

7.动画：transfer、transltion、animation

二、ES

1.变量：类型判断、值类型和引用类型、深拷贝

2.原型和原型链：prototype和_proto_、class和继承

3.作用域和变量：自由变量和作用域、callback & callbackhell、event loop、微任务和宏任务

4.模块化：AMD CMD、commonjs、ES6 Module、commonjs和 ES6 Module的区别

5.其他：数组，对象，常用API、Set和Map、Proxy

三、Web API

1.BOM 操作：UA判断；路由：hashchange/history go&history.back/pushState&popState

2.DOM操作：DOM树形结构、常用API:查询、新增、删除、移动节点等、属性操作（以及attr和prop的区别） 、DOM操作的性能优化

3.DOM事件：事件绑定、事件冒泡模型、事件代理

4.ajax：XML HttpRequest、跨域（浏览器同源策略）、fetch

5.存储：cookie、localStorage 和 sessionStrorage、cookie 和 localStorage区别

四、HTTP

1.常用Method、2.常用请求头、3.常见状态码

4.restful API、5.cookie的本质、6.浏览器缓存机制

7.https、8.websocket用于直播聊天

    

五、综合性问题

1.性能问题：资源加载、渲染、操作（防抖、节流）

2.安全（xss、csrf）

3.从url输入到加载的全部问题

框架和工具

---

六、jQuery/Zepto

1.DOM查询   2.DOM操作   3.DOM事件   4.ajax

5.$('div')数据结构   6.了解源码

七、Vue

1.使用：常用指令、组件的配置、组件生命周期、父子组件通讯、slot、动态组件、异步组件、nextTick、错误处理

2.原理：理解MVVM模式、vue数据监听、双向数据绑定、模板渲染、vdom和diff算法

3.周边生态：vue-router、vue、UI框架（如element）、axios

八、react

1.使用：jsx使用、setState、组件生命周期、父子组件通讯、受控组件&非受控组件、错误处理性能优化、高阶组件、hooks

2.原理：组件化、jsx本质、不可变数据（纯函数）、immutable.js、vdom$diff算法

3.周边生态：react-rounter、redux、UI库，如ant-design

九、webpak

基本概念、基本配置、常用loader、常用插件、性能优化

十、其他工具：

IDE及常用操作、gif常用命令、linux常用命令、抓包工具、mock数据

十一、nodejs

1.处理http请求：处理路由（restful API）、处理cookie

2.stream

3.框架（express koa2 egg）使用&中间件机制

4.多进程&进程守护

5.SSR：模板引擎（如ejs）、vue nuxt、react next

6.server其他软件：mysql mongodb、redis常见操作、nginx常见配置、用户认证

十二、跨端：

1.hybrid & js-bridge   2.小程序   3.RN Weex   4.快应用