FCC 成都社區·技術週刊 第 13 期

【前端】

一、Firefox 60 支持同域才能發送 Cookie

本月初，Firefox 60 瀏覽器發佈。它有一個很大的亮點，就是它解決了 CSRF 攻擊。

所謂 CSRF 攻擊，就是使用真實的 Cookie 進行惡意行爲。好比，用戶訪問 B 網站，頁面上有一張來自 A 圖站的圖片，這時瀏覽器就會向 A 網站發出請求，並帶上 A 網站的 Cookie。若是這張圖片的 URL 被精心僞造過（好比是劃款請求），麻煩就來了。由於 A 網站的服務器會覺得，這個請求是真實的請求，由於 Cookie是對的，從而受權進行各類操做。

Firefox 60 按照最新的標準，爲 Cookie 新增了一個 SameSite 屬性，明確規定訪問 B 網站時向 A 網站發出的請求，一概不準帶上 Cookie，這就從根本上防止了 CSRF 攻擊。

另外，Firefox 60 還默認打開了 ES6 模塊支持，至此全部瀏覽器都默認支持 ES6 模塊。

連接：https://blog.mozilla.org/secu...

二、TypeScript 2.9 RC 發佈 

這次發佈亮點包括 import() 類型以及對 keyof 和映射對象類型（mapped object types）中的符號（symbols）和數字文字（numeric literals）的支持。

新增特性：支持使用 keyof 和映射類型命名屬性的編號和符號; 支持將泛型傳遞給 JSX 元素; 支持將泛型傳遞給標記的模板調用; 容許在任何位置導入（...）類型; 默認狀況下輸出 --pretty 錯誤; 支持 import.meta; 新增 --resolveJsonModule; 聲明源 map 和經過它們的代碼導航。

連接：https://blogs.msdn.microsoft....

三、2018 年前端工具報告

由 Ashley Watson-Nolan 建立的 2018 年前端工具調查結果已經發布，報告對當前 CSS 和 JS 工具的使用狀況提供了一些有趣的統計。

連接：https://ashleynolan.co.uk/blo...

四、node 8.11.2 LTS 發佈

特性：
同步 http2 和 n-api，和 當前版本(Node 10 )一致
更新了 node-inspect 和 nghttp2 依賴

連接： https://nodejs.org/en/blog/re...

五、精讀《從新思考 Redux》

dva 以後，有許多基於 redux 的狀態管理框架，但大部分都很侷限，甚至是倒退。但直到看到了 rematch，總算以爲 redux 社區又進了一步。

這篇文章的寶貴之處在於，拋開 Mobx、RXjs 概念，僅針對 redux 作深刻的從新思考，對大部分還在使用 redux 的工程場景很是有幫助。

https://zhuanlan.zhihu.com/p/...

六、React 應用架構設計

如今已經有不少腳手架工具，如create-react-app，支持一鍵建立一個React應用項目結構，很方便，可是享受方便的同時，也失去了對項目架構及技術棧完整學習的機會，並且一般腳手架建立的應用技術架構並不能徹底知足咱們的業務需求，須要咱們本身修改，完善，因此若是但願對項目架構有更深掌控，最好仍是從0到1理解一個項目。

連接： https://mp.weixin.qq.com/s/cI...

七、Angular Ivy搶鮮看

「Ivy」 是 Angular v6 的新一代渲染器。從 v6.0.0-beta.1 開始，Ivy 已經做爲體驗 API 發佈。做爲下一代的 Angular 的視圖引擎，重點在於完全縮減代碼尺寸並加強靈活性。在這個示例中，你能夠看到，對於一個 Hello, world 應用，代碼的尺寸能夠壓縮到 3K 左右。Ivy還具備打包更快速，更具可閱讀性等特色。

連接：https://www.telerik.com/blogs...

八、如何閱讀大型前端開源項目的源碼

這是來自螞蟻金服數據體驗技術團隊的乾貨分享。這篇文章主要講的是閱讀大型的前端開源項目好比 React、Vue、Webpack、Babel 的源碼時的一些技巧，目的是讓你們在遇到須要閱讀源碼才能解決的問題時，能夠更快的定位到本身想看的代碼。但願你們能夠經過這篇博客，瞭解到閱讀大型前端項目源碼時的切入點。在以後遇到好奇的問題時，能夠本身去探索。

