A复习框架

前端开发css

  • 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.新兴技术
    • 小程序:微信,头条,百度,支付宝
相关文章
相关标签/搜索