周二技术报 2018-11-06

立冬了，在电脑一篇篇阅读本周技术文章，突然想到一句诗句：
“一点禅灯半轮月，今宵寒较昨宵多。”
本期推荐：《Web Components 最佳实践》和《如何成为一位优秀的前端工程师？》
前者是除了React、Vue、Angular实现组件另一种形式实现方案，后者则明明白白告诉你如何去成长的一篇科学可行文章。

百度Fex推荐

深阅读

富文本编辑器的技术演进之路

推荐指数：★★★☆
推荐理由：如果让你开发富文本编辑器，你会如何思考呢？本文给出更好实现方案，当然源码都是开源的。

浏览器提供了两个原生特性：contenteditable、document.execCommand()，contenteditable 特性，可以指定某一容器变成可编辑器区域，即用户可以在容器内直接输入内容，或者删减内容。execCommand API，可以对选中的某一段结构体，执行一个命令，譬如赋予黑体格式。基于以上，可以做出最简单的富文本编辑器。原来富文本编辑器是这么简单？当然不止如此简单！另附：[译]为数字优先新闻编辑室开发文本编辑器.

点击阅读更多

Atag - Web Components 最佳实践

推荐指数：★★★★☆
推荐理由：一种遵循Web Components标准的组件实现技术框架，不同于React和Vue，它可以在任意页面直接，甚至可以用DOM对象进行获取，可以实践一下，甚至可以考虑在自己项目中使用。

过去一段时间，我一直在使用 Web Components 构建淘宝小程序的 基础组件 Atag。这篇文章的目的，是希望总结在 Atag 开发阶段中使用 Web Components 的经验，避免大家踩坑。另附：October 2018: A Big Month for Web Components.

点击阅读更多

蚂蚁金服移动开发平台mPaaS

推荐指数：★★★
推荐理由：用PaaS思想去开发Android应用，有效的应用技术方案。

Android 拆分项目的方案

点击阅读更多

新鲜货

谷歌最强NLP模型BERT开源

推荐指数：★★☆
推荐理由：谷歌开源必属精品，更加强大的智能分析语义化理解机器，本文带你一一浏览。

BERT全称Bidirectional Encoder Representations from Transformers，是预训练语言表示的方法，可以在大型文本语料库（如维基百科）上训练通用的“语言理解”模型，然后将该模型用于下游NLP任务，比如机器翻译、问答。BERT是第一个无监督的用于预训练NLP的深度双向系统。无监督意味着BERT仅使用文本语料库进行训练，也就是说网络上有大量多种语言文本数据可供使用。另附：Google - Introducing AdaNet: Fast and Flexible AutoML with Learning Guarantees、DeOldify - A Deep Learning based project for colorizing and restoring old images.

点击阅读更多

产品及其它

互联网考古地图

推荐指数：★★
推荐理由：互联网公司的历史文章，可以进入看看以前到底有什么互联网公司。

在关于互联网的早期历史方面，我最近看到一份资料，集合了过去二十多年关于互联网的所有较为知名的创意。它所提及的 100 个网站，曾经在全球范围内获得广泛的影响力，很有群众基础，相当值得研究。这种“考古”工作有价值的一点大概在于，当年互联网还非常稚嫩的时候，是活生生的、各式各样有趣的人创造了经典，他们尝试过、努力过、也遗憾过，是他们塑造了今天的互联网。

点击阅读更多

你可能没读懂的金庸文学伟业

推荐指数：★★☆
推荐理由：从文学价值去欣赏金庸老师的小说，十分中肯地评价。

金庸在文学上的最高成就，我认为是他不但塑造了一大批一流的文学人物，而且居然用武侠小说这种超级不严肃的东西，进行了最庄严的文学探讨，开展了触及人类灵魂的叩问。而在这种叩问之中，竟然还穿插着神奇瑰丽的想象世界，风光旖旎的爱情，热血激昂的侠义精神。另附：金庸与科技圈的不解之缘.

点击阅读更多

奇舞推荐

奇舞推荐

摆脱翻译腔的若干经验

推荐指数：★★
推荐理由：在翻译外文文章的时候，十分有用的经验。

如何在译文甚至写作中摆脱翻译腔？“培养自己的语感，锤炼自己的语言”。

点击阅读更多

如何成为一位优秀的前端工程师？

推荐指数：★★★★☆
推荐理由：不仅告诉如何成长，还告诉你目前为什么会这个样子？较为科学的成长计划说明。

克军和团队谈个人成长。

点击阅读更多

对 React Hooks 的一些思考

推荐指数：★★☆
推荐理由：不是介绍React16的Hooks改动了什么，而是说明React简明API带来好处，即使是底层大改动，上层API也不会有很大影响。

「受 Suspence 和 Hooks 的影响，函数组件不再是纯粹的数据到视图的映射这已然成为既定的事实，React 团队决定走上这一条路，那必然已有权衡，也必然不会回头。对于使用者而言，更为紧要的是在当下思考一下“函数组件将被赋予怎么样的全新定义”这一问题。」

点击阅读更多

JavaScript

Under the Hood: NaN of JS

推荐指数：★★☆
推荐理由：NaN在内存是什么形式的保存，以及NaN的实际是什么？

深入理解 NaN。

点击阅读更多

为数字优先新闻编辑室开发文本编辑

推荐指数：★★☆
推荐理由：另一种富文本编辑器的实现。

ProseMirror 究竟是如何工作的呢？让我们赶快深入它背后的技术。

点击阅读更多

如何设计高扩展的在线网页制作平台

推荐指数：★★☆
推荐理由：在线网页制作平台技术实现方案

介绍了在线 H5 编辑器的开发经验。“用户无需掌握复杂的编程技术，通过简单拖拽、少量配置即可制作精美的页面，可用于营销场景下的页面制作。同时，也为开发者提供了完备的编程接入能力，通过脚本和组件的形式获得强大的组件行为和交互控制能力。”

点击阅读更多

移动开发

移动 APP 研发提速利器 EMAS 跨平台解决方案

推荐指数：★★
推荐理由：WeeX IDE编辑器，可以下载试试看。

周刊君本周调研了下，确实挺不错的。

点击阅读更多

基于 weex 的有赞无线开发框架

推荐指数：★★
推荐理由：weex实际应用经验，以及为什么要用weex框架

有赞移动选择了 weex 作为无线开发框架，搭建了从开发、Debug、构建、发布、数据一个闭环的流程，本文将对此进行分享。

点击阅读更多

其它

在 Chrome 70 中体验 WebAssembly 线程

推荐指数：★★☆
推荐理由：如何在Chrome浏览器使用WebAssembly技术的HelloWorld教程

V8 已经为 WebAssembly 引擎中的线程实现了必要的支持，可通过 Origin Trial 获得。

点击阅读更多