code-tell-you-javascript

通过 jupyter notebook(lab)运行一些典型的 JavaScript 代码

Usage

阅读静态结果

直接在 GitHub 打开.ipynb文件，可以看到项目执行后的静态结果

本地运行

克隆项目代码

git clone https://github.com/awamwang/code-tell-you-javascript.git

通过自己的 jubyter notebook 或 jupyterlab 等工具查看项目

在线运行

直接运行

jupyter notebook 模式

jupyter lab 模式(推荐)，进入到notebook界面后，将路径最后的tree改为lab

https://hub.gke2.mybinder.org/user/awamwang-code-t--you-javascript-29dlxnhf/tree  --->  https://hub.gke2.mybinder.org/user/awamwang-code-t--you-javascript-29dlxnhf/lab

构建最新代码

点击文档顶部的图标，在线执行代码

binder 修改代码不会保存到 git 仓库

使用了 binder 平台的 docker 模式，启动需要一定时间

更多信息参考，binder 文档

Categorys

• 01Syntax
• 02API
• 03OOP
• 04DesignPattern
• 05Code Skill
• 06Snippets
• 07原理
• Other

Details

01Syntax

• 01 基础语法
  • 01数据类型
    • 字符串基础.ipynb
    • 布尔类型-boolean.ipynb
    • 类型检测.ipynb
    • 类型转换
      • 关于相等、全等比较.ipynb
      • 对象的隐式转换.ipynb
  • 02操作符
    • 展开操作符.ipynb
  • 作用域
    • var声明变量的作用域.ipynb
  • 变量定义
    • 【牛角尖】关于let不提升的一个疑问.ipynb
  • 异常处理
    • try catch.ipynb
  • 箭头函数.ipynb
• 02 中级语法
  • 异步编程
    • 任务机制.ipynb
  • 闭包.ipynb
• 03 高级语法
  • this变量.ipynb
• Decorator-es7.ipynb
• 冷门知识
  • 循环变量的类型.ipynb

02API

• API调用细节.ipynb
• DOM
  • IntersectionObserver.ipynb
• Native Object
  • Promise
    • PROMISE 你可能真的还没用明白（续集进阶版）.ipynb
    • Promise Loop.ipynb
    • Promise基础.ipynb
    • 自己实现Promise #H.ipynb
  • Proxy
    • Proxy基础.ipynb
  • Set.ipynb
  • String
    • String.prototype.split.ipynb

03OOP

• 01 基础知识-basic
  • [[Prototype]] and prototype.ipynb
  • constructor属性.ipynb
  • instanceof操作符.ipynb
  • 实现私有属性-private props.ipynb
  • 静态属性-static props.ipynb
• 02 继承的实现方式
  • 00 设置prototype的方式-set prototype.ipynb
  • 抽象类实现-abstract class.ipynb
• 03 实用方法
  • chained method call.ipynb
  • 安全模式创建对象-init class in safe mode.ipynb
  • 直接继承对象-extend.ipynb

04DesignPattern

• 01 单例模式
  • index.ipynb
• 02 简单工厂
• 03 工厂方法
• 04 抽象工厂
• 05 原型模式
  • index.ipynb

05Code Skill

• 函数
  • 函数参数技巧-es6前.ipynb
  • 函数参数技巧-es6后.ipynb
  • 即时执行函数.ipynb
  • 柯里化-curry.ipynb
  • 节流函数.ipynb
• 对象
  • 属性安全访问.ipynb
• 性能
  • try catch 对代码运行的性能影响.ipynb
  • 尾调用-尾递归.ipynb
  • 循环优化.ipynb

06Snippets

• 函数处理.ipynb
• 字符串处理.ipynb
• 对象处理.ipynb
• 集合处理-Array.ipynb

07原理

• 执行上下文.ipynb
• 词法分析.ipynb

Other

• Koa核心原理.ipynb
• Module
  • CommonJS 和 ES Module 区别
    • CommonJS.ipynb
    • ESModule.ipynb
    • es循环依赖
    • es循环依赖2