于前端开发人员的七个自以为是的预测可能应该开始学习……

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 年韩衍隽清华特奖答辩现场。

每年清华大学本科生特奖入围名单公布之后，都不乏「神仙打架」、「别人家的孩子」等惊叹。但也有人认为，更应该关注的是这些优秀年轻学生对理论研究的热情，在科学研究上所取得的切实成绩，而不是太过于关注一个人的成名故事。