周阅读清单 [BLOG]

[LinkXSystem]

阅读时间：星期一 至 星期五，不定时感想

[LinkXSystem]

TODO：2019/8/5 ~2019/8/9

• 你还在用charCodeAt那你就out了

• React Hooks源码浅析

• 揭秘Vue-3.0最具潜力的API

  • 项目地址：https://codesandbox.io/s/reactive-view-r6in5

[LinkXSystem]

NOTE: 2019/8/5 ~2019/8/9

代码片段：

false ? console.log('x') : (console.log('a'), console.log('b'))

[LinkXSystem]

TODO：2019/8

• WEBXR ： https://codelabs.developers.google.com/codelabs/ar-with-webxr/#0

[LinkXSystem]

TODO：2019/8/12 ~ 2019/8/16

• ShaderBlocks : 一个关于 shader 可视化生成的项目
  • 主要使用 svg / canvas / glsl 等相关技术

[LinkXSystem]

TODO：2019/8/19 ~ 2019/8/23

• VS Code 和 Atom 背后的奇技淫巧

• 更加高效加载 WebAssembly 模块

(async () => {
  const fetchPromise = fetch('fibonacci.wasn');
  // 以流式的方式来做编译和初始化
  const { instance } = await WebAssembly.instantiateStreaming(fetchPromise);
  const result = instance.exports.fibonacci(42);
  console.log(result);
})

• 图像优化

• 动效与交互

• 精读《Caches API》

  • MDN 参考文档： https://developer.mozilla.org/zh-CN/docs/Web/API/Cache

• 精读《编写有弹性的组件》
  弹性组件的主要特征：

  • 不要阻塞数据流
  • 时刻准备好渲染
  • 不要有单例组件
  • 隔离本地状态

[LinkXSystem]

TODO：2019/8/26 ~ 2019/8/30

• HTMLSelectElement 的定义

  • 原生 form 校验 API

• VSCode原理解析 - 断点调试

• 2D圆形随机分布

• F2 基金可视化方案

[LinkXSystem]

TODO：2019/9/02 ~ 2019/9/06

• WebGL-Fluid-Simulation

• 如何实现前端录音功能

[LinkXSystem]

TODO：2019/11/11 ~ 2019/11/15

• 这可能是最通俗的 React Fiber 打开方式

• 兄déi，libuv了解一下

[LinkXSystem]

TODO：2019/12/09 ~ 2019/12/13

• 精读《正交的 React 组件》

  思考：准确的分离状态和组件是一件非常困难的问题，这个问题应该不止从设计图，和数据来源上考虑此问题，更多的问题在于期待组件承载什么样的功能，可以复用到什么样的程度。

[LinkXSystem]

TODO: 2020/12/11 ～ 2020/12/12

• The UNIX Time-Sharing System