js基础-课程介绍(听课笔记)

223 阅读2分钟

基础的重要知识点

  • 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协议

以上笔记是根据听完双越老师的课后笔记,如有侵权联系作者删除