周二技术报 2018-10-30

金庸大侠逝世了，回想小时候的梦想是当一个侠客，本想浪迹天涯，路见不平，拔刀相助。没想到被bug缠住身，只能安心当一名程序员。
本次推荐文章为：《前端与人工智能》和《单屏页面响应式适配玩法》

奇舞推荐

奇舞推荐

第二届 VueConf

推荐指数：★★★
推荐理由：Vue大会，喜欢Vue的小伙伴们看看啊！

VueConf 日程一睹为快。第二届 Vue.js 开发者大会由 Vue.js 官方联合 w3ctech、前端圈共同举办，将于 2018 年 11 月 24 日在杭州开启。

点击阅读更多

如何创建一个设计体系来赋能团队

推荐指数：★★☆
推荐理由：组件化，从人的痛点出发去改善现有产品设计

“创造始终如一、功能强大、令人愉快的产品体验的最好方式，是让创造这种体验的人们更简单方便地工作。”

点击阅读更多

前端与人工智能

推荐指数：★★★☆
推荐理由：一个AI前端工程师亲身体验，AI在前端到底可以做些神马？

人工智能时代，前端能做些什么？只是“做 AI 部门的官网”吗？

点击阅读更多

JavaScript

gRPC-Web 发布

推荐指数：★★☆
推荐理由：简介gRPC-Web 是什么，以及有什么用的介绍文章

“现在可以通过 .proto 文件来定义客户端和服务器端数据类型和服务接口，轻松构建真正的端到端 gRPC 应用程序架构。gRPC-Web 为 Web 开发提供了 REST 之外的另一个选择。”

点击阅读更多

React v16.7 "Hooks": What to Expect

推荐指数：★★★
推荐理由：Hook是什么，以及实际应用场景。

其实 hooks 就是一系列特殊的函数，让 functional component 内部能够”钩住“ React 内部的 state 和 life-cycles，开发者更轻松地复用组件逻辑。

点击阅读更多

H5 视频滤镜的“百搭”解决方案

推荐指数：★★☆
推荐理由：视频在H5前端增加滤镜的技术方案和兼容性。

对于一些特殊风格化、定制化的效果，很难通过现有的 CSS filter 实现。WebGL，你值得拥有。

点击阅读更多

CSS

有人考了我一道 CSS 题目

推荐指数：★★★☆
推荐理由：很好玩的css样式题目，对文档排版感兴趣的可以进入看看。

确实是一道有趣的 CSS 题目，可以边读边思考。

点击阅读更多

单屏页面响应式适配玩法

推荐指数：★★★☆
推荐理由：做官网的可以mark起来了，一套可行的响应式方案

作者思路如下：把公共的 页头 、页脚、导航栏、边框放到最顶层，其他每个独立页则放在下面，然后切换页面的时候更新独立页的层级以达到效果图的效果）。

点击阅读更多

思考

MIT 道德机器测试 ：我该牺牲车内乘客还是路上行人？

推荐指数：★★☆
推荐理由：一篇值得反思的文章

“人类社会不仅需要了解人类自身在这些情况下如何抉择，更需要深入理解人类对机器所做任何决策的感受。”

点击阅读更多

IEEE 专访李开复：五个问题直面人工智能

推荐指数：★★☆
推荐理由：机器智能未来是什么样子，李开复给你一一讲述。

“李开复希望，更多的人能够从三个方面来关注人工智能带来的毁灭性变革：全球权力的平衡、国家经济，以及人类脆弱的灵魂。”

点击阅读更多

其它

Chrome 70 为开发者带来了哪些新特性

推荐指数：★★☆
推荐理由：有视频可以直接看。

包括：Windows 桌面版 PWA，Web Authentication，可命名的 Worker，等等。

点击阅读更多

把握趋势：不容错过的 Serverless

推荐指数：★★☆
推荐理由：不用后端写接口的前端是不是可以自主开发产品了呢？

前端岗位如何能够创造更大的行业价值？企业又该如何低成本建立一个超高效的新型 DevOps 研发体系？把握趋势，你不容错过的Serverless，将给你新的启示。

点击阅读更多

图形语法学简介

推荐指数：★★☆
推荐理由：可视化数据的 基础教程。

《The Grammar of Graphics》导读。

点击阅读更多

