于前端開發人員的七個自以為是的預測可能應該開始學習……

JavaScript世界正在快速發展。

前端開發（和Web開發）的世界發展迅速。 今天，如果您不在Webpack，React Hooks，Jest，Vue和NG元素之上，那么您會開始感到差距越來越大。 但是，情況正在發生變化。

盡管前端叢林中的開發人員和技術人員的數量每年都在激增，但生態系統仍渴望實現標準化。 新技術和工具的出現已經改變了游戲規則。

可以肯定地說，總體趨勢將是UI標準化，這是一種基于組件的組合，從樣式到測試甚至是狀態管理，都會受到影響，并且總體上會帶來更好的模塊化。 這將包括圍繞Web組件，ES模塊，以組件為中心的工具等構建的技術。

這是對展望未來幾年前端開發狀態的簡短而局部的觀察。 自然，它會丟失一百萬個事物，因此請隨時跳到下面并添加您的見解。

1.框架不可知Web組件

所以基本上，這就是未來。 為什么？ 因為這些純Web組件與框架無關，并且可以在沒有框架或沒有任何框架拼寫標準化的情況下工作。 因為它們沒有JS疲勞，并且得到了現代瀏覽器的支持。 因為它們的捆綁包大小和使用量將是最佳的，并且VDOM渲染令人贊嘆。

這些組件提供了Custom Element，這是一個Javascript API，可讓您定義一種新的html標簽，HTML模板以指定布局，當然還有Shadow DOM，它本質上是特定于組件的。

在這個領域中知名的工具是Lit-html（和Lit-element），StencilJS，SvelteJS，當然還有Bit，用于可重用的模塊化組件，這些組件可以在任何地方直接共享，使用和開發。

考慮組件開發時代的未來以及模塊化，可重用性，封裝和標準化的原理，Web組件就是答案。 在下面了解更多。

2.框架戰爭的未來？

因此，我們并不是真的會深入探討"誰會變得更好，為什么會變得更好"，并且您會在下面找到該問題的更多答案。 相反，我們會退后一步，注意更大的范圍。 圍繞組件的前端技術的整體"市場份額"正在增長。 不斷。 新開發人員的加入速度也在快速增長，并且工具的使用空間更大。

令人震驚吧？

隨著將來與框架無關的Web組件的標準化，人們可能會對它可能對UI框架大戰產生的影響感到好奇。 是的，React不是一個框架……我們知道。

深入探討使用真實數據進行基準測試的框架：

3.組件隔離，重用和組合

當談到不久的將來的FrontEnd開發和UI組件時，無法忽視Bit的驚人前景和功能。

團隊共享可重用的代碼組件·bit

簡而言之，使用Bit，您可以立即在另一個項目中使用一個項目中的組件，從兩個項目中進行開發和更改，以及同步更改。 團隊合作時，Bit.dev是Bit的組件中心，可增強此工作流程，您可以在其中組織和共享團隊的代碼。

該中心提供您在組件上共享和協作所需的一切，從優美的搜索和發現體驗到現場組件游樂場，全面的CI / CD支持等等。

使用Bit，您可以構建具有對團隊和開源社區曾經編寫的所有組件的完整且即時訪問權限的應用程序，并即時共享新組件或對現有組件進行建議升級。 哇。

4. ES模塊和CDN

ES Modules是ECMAScript標準化的用于在瀏覽器中使用模塊的標準。 使用ES模塊，您可以輕松地將功能封裝到可通過CDN等使用的模塊中。隨著Firefox 60的發布，所有主要的瀏覽器都將支持ES模塊，并且Node mteam正在努力將ES模塊支持添加到Node.js中。 此外，在未來幾年中還將為WebAssembly集成ES模塊。 試想一下，JS組件與Bit隔離，并通過bit.dev通過CDN消耗。

5.狀態管理

所以……狀態管理有什么新變化？ 最終，我們無論如何都要通過Redux全球商店中的所有商品，對嗎？

但是，這可能使得難以充分利用組件的模塊化和可重用性。 React的新Context API和Hooks意味著您不需要第三方庫，并且可以在功能組件級別管理狀態，從而提高了模塊化和可重用性。 因此，展望未來，我們可能會更多地考慮封裝組件而不是全局應用程序商店來考慮狀態管理。 只是一個想法。

5.樣式化組成成分

因此，在過去兩年中，圍繞樣式組件的討論非常頻繁。 從內聯CSS或CSS模塊到JS中的CSS和樣式化的組件，甚至是樣式化的中途解決方案，都有很多選擇。

