摘要：不發(fā)出來(lái)都沒有動(dòng)力更新，都變成了。的優(yōu)缺點(diǎn)反正方案這一塊也是比較坑的，等待新階段的坑被填，然后就知道結(jié)果了。工作組處理進(jìn)度與詳細(xì)語(yǔ)法參考話說(shuō)還是增加了些東西的，都還沒有看。原生模態(tài)層算是解決了一個(gè)大問(wèn)題的。

Weekly 不發(fā)出來(lái)都沒有動(dòng)力更新， 都變成 Monthly 了???。 每個(gè)鏈接下都是自己的拙見，望各位大佬多多指教。博客鏈接

2017/12/24 - 2018/1/19

★ ★ Redux 壞的一面

Learning curve： thunk, selectors, reducers, actions, middlewares, mapStateToProps, mapDispatchToProps 各種概念相對(duì)較多， 全部學(xué)習(xí)和理解起來(lái)需要花費(fèi)一定時(shí)間

Flow complexity： 還是概念上的問(wèn)題吧

Boilerplate： 需要寫大量的模板代碼是毋庸置疑的

作者就開發(fā)模式上做了較多說(shuō)明

★ ★ ★ ★ 谷歌出品： 圖片優(yōu)化

Progressive JPEGs， 這個(gè)就很有意思了

這種圖片格式的使用，以及創(chuàng)建可以關(guān)注下。

SVG Optimization

內(nèi)容太多，慢慢看。

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

Facebook 出的新語(yǔ)言，Reason lets you write simple, fast and quality type safe code while leveraging both the JavaScript & OCaml ecosystems.

看來(lái)對(duì)于類型檢查，各方都真的很關(guān)注啊

CORS 設(shè)置中前后端的角色(即請(qǐng)求和響應(yīng)的不同設(shè)置) 每個(gè)字段的代表的意義

客戶端

服務(wù)端

HTTP 內(nèi)容協(xié)商

在 HTTP 協(xié)議中，內(nèi)容協(xié)商是這樣一種機(jī)制，通過(guò)為同一 URI 指向的資源提供不同的展現(xiàn)形式，可以使用戶代理選擇與用戶需求相適應(yīng)的最佳匹配（例如，文檔使用的自然語(yǔ)言，圖片的格式，或者內(nèi)容編碼形式）。

HTTP 基本忘完，慚愧。

★ CSS IN JS 的優(yōu)缺點(diǎn)

反正 CSS 方案這一塊也是比較坑的，等待新階段的坑被填，然后就知道結(jié)果了。

URL 接口

The URL interface represents an object providing static methods used for creating object URLs。

URL.createObjectURL()

★ ★ ★ COMPILING TO JAVASCRIPT

將其他語(yǔ)言編譯到 JS

C/C++ 目前已經(jīng)比較成熟了

有哪些語(yǔ)言可以編譯到 JS

arm.js 是 JS 的嚴(yán)格子集，當(dāng)然器運(yùn)行需要引擎的支持

編譯器可以將 C / C++ 代碼編譯成 JS 代碼，但不是普通的 JS，而是一種叫做 asm.js 的 JavaScript 變體。編譯器項(xiàng)目 Emscripten。

WebAssembly 的技術(shù)，也能將 C / C++ 轉(zhuǎn)成 JS 引擎可以運(yùn)行的代碼。那么它與 asm.js 有何區(qū)別呢？

回答是，兩者的功能基本一致，就是轉(zhuǎn)出來(lái)的代碼不一樣：asm.js 是文本，WebAssembly 是二進(jìn)制字節(jié)碼，因此運(yùn)行速度更快、體積更小

所以說(shuō) 瀏覽器 這個(gè)宿主環(huán)境將會(huì)是多么重要

40 行構(gòu)建正則表達(dá)式引擎

粗看了文章，標(biāo)題起的有點(diǎn)大。

AST 的利用

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

The TC39 對(duì) ECMAScript features 的處理過(guò)程

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 生成前端靜態(tài)頁(yè)面

只跑了下演示的例子，真得搞不懂啊。

不過(guò) https://www.floydhub.com/ 這個(gè)平臺(tái)還不錯(cuò)， 算是新一代云廠商了，不過(guò)是 GPU 的，23333

★★開 源書籍： 深入 React

★★ 語(yǔ)法層面深入子類

通過(guò)此文可以了解到： 對(duì)于面向?qū)ο缶幊痰睦^承這一塊，語(yǔ)法上是怎么一步步優(yōu)化的。

為什么叫語(yǔ)法糖，畢竟用起來(lái)確實(shí)舒服很多, 很甜的嘛。

在 OOP 原則上，與繼承 inheritance 還有個(gè)相對(duì)的是： Composition over inheritance

Chrome 64 更新

最近 TC39 各種提議一堆堆進(jìn)入討論階段，HTML5.2 發(fā)布，瀏覽器更新也非常快，新東西太多，都已經(jīng)追不上了。

一元操作符

// 這個(gè)還是有意思的：
// 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

這里作者講的還都是挺有意思的點(diǎn)。

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 的提議中，不知是否會(huì)加入特性中，全看大佬們的啊。

tc39 工作組處理進(jìn)度與詳細(xì)語(yǔ)法參考

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

話說(shuō)還是增加了些東西的，都還沒有看。2333333

原生模態(tài)層算是解決了一個(gè)大問(wèn)題的。MDN 參考

    Native dialog box!