Flutter + Dart 三端一体化开发

推荐指数：★★☆
推荐理由：Flutter的推广文章，想了解的同学可以进入看看。

后移动互联网时代的一种新开发模式，带来进一步提高移动应用开发效率的思路。

点击阅读更多

百度Fex推荐

深阅读

灵活文档：通过上下文可视化链接文本和表格数据来帮助文档阅读

推荐指数：★★☆
推荐理由：如何更好的服务用户，让用户获取更好阅读体验，这篇告诉你如何去改善网站排版

数据丰富的文档本身就是复杂的数据集，它们由不同格式的信息组成，如文本，图形和数据表。这些额外的信息形式更有利于我们对文档中的文本叙述的理解。但是，传统的打印文档的静态布局通常会妨碍对其内容的深入理解，因为这些信息往往分散各个部分。在本文中[1]，我们寻求通过将文本内容与文档中包含的数据表格相结合的上下文可视化技术来促进对这些文档的更好理解。我们解析文本内容和数据表格，使用基于关键字的匹配算法来链接这两部分，并根据读者在文档中的当前关注点来生成可视化。
另附：Visualizing quaternions - An explorable video series.

点击阅读更多

设计

设计师的职责：重在参与

推荐指数：★★☆
推荐理由：设计不仅仅只是设计出一套东西，而是这套东西本身就是让设计师自己也参与其中的使用中来。

严格来说，复杂适应性系统的设计师所设计的并非系统本身，他们是把一系列现有的互相关联的系统引导至他们所期望的成果。对于这些会与其他力量、想法、事件和设计师产生交互的系统，它们的设计师没有把自己置于系统的中心，而是将自己理解为塑造这些系统的“参与者”。本文的主旨是探索“参与”在这里的意义。
另附：Designers who can code are more valuable.

点击阅读更多

深入了解柳冠中的设计观

推荐指数：★★★
推荐理由：一篇很长的文章，对设计有兴趣的可以进入阅读。

柳冠中老师是中国最早的工业设计创始人之一，其「设计事理学」出发点和落脚点都源自于辩证唯物主义哲学观，事理学的设计观点也给人以醍醐灌顶的启发。柳教授的事理学观点无论是从自然建构的基础学科思考问题还是从研究复杂体系的综合学科层面思考，事理学中都可以找到相关的论点和论据。

点击阅读更多

产品及其它

保罗·艾伦的故事

推荐指数：★★
推荐理由：微软另外一位创始人的故事

如果你现在去西雅图，到处可以看到保罗的痕迹。他建立了流行文件博物馆、计算机博物馆，创办画廊和音乐节。现在他不在了，但是他支持的这些事业还会长久地存在。正如盖茨在悼念文章中所说：”保罗应当活得更久一些，他一定会充分利用那些多出来的时间。我将非常地怀念他。”

点击阅读更多

如何高效把书读「薄」-专访 MarginNote

推荐指数：★
推荐理由：如果你还不知道上哪里找阅读类app，这款产品你可以试试看。

说起 iPad 上的学习工具，MarginNote 一定会是许多人第一个想到的选择。除了最基础的阅读和批注功能，MarginNote 还支持大纲、脑图、学习卡等高阶并且复杂的功能。为什么 MarginNote 在默默「耕耘」了几年之后才走进大家的视野并且变得热门起来？相比于同类产品，MarginNote 到底有着怎样的优势和特点，让它能够成为许多人心目中独一无二的学习工具？本期幕后一起听 MarginNote 的开发者 Min 聊一聊背后的故事。另附：

点击阅读更多

大胆减少你的工作

推荐指数：★★★
推荐理由：管理自己的时间，然后训练有效利用个人时间，有较为详细的训练方式。

关于知识工作者任务的讨论，一般都从如何做计划说起。这样看来很合乎逻辑。可惜的是，知识工作者的工作计划很少有能够真正发生作用的。计划通常只是纸上谈兵，或只是良好的意愿而已，很少能够真正实现。有效的知识工作者并不是一开始就着手工作，他们往往会从时间安排上着手。他们并不以计划为起点，认识清楚自己的时间用在什么地方才是起点。然后，他们管理自己的时间，减少非生产性工作所占用的时间。最后，再将“可自由运用的时间”，由零星的集中成大块连续性的时段。

点击阅读更多