js-custom

• babel 应用: 静态分析 ts 代码中 exports 数组中变量标识符所引用模块的值，按需生成代码

• [其他]

  • my-koa: 简易 Node Web 框架实现洋葱模型
  • deep: 自认为 js 特性考虑最全的 deepClone
  • my-bind: 语义清晰的 bind 实现

• less: 早期 less 编译器，可debug调试

• sass: 早期 dart-sass 的纯 js 编译器，可debug调试

• npm: npm 文档翻译

• debuger: node 调试原理实践

• [next.js]

  • debug-depot: 在该 using-preact 示例项目可以 debug next.js 仓库 ts 源码以及 preact 源码
  • init-source: next.js 最初提交的版本(0.0.0), 已重构成 ts 版本，可直接运行，不需要经过 webpack 打包

• react: preact 的 break change 实现的解读

  • preact 1 : 最早单文件的优雅实现
  • preact 4: 代码重构拆分及性能优化
  • preact 10: 优化 diff 算法以及支持 hooks
  • react 1.3: 最早的 react 版本

• webpack

  • init commit 0.1: 浏览器模块核心打包过程, 多模块代码被单文件管理，构建模块映射对象，模块内的代码require从映射对象上找。异步就是通过jsonp将模块连接到这个全局映射对象上
  • with loader 0.3: 支持通过 loader 链来构建非 js 模块，也支持 json,coffe 扩展自动识别 loader
  • debug next: 通过 webpack exapmles 的案例 debug webpack 仓库源码(0.9~5.0+), 提供了部分示例的源码执行过程解析
    • 0.9: 确定了 plugin 的基础架构, 利用 plugin 监听整个打包流程的过程提供核心能力
    • 4.0: 调整了 plugin 的消息管道的结构为 hooks 结构, 核心打包过程没有变动

• requirejs

  • init commit 版本: 与webpack自动包装异步模块，同样的逻辑。异步jsonp加载包含模块代码回调函数的执行结果给上下文

• TypeScript: 官方案例实践

  • 面向 js 开发
  • 面向 java/c# 开发
  • 基础类型
  • 日常类型
  • 缩小类型
  • 函数细节
  • 对象类型
  • 类型操作
    • 泛型
    • 类型操作:keyof 类型操作符、typeof 类型操作符、索引访问操作符、条件类型、映射类型、模板字面量类型
  • 模块
  • • 类
  • • 引用：工具类型、装饰器，声明合并，枚举，迭代器和函数生成器、JSX，Mixins、模块、模块解析、命名空间、命名空间和模块、Symbols、三斜线指令、类型兼容、类型推理、变量声明
      • 工具类型: 除了ThisType以及字面量类型的操作工具类型，其他工具均用通过类型操作符自己实现了一份
  • • 声明文件: 声明引用,装饰器,库结构
  • • 项目配置

• Babel: 官方案例实践, 支持 make 动态构建

  • 多种方式应用配置
  • 箭头函数示例及说明
  • Symbol 示例及说明
  • let/const 示例及说明
  • 对象及数组解构示例及说明
  • 函数参数的 default/rest/spread 示例及说明
  • 迭代器和 for of 示例及说明
  • 函数生成器示例及说明
  • promise 示例及说明
  • asyncAwait 示例及说明
  • class 示例及说明
  • decorator 示例及说明
  • 对象字面量示例及说明
  • 尾调用说明: babel 示例中还是依赖了引擎的实现，但是目前就 safari(JavascriptCore)支持，实际上鸡肋。感觉可以通过识别无局部变量声明，且最后语句调用自身就可以认为是尾调用则接管掉函数，由中间的优化函数来触发，具体可见"es6 标准入门"中 tco 实现

• 其他

  • promise
  • 简易栈机虚拟机实现

• es6 标准入门示例

  • 尾调用优化实现
  • 简易模板编译实现
  • tag 模板字符串实践
  • proxy 实践
  • async-await 的函数生成器简易实现
  • iterator 可迭代接口的实践
  • Generator feature 实践
  • Class 的实践
  • module 模块加载实践
  • decorator 实践
  • ArrayBuffer 实践