Skip to content

Quextion/JavaScriptWTF

Repository files navigation

JavaScriptWTF

JS WTF!

✨课程介绍

本系列课程旨在学习 JavaScript运行时的底层逻辑,区别于目前大部分教程,几乎不教学任何语法(可能会教少量语法,不过目的还是说明语法背后的逻辑)

本系列课程大纲:

第一篇:Js的宿主 --> 浏览器

开天辟地,建立前端体系的地基

💫 浏览器篇:

  • JavaScript到底是个啥? JS发展史

  • 程序到底是个啥? 程序,进程和线程

  • 浏览器是一个怎样的程序? 浏览器架构分析

  • 浏览器内核究竟是个啥? 渲染进程工作原理

  • 我们看到的页面是如何形成的? 渲染引擎工作原理

😎本篇总结:

本篇学完并掌握后,你能从宏观上重新认识JS,并且大致了解 我们写的 HTML 如何被浏览器呈现出来,你会学到一些重要的概念,如 事件循环任务队列 , JS的异步执行, Reflow的本质 ... 等等

该篇是你建立整个前端学习体系的基石,相对比较底层,从某种层面上说,比较深入,但从专业的角度来说,又比较浅

总结来说,本篇深入浅出,让你写的代码不再是黑盒!

第二篇: Js的心脏 --> 核心原理

核心中的核心,前端的心脏

JS解析引擎核心篇:

对象(核心)篇:

  • 对象的本质是什么? 引用类型和基本类型的底层区别
  • JS为什么不能称之为面向对象语言? js的灵魂:对象
  • JS对象的驱动:原型链详解 透彻理解原型链
  • new关键字到底是个啥 构造函数的本质
  • ES6对象语法糖机理 谢谢你,语法糖

函数(核心)篇:

  • Js王冠上最闪亮的宝石! Js中最重要的概念,执行上下文

  • 闭包原来这么简单 作用域,闭包的本质

  • 函数式!第一类对象! 什么?函数的本质居然是对象

  • this ? 就这? this的本质

  • ES6箭头函数机理 箭头函数yyds

📚本篇总结:

🦄🐳🐧🐥!!!

本篇可以说是整个 JS的心脏

你对JS的理解程度,百分之九十取决于你对本篇的理解程度,

本篇是整个系列中的核心,是JS作用机理的关键,

可以这样说,Js的运作,全靠本篇的逻辑进行支撑,

完全掌握本篇,Js 手到擒来,其他的就交给时间和记忆

第三篇: Js的进阶 --> 必不可少的知识

优质程序必备技能

...... 更多内容正在准备中


课程须知:

本系列课程难度较高,内容充实,不是入门JS,而是深入JS

面向人群:

本系列课程不适合下列人群:

  • 从未接触过 JavaScript ,试图入门 JS 语法
  • 没有任何计算机学习经验 (其实如果你有一点编程经验就够了)
  • 懒惰的大脑 (本课程难度可能比较高,因此某些知识点可能需要反复的观看和思考,因此需要付出较多的时间,也需要你勤劳思考)

本系列课程适合于以下人群:

  • 掌握 Javascript 基础语法 (会ES6更佳,不会也没关系)
  • 不满足于表象的语法层面

交流答疑群:

image-20221213095645938


课程地址

课程地址!!


课程资料参考:

(逐步补充中)

《Javascript忍者秘籍》

谷歌官方文档

谷歌开源仓库

阮一峰Js教程(旧版)

阮一峰Js教程(新版)

现代Js教程

OliverLiu博客

GeeksForGeeks