在考慮未來幾年的樣式時，我喜歡將樣式視為一種組合。 意思是，我們的組件設計系統應該包括邏輯組件和主題組件，它們可以使用Bit之類的工具組合在一起。 這樣，您可以創建一個設計系統，該系統可以根據需要進行更改和更改，并且不會對不愿采用它的開發人員造成繁瑣的庫。 設計工具本身（例如Sketch a Figma）將為此目的利用組件（將它們與Bit結合在一起，您將獲得最終的組件設計系統。這非常令人興奮。

6.用于數據驅動的應用程序的GraphQL API客戶端

因此，使用GraphQL通過組件為客戶打開了令人興奮的可能性。 使用Apollo，您可以輕松構建通過GraphQL獲取數據的UI組件。 與Bit結合使用時，您可以直接從正在處理的消耗項目中導入和開發這些組件。

通過對API的智能管理，我們可以簡化圍繞數據驅動的應用程序開發的工作流程，并加快工作的開發速度。 因此，絕對值得深入研究幾年。

7.基于組件的設計工具

隨著組件成為我們的設計系統，設計師和開發人員之間的鴻溝將被彌合。 從等式的兩端（從設計人員和開發人員的角度來看）這將成為可能。

在設計組件之間繪制已創建的依賴關系鏈接，以便您可以模塊化方式設計和更新設計。 與代碼組件的集成已經開始萌芽，這只是時間問題。 像Figma這樣的工具是基于可重用的UI元素從頭開始構建的。 Framer團隊正在為編碼人員設計工具，并具有一定程度的控制權，可以將UI元素轉換為可重用的React組件。 通過Bit，您可以將設計的組件變成可重用的構建塊，可以在任何地方直觀地發現，使用甚至開發這些組件，從而彌合了開發人員的空白。 位+組件設計工具是一個強大的未來。 通過CDN使用Bit和Web組件，這意味著功能全面。

