金庸大俠逝世了，回想小時候的夢想是當一個俠客，本想浪跡天涯，路見不平，拔刀相助。沒想到被bug纏住身，只能安心當一名程序員。
本次推薦文章為：《前端與人工智能》和《單屏頁面響應式適配玩法》
奇舞推薦
奇舞推薦
第二屆 VueConf
推薦指數：★★★
推薦理由：Vue大會，喜歡Vue的小伙伴們看看??！
VueConf 日程一睹為快。第二屆 Vue.js 開發(fā)者大會由 Vue.js 官方聯合 w3ctech、前端圈共同舉辦，將于 2018 年 11 月 24 日在杭州開啟。
如何創(chuàng)建一個設計體系來賦能團隊
推薦指數：★★☆
推薦理由：組件化，從人的痛點出發(fā)去改善現有產品設計
“創(chuàng)造始終如一、功能強大、令人愉快的產品體驗的最好方式，是讓創(chuàng)造這種體驗的人們更簡單方便地工作?！?/p>
前端與人工智能
推薦指數：★★★☆
推薦理由：一個AI前端工程師親身體驗，AI在前端到底可以做些神馬？
人工智能時代，前端能做些什么？只是“做 AI 部門的官網”嗎？
JavaScript
gRPC-Web 發(fā)布
推薦指數：★★☆
推薦理由：簡介gRPC-Web 是什么，以及有什么用的介紹文章
“現在可以通過 .proto 文件來定義客戶端和服務器端數據類型和服務接口，輕松構建真正的端到端 gRPC 應用程序架構。gRPC-Web 為 Web 開發(fā)提供了 REST 之外的另一個選擇?！?/p>
React v16.7 "Hooks": What to Expect
推薦指數：★★★
推薦理由：Hook是什么，以及實際應用場景。
其實 hooks 就是一系列特殊的函數，讓 functional component 內部能夠”鉤住“ React 內部的 state 和 life-cycles，開發(fā)者更輕松地復用組件邏輯。
H5 視頻濾鏡的“百搭”解決方案
推薦指數：★★☆
推薦理由：視頻在H5前端增加濾鏡的技術方案和兼容性。
對于一些特殊風格化、定制化的效果，很難通過現有的 CSS filter 實現。WebGL，你值得擁有。
CSS
有人考了我一道 CSS 題目
推薦指數：★★★☆
推薦理由：很好玩的css樣式題目，對文檔排版感興趣的可以進入看看。
確實是一道有趣的 CSS 題目，可以邊讀邊思考。
單屏頁面響應式適配玩法
推薦指數：★★★☆
推薦理由：做官網的可以mark起來了，一套可行的響應式方案
作者思路如下：把公共的 頁頭 、頁腳、導航欄、邊框放到最頂層，其他每個獨立頁則放在下面，然后切換頁面的時候更新獨立頁的層級以達到效果圖的效果）。
思考
MIT 道德機器測試 ：我該犧牲車內乘客還是路上行人？
推薦指數：★★☆
推薦理由：一篇值得反思的文章
“人類社會不僅需要了解人類自身在這些情況下如何抉擇，更需要深入理解人類對機器所做任何決策的感受?！?/p>
IEEE 專訪李開復：五個問題直面人工智能
推薦指數：★★☆
推薦理由：機器智能未來是什么樣子，李開復給你一一講述。
“李開復希望，更多的人能夠從三個方面來關注人工智能帶來的毀滅性變革：全球權力的平衡、國家經濟，以及人類脆弱的靈魂。”
其它
Chrome 70 為開發(fā)者帶來了哪些新特性
推薦指數：★★☆
推薦理由：有視頻可以直接看。
包括：Windows 桌面版 PWA，Web Authentication，可命名的 Worker，等等。
把握趨勢：不容錯過的 Serverless
推薦指數：★★☆
推薦理由：不用后端寫接口的前端是不是可以自主開發(fā)產品了呢？
前端崗位如何能夠創(chuàng)造更大的行業(yè)價值？企業(yè)又該如何低成本建立一個超高效的新型 DevOps 研發(fā)體系？把握趨勢，你不容錯過的Serverless，將給你新的啟示。
圖形語法學簡介
推薦指數：★★☆
推薦理由：可視化數據的 基礎教程。
《The Grammar of Graphics》導讀。
Flutter + Dart 三端一體化開發(fā)
推薦指數：★★☆
推薦理由：Flutter的推廣文章，想了解的同學可以進入看看。
后移動互聯網時代的一種新開發(fā)模式，帶來進一步提高移動應用開發(fā)效率的思路。
百度Fex推薦
深閱讀
靈活文檔：通過上下文可視化鏈接文本和表格數據來幫助文檔閱讀
推薦指數：★★☆
推薦理由：如何更好的服務用戶，讓用戶獲取更好閱讀體驗，這篇告訴你如何去改善網站排版
數據豐富的文檔本身就是復雜的數據集，它們由不同格式的信息組成，如文本，圖形和數據表。這些額外的信息形式更有利于我們對文檔中的文本敘述的理解。但是，傳統(tǒng)的打印文檔的靜態(tài)布局通常會妨礙對其內容的深入理解，因為這些信息往往分散各個部分。在本文中[1]，我們尋求通過將文本內容與文檔中包含的數據表格相結合的上下文可視化技術來促進對這些文檔的更好理解。我們解析文本內容和數據表格，使用基于關鍵字的匹配算法來鏈接這兩部分，并根據讀者在文檔中的當前關注點來生成可視化。
另附：Visualizing quaternions - An explorable video series.
設計
設計師的職責：重在參與
推薦指數：★★☆
推薦理由：設計不僅僅只是設計出一套東西，而是這套東西本身就是讓設計師自己也參與其中的使用中來。
嚴格來說，復雜適應性系統(tǒng)的設計師所設計的并非系統(tǒng)本身，他們是把一系列現有的互相關聯的系統(tǒng)引導至他們所期望的成果。對于這些會與其他力量、想法、事件和設計師產生交互的系統(tǒng)，它們的設計師沒有把自己置于系統(tǒng)的中心，而是將自己理解為塑造這些系統(tǒng)的“參與者”。本文的主旨是探索“參與”在這里的意義。
另附：Designers who can code are more valuable.
深入了解柳冠中的設計觀
推薦指數：★★★
推薦理由：一篇很長的文章，對設計有興趣的可以進入閱讀。
柳冠中老師是中國最早的工業(yè)設計創(chuàng)始人之一，其「設計事理學」出發(fā)點和落腳點都源自于辯證唯物主義哲學觀，事理學的設計觀點也給人以醍醐灌頂的啟發(fā)。柳教授的事理學觀點無論是從自然建構的基礎學科思考問題還是從研究復雜體系的綜合學科層面思考，事理學中都可以找到相關的論點和論據。
產品及其它
保羅·艾倫的故事
推薦指數：★★
推薦理由：微軟另外一位創(chuàng)始人的故事
如果你現在去西雅圖，到處可以看到保羅的痕跡。他建立了流行文件博物館、計算機博物館，創(chuàng)辦畫廊和音樂節(jié)?，F在他不在了，但是他支持的這些事業(yè)還會長久地存在。正如蓋茨在悼念文章中所說：”保羅應當活得更久一些，他一定會充分利用那些多出來的時間。我將非常地懷念他?！?/p>
如何高效把書讀「薄」-專訪 MarginNote
推薦指數：★
推薦理由：如果你還不知道上哪里找閱讀類app，這款產品你可以試試看。
說起 iPad 上的學習工具，MarginNote 一定會是許多人第一個想到的選擇。除了最基礎的閱讀和批注功能，MarginNote 還支持大綱、腦圖、學習卡等高階并且復雜的功能。為什么 MarginNote 在默默「耕耘」了幾年之后才走進大家的視野并且變得熱門起來？相比于同類產品，MarginNote 到底有著怎樣的優(yōu)勢和特點，讓它能夠成為許多人心目中獨一無二的學習工具？本期幕后一起聽 MarginNote 的開發(fā)者 Min 聊一聊背后的故事。另附：
大膽減少你的工作
推薦指數：★★★
推薦理由：管理自己的時間，然后訓練有效利用個人時間，有較為詳細的訓練方式。
關于知識工作者任務的討論，一般都從如何做計劃說起。這樣看來很合乎邏輯?？上У氖牵R工作者的工作計劃很少有能夠真正發(fā)生作用的。計劃通常只是紙上談兵，或只是良好的意愿而已，很少能夠真正實現。有效的知識工作者并不是一開始就著手工作，他們往往會從時間安排上著手。他們并不以計劃為起點，認識清楚自己的時間用在什么地方才是起點。然后，他們管理自己的時間，減少非生產性工作所占用的時間。最后，再將“可自由運用的時間”，由零星的集中成大塊連續(xù)性的時段。
