前端基础知识清单

编程基础知识

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.快应用

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,096评论 0 2
  • 【转载】CSDN - 张林blog http://blog.csdn.net/XIAOZHUXMEN/articl...
    竿牍阅读 3,507评论 1 14
  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    xuguibin阅读 9,710评论 1 52
  • 1、移动端你遇到过什么兼容问题? 1、如果在input设置边框颜色在ios系统里会出现兼容性问题,需要在外面加一个...
    青青菜鸟阅读 4,428评论 0 28
  • 响应式布局的理解 响应式开发目的是一套代码可以在多种终端运行,适应不同屏幕的大小,其原理是运用媒体查询,在不同屏幕...
    懒猫_6500阅读 800评论 0 0