基础的重要知识点
- html和css
- 原型,作用域,异步
- DOM事件和Ajax
- 性能优化
- 各种手写代码
- HTTP协议
知识点介绍
- css(布局,定位,移动端响应式)
- ES语法(原型,原型链,作用域,闭包,异步,单线程)
- WebAPI(DOM,BOM,Ajax跨域,事件存储)
- 开发环境(版本管理,抓包调试,打包构建)
- 运行环境(页面渲染,性能优化,Web安全)
- 网络通讯(headers,Restful API,缓存策略)
方式
- 拿出一道题,自己先去思考
- 通过题目要知道对应的知识点是什么,然后扩充自己的知识体系
- 解答问题
学习的前提
- 了解html和css基础语法
- 了解js和ES6基本语法
- 有自我查询知识的能力,有获取知识的欲望
- 要学会自己梳理自己的前端知识体系
关于面试
- 基层工程师:基础知识
- 中高级工程师:基础知识 + 项目经验
- 架构师:解决方案的能力
关于基础
一定要有一定的基础知识再去深入学习新技术,这样才能高效学习~基础是关键!
题目
- typeof能判断哪些类型?(js变量类型)
- 何时使用=== 何时使用==?(强制类型转换)
- window.onload和DOMContentLoaded的区别?(页面加载过程)
- 为什么我们把css放在header里加载,把js放在最底下加载 (也是页面加载的问题)
- js创建10个< a>标签,点击的时候弹出对应的序号(js作用域)
- 手写节流throttle,防抖debounce(性能,体验优化)
- Promise解决了什么问题?(js异步)
对于题目的思考结论
- 拿到一个面试题的时候,我们应该第一个思考对应的考点是什么,对方想考验我们什么,这个知识点对方还能怎么考我
- 题可以万变,但知识点是固定的,还是要把基础掌握好
- 题目 -> 知识点 -> 题目
知识体系
什么是知识体系
高效学习三部曲:
- 找准知识体系(结构化的知识范围,有结构有组织易扩展);
- 刻意训练(对于每个知识点的每个点都要刻意去学习训练);
- 及时反馈(亲身体验=>实际工作,写文章,做项目,出去面试,社区交流讨论,通过这些输出自己的知识)
从哪些方面梳理
- W3C
- ECMA 262标准
- 开发环境
- 运行环境
知识体系(只是很基础的知识体系,不是所有前端知识的知识体系)
- css基础知识
- js基础语法
- JS-Web-API
- 开发环境
- 运行环境
- HTTP协议
以上笔记是根据听完双越老师的课后笔记,如有侵权联系作者删除