Weekly 00001011

Weekly 不發出來都沒有動力更新， 都變成 Monthly 了???。 每一個連接下都是本身的拙見，望各位大佬多多指教。 博客連接

2017/12/24 - 2018/1/19

• ★ ★ Redux 壞的一面

  • Learning curve： thunk, selectors, reducers, actions, middlewares, mapStateToProps, mapDispatchToProps 各類概念相對較多， 所有學習和理解起來須要花費必定時間
  • Flow complexity： 仍是概念上的問題吧
  • Boilerplate： 須要寫大量的模板代碼是毋庸置疑的
  • 做者就開發模式上作了較多說明

• ★ ★ ★ ★ 谷歌出品： 圖片優化

  • Progressive JPEGs， 這個就頗有意思了

    • 這種圖片格式的使用，以及建立能夠關注下。
  • SVG Optimization
  • 內容太多，慢慢看。

• Reason lets you write simple, fast and quality type safe code while leveraging both the JavaScript & OCaml ecosystems.

  • Facebook 出的新語言，Reason lets you write simple, fast and quality type safe code while leveraging both the JavaScript & OCaml ecosystems.
  • 看來對於類型檢查，各方都真的很關注啊

• CORS 設置中先後端的角色(即請求和響應的不一樣設置) 每一個字段的表明的意義

  • 客戶端
  • 服務端

• HTTP 內容協商

  • 在 HTTP 協議中，內容協商是這樣一種機制，經過爲同一 URI 指向的資源提供不一樣的展示形式，可使用戶代理選擇與用戶需求相適應的最佳匹配（例如，文檔使用的天然語言，圖片的格式，或者內容編碼形式）。
  • HTTP 基本忘完，慚愧。

• ★ CSS IN JS 的優缺點

  • 反正 CSS 方案這一塊也是比較坑的，等待新階段的坑被填，而後就知道結果了。

• URL 接口

  • The URL interface represents an object providing static methods used for creating object URLs。
  • URL.createObjectURL()

• ★ ★ ★ COMPILING TO JAVASCRIPT

  • 將其餘語言編譯到 JS
  • C/C++ 目前已經比較成熟了
  • 有哪些語言能夠編譯到 JS
  • arm.js 是 JS 的嚴格子集，固然器運行須要引擎的支持
  • 編譯器能夠將 C / C++ 代碼編譯成 JS 代碼，但不是普通的 JS，而是一種叫作 asm.js 的 JavaScript 變體。編譯器項目 Emscripten。

  • WebAssembly 的技術，也能將 C / C++ 轉成 JS 引擎能夠運行的代碼。那麼它與 asm.js 有何區別呢？

    • 回答是，二者的功能基本一致，就是轉出來的代碼不同：asm.js 是文本，WebAssembly 是二進制字節碼，所以運行速度更快、體積更小
  • 因此說 瀏覽器 這個宿主環境將會是多麼重要

• 40 行構建正則表達式引擎

  • 粗看了文章，標題起的有點大。

• AST 的利用

  • 算是概述了下 AST 能作的一些事吧

• The TC39 對 ECMAScript features 的處理過程

  • Stage 0: strawman： A free-form way of submitting ideas for evolving ECMAScript.
  • Stage 1: proposal： A formal proposal for the feature.
  • Stage 2: draft： A first version of what will be in the specification. At this point, an eventual inclusion of the feature in the standard is likely.
  • Stage 3: candidate： The proposal is mostly finished and now needs feedback from implementations and users to progress further.
  • Stage 4: finished： The proposal is ready to be included in the standard.
  • babel Stage 2 preset 參考

• AI 生成前端靜態頁面

  • 只跑了下演示的例子，真得搞不懂啊。
  • 不過 https://www.floydhub.com/ 這個平臺還不錯， 算是新一代雲廠商了，不過是 GPU 的，23333
• ★★開 源書籍： 深刻 React

• ★★ 語法層面深刻子類

  • 經過此文能夠了解到： 對於面向對象編程的繼承這一塊，語法上是怎麼一步步優化的。
  • 爲何叫語法糖，畢竟用起來確實舒服不少, 很甜的嘛。
  • 在 OOP 原則上，與繼承 inheritance 還有個相對的是： Composition over inheritance

• Chrome 64 更新

  • 最近 TC39 各類提議一堆堆進入討論階段，HTML5.2 發佈，瀏覽器更新也很是快，新東西太多，都已經追不上了。
• 一元操做符

// 這個仍是有意思的：
// An object can only be converted if it has a key valueOf and it's function returns any of the above types.
+{
  valueOf: function(){
    return '0xFF'
  }
}
//returns 255

• ★ JS things I never knew existed

  • 這裏做者講的還都是挺有意思的點。
  • Label Statements

  loop1: // labeling "loop1" 
      for (let i = 0; i < 3; i++) { // "loop1"
          loop2: // labeling "loop2"
          for (let j = 0; j < 3; j++) { // "loop2"
              if (i === 1) {
                  continue loop1; // continues upper "loop1"
                  // break loop1; // breaks out of upper "loop1"
              }
          console.log(`i = ${i}, j = ${j}`);
          }
      }

  • Comma Operator

  y = false, true; // returns true in console
  console.log(y); // false (left-most)
  
  z = (false, true); // returns true in console
  console.log(z); // true (right-most)

  • Pipeline Operator： 管道操做符最近在 TC39 的提議中，不知是否會加入特性中，全看大佬們的啊。

    • tc39 工做組處理進度與詳細語法參考

    const square = (n) => n * n;
    const increment = (n) => n + 1;
    
    // without pipeline operator
    square(increment(square(2))); // 25
    
    // with pipeline operator
    2 |> square |> increment |> square; // 25

• HTML5.2 New Dialog Element

  • 話說仍是增長了些東西的，都尚未看。2333333
  • 原生模態層算是解決了一個大問題的。MDN 參考

  <dialog open>
      Native dialog box!
  </dialog>