2018/1/19 - 2018/2/2

  • 关注点分离: separation of concerns (SoC)

    • In computer science, separation of concerns (SoC) is a design principle for separating a computer program into distinct sections, such that each section addresses a separate concern. A concern is a set of information that affects the code of a computer program. A concern can be as general as the details of the hardware the code is being optimized for, or as specific as the name of a class to instantiate.
  • 管理大型 css 项目

    • 主要是对应 css 结构的分层。
      • setting 设置: 全局层,初始基础样式
      • Tools 工具: Mixins 和 函数. 当然这里考虑的就是使用 预处理器
      • Generic: It contains things like Normalize.css, global box-sizing rules, CSS resets and so on.
      • Elements: The Elements layer is typically the last one in which we'd find bare, element-based selectors, and is very rarely added to or changed after initial setup. Once we have defined element-level styles, all additions and deviations should be implemented using classes.
      • Objects: OOCSS
      • Components: The Components layer is where we begin to style recognisable pieces of UI.
      • Trumps: This layer beats – or 'trumps' – all other layers, and has the power to override anything at all that has gone before it. It is inelegant and heavy-handed, and contains utility and helper classes, hacks and overrides.
  • safari active 伪类失效解决

  • 无限状态机构建精致的 React 用户界面

    • 抽象理解上的东西吧
    • 相关资源可以参考学习
  • COW

    • 写入时复制(英语:Copy-on-write,简称COW)是一种计算机程序设计领域的优化策略。其核心思想是,如果有多个调用者(callers)同时要求相同资源(如内存或磁盘上的数据存储),他们会共同获取相同的指针指向相同的资源,直到某个调用者试图修改资源的内容时,系统才会真正复制一份专用副本(private copy)给该调用者,而其他调用者所见到的最初的资源仍然保持不变。这过程对其他的调用者都是透明的(transparently)。此作法主要的优点是如果调用者没有修改该资源,就不会有副本(private copy)被创建,因此多个调用者只是读取操作时可以共享同一份资源。
    • immer
      • immer 状态管理基于此机制
      • 使用 Proxy 的真实生产力工具,但是兼容性呢?毕竟不是语法糖。
      • 不过学习使用 Proxy 下的真实场景应用还是不错的