(本文翻譯自Jonathan Saring的文章《7 FrontEnd JavaScript Trends and Tools You Should Know for 2020》，參考：https://medium.com/hackernoon/7-frontend-javascript-trends-and-tools-you-should-know-for-2020-fb1476e41083)

根 crim,crimin=separate 分開

來源于拉丁語cernere 分開,詞根crimin為詞根 crim 的變體，有同形異義詞根： crim 罪。

同源詞：

1.discriminate [dis- 分開 + -crim- 分開 + -ate (v.) 表示使 → 歧視某人的一個重要表現是反復分開他的話題 →]

v. 歧視，有差別地對待

2.discrimination [見上，-ation 名詞后綴 →]

n. 辨別力，歧視

3.indiscrimination [in- 否定 + dis- 分開 + -ation (n.) 名詞后綴 → 沒有區分度的 → ]

n. 無差別，無分別

4.discriminator [見上，-or 名詞后綴 → ]

n. 辨別者，鑒別器

5.nondiscrimination [non- 不，否定 + dis- 分開 + -ation (n.)名詞后綴 → ]

n. 不歧視

6.indiscriminate [in- 否定 + dis- 分開 + -ate (a.) 形容詞后綴，表示“…的” → 形容不加思索的分開某物 → ]

adj. 不加選擇的，不加區別的

【訊馳外語】版權所有。可樂老師 編輯。

轉發 詞根 crim,crimin=separate 分開_英語筆記 http://www.ppbbu.com/en_cn_blog/94791---.html。

如有侵權請通知刪除。碼字不易，敬請【點贊】、【關注】！謝謝您的支持！

My email：ilikework_cz@126.com

器之心報道

作者：蛋醬

在今年的清華本科生特獎候選人中，來自電子系的劉泓 ICML、CVPR、NeurIPS 三篇頂會一作的成績十分亮眼，此外，來自姚班的呂欣也因為在計算機基礎理論研究上的貢獻備受關注。

11 月 12 日下午，2020 年清華本科生特等獎學金答辯會在清華大學法律圖書館報告廳舉行，來自 15 個院系的 15 名本科生候選人進行了現場答辯，目前最終票選結果已出爐。

據清華大學校內媒體報道，進入票選前十名的是

1. 自動化系 蔡燁怡

2. 人文學院 謝廷玉

3. 計算機系 張晨

4. 電子系 劉泓

5. 物理系 陳逸賢

6. 能動系 解海鵬

7. 工物系 王佳恒

8. 社科學院 宮棟宇

9. 水利系 劉素嘉

10. 新雅書院 王雷捷

（以上名單按答辯順序排列，不代表票數順序，最終結果以清華大學官方公示內容為準）

電子系劉泓：ICML、CVPR、NeurIPS 三篇頂會一作

劉泓來自清華大學電子系無 75 班，研究方向包括遷移學習等，本科期間曾獲得蔣南翔獎學金。

在競選海報中，劉泓最為亮眼的是科研經歷。他曾以第一作者的身份在 ICML 2019 和 CVPR 2019 發表論文，同時，他也擔任過 ICML、NeurIPS、AAAI、ICLR、IEEE TIP 等學術會議期刊擔任審稿人。

《Transferable Adversarial Training: A General Approach to Adapting Deep Classifiers》

論文地址：http://proceedings.mlr.press/v97/liu19b.html

《Separate to Adapt: Open Set Domain Adaptation via Progressive Separation》

論文地址：https://openaccess.thecvf.com/content_CVPR_2019/html/Liu_Separate_to_Adapt_Open_Set_Domain_Adaptation_via_Progressive_Separation_CVPR_2019_paper.html

目前可以查到的是，劉泓的論文《Learning to Adapt to Evolving Domains 》也已經被 NeurIPS 2020 接收。

論文地址：https://proceedings.neurips.cc/paper/2020/file/fd69dbe29f156a7ef876a40a94f65599-Paper.pdf

在答辯現場，劉泓表示：

「做兼具家國情懷和國際視野的研究者，這是我一直以來的夢想。我要努力做出更有影響力的研究成果，將自己的理論落到實處，為祖國的偉大復興添磚加瓦。」

計算機系張晨：SC19 國際大學生超算競賽團體冠軍

張晨來自清華大學計算機系計 71 班，推研學分績排名計算機系第一（1/205）。

張晨曾獲得國家獎學金、清華大學綜合優秀獎、「CCF 優秀大學生」等榮譽，論文在 CCF 推薦 A 類期刊 IEEE TC 發表。

2019 年，張晨作為清華大學學生超算團隊成員獲得 SC19 國際大學生超算競賽總決賽冠軍。

姚班呂欣 ：「以人類智慧探尋計算機能力的邊界」

呂欣來自清華大學交叉信息研究院「姚班」計科 70 班，前三年推研成績年級 1/42。他的競選格言是「以人類智慧探尋計算機能力的邊界」。

本科期間，他曾經獲得過綜合優秀獎、國家獎學金以及姚獎學金（Yao Award）一等獎等榮譽。姚獎學金是交叉信息院為了表彰和獎勵「姚班」、「智班」學生在德、智、體、美、勞等全方面的優異表現，特別是在學習和科研上取得的優異成績和突出成果而專門設立的獎金，在每個學年末，對「姚班」、「智班」三年級的優秀學生頒發。

在大三那一年，呂欣曾前往 MIT 進行學術訪問，并在 IEEE 計算機科學基礎研討會 FOCS 2020 發表論文《Almost-Everywhere Circuit Lower Bounds from Non-Trivial Derandomization》，合著者包括姚班師兄、2016 年清華特獎得主陳立杰。該論文對「算法方法」證明電路復雜性研究起到了重要的推動作用。

論文地址：https://eccc.weizmann.ac.il/report/2020/150/

最終呂欣的票選結果未及前十，但陳立杰評價其有著「勤奮好學的品質以及扎實的功底」。呂欣在答辯中表示，自己未來的學術理想是「獻身理論研究」。

清華群星閃耀時

今年是清華大學特等獎學金設立的第 21 年，該獎項是學校授予在校學生的最高榮譽，每年獎勵表現最突出的二十名在校學生，其中本科生十名，研究生十名。清華大學特等獎學金獲得者應是德智體美勞等各方面全面發展，綜合素質最為優秀的同學，或者在某一方面具有突出特長或貢獻，其他方面比較優秀的同學。

許多曾經獲得特獎榮譽的清華本科生，如今已經在各自的領域取得了不菲的成績，比如韓衍雋、楊植麟、陳立杰、喬明達、吳佳俊等人，目前在嗶哩嗶哩等視頻網站還能找到往屆的清華特獎答辯記錄。

2014 年韓衍雋清華特獎答辯現場。

每年清華大學本科生特獎入圍名單公布之后，都不乏「神仙打架」、「別人家的孩子」等驚嘆。但也有人認為，更應該關注的是這些優秀年輕學生對理論研究的熱情，在科學研究上所取得的切實成績，而不是太過于關注一個人的成名故事。