A复习框架

前端开发

• 1.传统html和css
  • html：
  • css：
    • 【面试题举例】什么是bfc？bfc作用？如何形成bfc？
    • 【面试题举例】如何实现啊垂直居中？
• 2.JavaScript语言核心
  • 变量：
    • 变量的命名规范
    • 变量的声明提升
  • 运算符：
    • 运算符的优先级
    • 逻辑运算符短路计算
    • 数据结构和算法：【面试题举例】：数组排序，去重，扁平化
    • 对象的一些常见算法
    • 字符串算法： 【面试题举例】写一个函数检查字符串中连续出现的最长子串
  • 正则表达式：
    • 用正则给数字添加千分符
  • 面向对象：
    • 上下文this
    • 构造函数
    • 原型，原型链
    • 继承
  • 设计模式
• 3.DOM和JQuery
  • 原生js中的节点关系：firstChild
  • 原生js中的节点操作：appendChild, insertBefore
  • jquery：【面试题举例】jquery对象和原生对象的关系，noconflict()方法使用
• 4.HTML5, CSS3
  • 狭义html5: 新的骨架dtd，新的语法，新的大纲标签，新的表单
  • 广义html5：
    • 画布canvas，
    • 视频音频audio video，
    • 硬件api比如geolocation，
    • 本地存储localstorage，sessionstorage：【面试题举例】localstorage，sessionstorage和cookie，session的区别
    • 多线程
    • webSocket 
  • CSS3：
    • 新选择器 比如 ::before，::after
    • 伪元素
    • 新的伪类 比如  :focus, :empty
    • 新的属性 比如圆角，阴影box-shadow，text-shadow，背景增强 background-size:contain\cover，bakground-origin\clip
    • 变形：
      • 2D变形 - rotate，skew，scale 
      • 3D变形 - rotateX，rotateY，translate3D；
      • 景深perspective；
      • 变形原点transform-origin，背面不可见backface-visibility
    • 过渡：transition【面试题举例】哪些属性能过渡？比jquery的优势是？延迟时间是什么？ease是？
    • 动画：animation，@-webkit-keyframes
    • 弹性页面：
      • 百分比布局
      • flex布局
      • rem布局
    • 手机web
      • 视口
      • 媒体查询
      • touch事件：【面试题举例】300ms
• 5.Ajax
  • 服务器
    • http请求 ，RESTful API
      • http请求类型：get，post，delete
      • 状态码： 200，304，301，404
    • 前端？后端？：【面试题举例】什么是PHP? PHP运行在哪里？为什么是后端语言？
  • Ajax知识
    • XMLHttpRequest
    • 缓存解决
    • 跨域：9种跨域（JSONP跨域，CORS跨域，代理跨域。。。）
  • XMLHttpRequest 2.0 ： 进度，文件异步上传
  • jquery中的ajax
  • 回调函数
  • json和字符串转换
• 6.NodeJS
  • express和koa
  • npm
  • 管理依赖，package.json
  • 实现一个RESTful服务
  • mongodb数据库
  • nodejs工作流工具 -g安装 （webpack，less，gulp）
• 7.ES6,7,8,9
  • let，const，暂时性死区
  • 数组常用方法： 比如filter ，map，reduce
  • 字符串，对象
  • promise，async/await，generator加*函数
  • 箭头函数
• 8.模块化开发，工程化 * 
  • webpack
  • gulp
  • grunt
  • yeoman
  • mvvm框架：
    • react
      • 组件
      • redux/mobx
      • dva
    • vue
      • 组件
      • 生命周期
      • 消息传递，props，$bus，$emit，$on
      • vuex
      • 双向绑定机理
      • 指令，过滤器
    • angular
      • typescript
• 9.前端安全，前端攻防
  • xss
• 10.性能优化， SEO
• 11.数据结构与算法，计算机操作系统，组成原理，离散数学...
• 12.新兴技术
  • 小程序：微信，头条，百度，支付宝

转载于:https://www.cnblogs.com/lucifer-acc/p/11152844.html