A复习框架
前端开发css
- 1.传统html和css
- html:
- css:
- 【面试题举例】什么是bfc?bfc做用?如何造成bfc?
- 【面试题举例】如何实现啊垂直居中?
- 2.JavaScript语言核心
- 变量:
- 运算符:
- 运算符的优先级
- 逻辑运算符短路计算
- 数据结构和算法:【面试题举例】:数组排序,去重,扁平化
- 对象的一些常见算法
- 字符串算法: 【面试题举例】写一个函数检查字符串中连续出现的最长子串
- 正则表达式:
- 面向对象:
- 设计模式
- 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
- 弹性页面:
- 手机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
- vue
- 组件
- 生命周期
- 消息传递,props,$bus,$emit,$on
- vuex
- 双向绑定机理
- 指令,过滤器
- angular
- 9.前端安全,前端攻防
- 10.性能优化, SEO
- 11.数据结构与算法,计算机操做系统,组成原理,离散数学...
- 12.新兴技术
欢迎关注本站公众号,获取更多信息