連接：https://juejin.im/post/5afe37...

九、可用但最不常見的 HTML5 標籤

我能夠肯定大家都已經在使用 HTML5 作網頁了，而且會使用一些常見的標籤，如 <header>、<section>、<article> 和 <footer> 等等，除此以外，還有一些不經常使用的標籤是有助於正確使用 HTML5 的語義化開發，如<details>、<dialog>、<mark>、<time>、<datetime>、<progress>等，來了解一下。

連接：https://codeburst.io/the-most...

【後端】

一、消息批量推送工具WePush

WePush 是由 Java 編寫的專一批量推送的小而美的工具，目前支持的類型：模板消息-公衆號、模板消息-小程序、微信客服消息、阿里雲短信、阿里大於模板短信 、騰訊雲短信。

詳情： https://github.com/rememberbe...

二、構建你的技術體系

如何構建全面的技術體系？內容包括：3D Renderer 、Blockchain / Cryptocurrency 、Database 、Docker 、Front-end Framework / Library 、Game 、Git 、Network Stack 、Neural Network 、Operating System 、Physics Engine 、Programming Language 、Shell、Web Search Engine 、Web Server 等等。

詳情： https://github.com/danistefan...

三、10 個經常使用的軟件架構模式

你是否曾經思考過如何設計大型的企業級系統？在決定啓動軟件開發以前，首要的是選擇恰當的架構來指引系統的功能及質量屬性設計。所以在將軟件架構應用於設計以前，必須要了解經常使用的架構模式。文章介紹了多種架構模式（分層模式、客戶端／服務器模式、主／從模式、管道／過濾器模式、代理模式、對等模式、事件總線模式、MVC模式、黑板模式、解析器模式），及各類架構模式的使用場景。

詳情： http://blog.jobbole.com/113953/

四、僞裝很忙的三個命令行工具

有時候你很忙，而有時候你只是須要看起來很忙，就像電影中的黑客同樣。有一些開源工具就是幹這個的，讓咱們在 Linux 和終端裏忙起來！

詳情：https://linux.cn/article-9591...

五、看完這篇 Linux 基本的操做就會了

由一個剛學習使用 Linux 的小夥伴整理而成，主要總結了 Linux 的基礎操做以及一些簡單的概念，經常使用的命令，Shell 和 Vi 編輯器的使用等。對於開發者來講，能使用 Linux 作一些基本的操做是必要的！

詳情： https://zhuanlan.zhihu.com/p/...

六、Python 最佳實踐指南 2018

高級 Python 開發者必知必會的知識，涉及安裝、配置、部署以及 Python 平常使用的最佳實踐。這份指南是由 Kenneth Reitz 以開源的方式構建和維護的， PythonCaff.com 組織和翻譯。

詳情：https://pythoncaff.com/docs/p...

七、Django 2.0 官方文檔中文版

Django 最初被設計用於具備快速開發需求的新聞類站點，目的是要實現簡單快捷的網站開發，如今已經成爲最流行的 Python Web 開發框架。官方文檔詳細並且完整，是學習和使用必查資料。對於沒有嘗試過的小夥伴來講，如今中文也翻譯好了，你還有什麼理由不去快速瞭解一下呢？

詳情：https://docs.djangoproject.co...

【其餘】

一、微信開源PhoenixGo：業界領先的人工智能圍棋

PhoenixGo 以 BensonDarr（暱稱「金毛」）的名義在騰訊野狐圍棋平臺上和全球頂尖職業棋手、圍棋愛好者及各路圍棋AI對弈，在 4 月底取得了 200 多連勝，並在福州 2018 世界人工智能圍棋大賽上奪冠。微信已將 PhoenixGo 對弈源碼和訓練好的模型開源。

詳情： https://mp.weixin.qq.com/s/mk...

二、提升效率的幾個技巧和工具分享

來自一位有 12 年開發經驗的老司機的分享，偏向於介紹非技術性的工做流方面的經驗。好比一些鍵盤的快捷按鍵設置（Mac 爲主）；筆記記錄軟件；項目管理或者 GTD；email 工做流；番茄鍾工做法等。

詳情：https://medium.com/@fabrik42/...

每週一同步更新到 GitHub, 歡迎 star :)