2018/6/4 --- 2018/6/24

近期的阅读量和扩展是急速下滑啊。

技术

  • React 16 两大宝: 着重实践与玩下
  • 全站技术面试列表了解下
  • ORM
  • Docker 入门指南
  • React 中使用 css 变量设置 css 动画
  • electron 3.0 发布了,可以 JS 写的,终将使用 js 完成
  • 浏览器使用 es module
    • 兼容性参考:
    • script 的几个属性参考:
    • With static import, your entire module graph needs to be downloaded and executed before your main code can run. )
  • 怎样创建 web components
    • 这里所说的不是 React 这类创建的组件, 而是组件这个概念真正产生的时候。
    • 有4个 web components 标准:
      • Shadow DOM
      • HTML Templates
      • Custom elements
      • HTML Imports
    • 此文讲了如何基于 shadow dom 创建组件。包含: 模板,样式,事件几部分呢绒
    • Shadow DOM 被设计成一个工具用于构建基于组件的应用。对于常见的网页开发中的问题提供了解决方案
      • Isolated DOM
      • Scoped CSS
      • Composition
  • JavaScript engine fundamentals: Shapes and Inline Caches
    • 中文翻译
    • 此文简单描述了: JS 引擎运行机制,对象优化原理
    • 属性访问效率优化
      • Shapes:概念上的理解吧。对应 js 对象的属性描述,不过是引擎内部,而不是 JS 语言上的属性描述。
      • Transition chains 和 Transition trees 也是优化上的概念。链式的属性操作,避免重复的值创建。
    • Inline Caches:缓存对象属性查找后的值(shape 中的 shape)
    • 数组存储优化: 我们都知道数组在一定长度时会转为 hash 方式存储,而不是有序的连续的位置。修改数组值的属性描述(defineProperty),也会将数组改为 hash 的方式存储。在引擎内部对应下面的两个结构
      • Elements 结构
      • Dictionary Elements 结构

我的

  • Fetch 参考
    • 不要为了新的 API 而使用新的;根据需求,综合优劣而选择技术工具,技术栈才是对的。