Weekly 000001001

Weekly

2017/9/6 --

• Clustrt 集群相关内容，也是 Node 多进程的理解,可以关注下 PM2 的原理

• 普通页面的生命周期

  • 查看每个事件的详细信息
  • DOMContentLoaded – the browser fully loaded HTML, and the DOM tree is built, but external resources like pictures and stylesheets may be not yet loaded.
  • load – the browser loaded all resources (images, styles etc).
  • beforeunload/unload – when the user is leaving the page.
  • document.readyState： 也可以使用
    
    • loading – the document is loading.
    • interactive – the document is parsed, happens at about the same time as DOMContentLoaded, but before it.
    • complete – the document and resources are loaded, happens at about the same time as window.onload, but before it.

• 如何写一份技术文档

  • 从面向的群体做具体的需求分析
  • 起步教程
  • 确保解释到每个 API
  • 足够的示例
  • 错误消息
  • 及时更新
  • 文档结构划分，以及文档样式
  • 导航与搜索
• Node process 的简单使用
• 响应式图片的解决方案
  
  • 尝试使用 pictuer html element。属于 W3C 新增标准内容。
• MOZ 的 grid 教程，看来很是重视 Grid 啊

• 了解 了解 DSL

  • A domain-specific language (DSL) is a computer language specialized to a particular application domain.
  • 更多的了解

• 结构化组件

  • 其实在正常的业务中，而不只是单纯的 UI 的组件来谈的话： 组件可以按照模块来谈，这个模块随业务不断变更，其结构化的方式也很多种，不应单单局限于一种模式。但两个核心原则是我重视的： 单一职责（一次只做一件事，并且做好）

• 人工智能、机器学习和深度学习的区别

  • 

• Node API: Buffer

  • 注意下不用版本下的实现与区别
  • 逻辑长度： 空间
  • 物理长度： 字节
  • 在 ECMAScript 2015 中的 TypedArray 要复杂的多。
  • Array buffer
  • http://javascript.ruanyifeng.com/nodejs/buffer.html

• 开发流程与部署： CI CD。。。

  • 项目工程实现流程

• 资源加载控制

  • async
  • defer
  • preload 资源预加载
  • 浏览器通过优先级规则来下载资源，规则不可自定义
  • 通过 preload 告知浏览器下载哪些内容
  • 遇到 script 时会阻塞浏览器的渲染，但不妨碍 DOM 解析（非完整的解析到实际的 DOM）来猜测要下载哪些内容，通过 preload 可以直接告知 浏览器来优先下载哪些内容。
  • 要完全理解 preload 需要理清浏览器的下载-解析-渲染这整个流程。
  • 理解浏览器资源加载时的内部处理机制
  • MDN 的详细介绍
  • 使用 preload 带来的好处，其中最有用的还是可以动态加载脚本执行。

• <Link> 支持跨域设置

  • Link 的新属性些
  • 感觉出好多东西，都没有了解到。