阿里云前端周刊 - 第 19 期-阿里云开发者社区

开发者社区> 阿里云SAP上云> 正文
登录阅读全文

阿里云前端周刊 - 第 19 期

简介: ## 推荐 ### 1. 高性能 MobX 模式(part 3)- 用例教程 https://zhuanlan.zhihu.com/p/28199184 前面两部分把重点放在了 MobX 基础模块的构建上。用这些模块我们可以开始解决一些现实场景的问题了。这篇文章将会通过一系列的示例来应用我们已经了解的概念。 当然了,这不会是一个冗长的列表,而是可以让你尝试转变思维去应用 Mob

推荐

1. 高性能 MobX 模式(part 3)- 用例教程

https://zhuanlan.zhihu.com/p/28199184

前面两部分把重点放在了 MobX 基础模块的构建上。用这些模块我们可以开始解决一些现实场景的问题了。这篇文章将会通过一系列的示例来应用我们已经了解的概念。
当然了,这不会是一个冗长的列表,而是可以让你尝试转变思维去应用 MobX。所有示例都没有使用 @decorator 的语法来实现。这样可以让你在 Chrome 控制台、Node命令行环境或者是像 Webstrom 这样支持临时文件的 IDE 中尝试。

2. React 16 中的错误处理

https://facebook.github.io/react/blog/2017/07/26/error-handling-in-react-16.html

在 React 15.x 及之前的版本中,组件内的异常有可能会影响到 React 的内部状态,进而导致下一轮渲染时出现未知错误。这些组件内的异常往往也是由应用代码本身抛出,在之前版本的 React 更多的是交托给了开发者处理,而没有提供较好地组件内优雅处理这些异常的方式。在 React 16.x 版本中,引入了所谓 Error Boundary 的概念,从而保证了发生在 UI 层的错误不会连锁导致整个应用程序崩溃;未被任何异常边界捕获的异常可能会导致整个 React 组件树被卸载。

3. 从软件工程角度看大前端技术栈

http://gitbook.cn/books/596760dc118fa209584fd395/index.html

我们都知道,大学几乎是没有 Web 前端课的。以我所在的大学为例,唯一引导我们了解 JavaScript 的也只是‘人机界面’和‘Web应用开发’选修课。再者,由于这些选修课的课时短、面向的主要群体是大部分大学生等原因,其最终所涉及的内容层次也很难赶上近年来 Web 前端领域的快速变化。自学,看起来是广大前端学习者的普遍成长道路。本文尝试结合软件工程专业背景并贯穿软件工程思想,开启一个常常“不为人所知”的大前端技术栈之旅。

4. 深入 PostCSS Web 设计

http://www.w3cplus.com/preprocessor/postcss-book.html

PostCSS是一种工具,一款已成长为像Sass和LESS一样主流的处理器,这一切都归功于它的强大、速度和易用性。《深入PostCSS Web设计》是使用PostCSS的完全指南,《深入PostCSS Web设计》将指导你如何编写优秀的样式,并将其运用到Web页面,同时让你的样式保持可维护性。

其它

1. 基于 Node.js 与 HTML5 的视频流

https://medium.com/@daspinola/video-stream-with-node-js-and-html5-320b3191a6b6

本文一步一步地介绍如何构建基础的 Node.js 接口,并且添加某个路由从而将视频文件发送给前端。本文首先介绍了 Node.js 中流的基础概念与如何获取文件体积、从文件创建流并且获取块的大小等基本 API,然后介绍了如何搭建服务器并且添加合适的路由以返回视频流,最后介绍了前端如何利用 HTML5 的 video 标签实现视频播放与控制;

2. Web 端的下一代三维图形

https://github.com/xitu/gold-miner/blob/master/TODO/next-generation-3d-graphics-on-the-web.md

苹果的 WebKit 团队已经建议成立一个 W3C 社区群组,讨论 Web 端三维图形的未来,并开发一款支持现代 GPU 特性(包括底层图像处理和通用计算)的标准 API。

3. 新版 Chrome 带来了新的字体渲染属性 font-display

http://mp.weixin.qq.com/s/Z_AevQB0_PtANBuxC_gGYQ

网页字体可以让你拥有更丰富的排版,但是并不是所有用户都有相对应的字体,那么就需要下载,可下载字体会让你的网站在打开时显得比较慢。
不过我们可以使用后备字体让浏览器来渲染,如果这个字体下载时间过长的话。那么这个新的 font-display 属性可以帮你控制需要下载的字体加载完成之前所呈现的方式。

4. 阿里巴巴即将开源 Angular 组件库 NG-ZORRO

https://parg.co/bWL

Zorro 的外观设计由 Ant-Design 团队担纲,而且和其它组件库共享了一致的风格和动画效果。Zorro 已经在阿里云团队内部使用,无论是组件的数量,还是代码质量,包括外观设计,都非常值得大家期待!对于 Angular 社区来说,这是一个重大的消息,Zorro 的发布将会进一步提升 Angular 在企业应用方面的巨大优势。

5. 关于 Angular 和 vue 的对话

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享: