阿里云前端周刊 - 第 32 期

推荐

1. React 16 新特性尝鲜实战教程

https://juejin.im/post/59f26fe5f265da43252889d9

React 16 的发布除开源许可证和 Fiber 机制全面开启之外,还为我们提供了部分非常强大的新特性,本视频教程将通过实例带你探索这些新特性,从 Error Boundary 到 Text Only Component,再到 Portal,共 6 小节,19 分钟,每个小节实例讲解一个新特性,在讲解新特性基本用法的同时会介绍新特性的最佳实践。学完本视频教程,你将能熟练把诸如 Error Boundary,Portal 等特性运用到你的实际项目中来提高开发效率和代码质量,做到与时俱进。

2. 手把手教写 TypeScript Transformer Plugin

https://mp.weixin.qq.com/s/P8fK6jDniY_pUFSBrEfMUQ

用过 ant-design 的同学可能对 babel-plugin-import 有印象,它可以帮助实现模块的按需引用。在一个没有使用 antd 全部组件的项目里,这样做可以明显减少打包后的代码体积。 可是,如果你在一个没有使用 Babel 的 TypeScript 项目里,想要实现类似的功能,该怎么办呢?

3. Napa.js 简介

https://blog.philipphauer.de/restful-api-design-best-practices/

本文介绍 Napa.js 的核心概念,带领大家探索 Napa.js 是如何运转起来的。关于它的由来和开发初衷,可以阅读 这篇文章

其它

1. 前端防御从入门到弃坑 - CSP 变迁

https://paper.seebug.org/423/

本文件介绍了 Content Security Policy (CSP)内容安全策略,是一个附加的安全层,有助于检测并缓解某些类型的攻击,包括跨站脚本(XSS)和数据注入攻击。CSP的特点就是他是在浏览器层面做的防护,是和同源策略同一级别,除非浏览器本身出现漏洞,否则不可能从机制上绕过。CSP只允许被认可的JS块、JS文件、CSS等解析,只允许向指定的域发起请求。

2. 全面进阶 H5 直播

https://segmentfault.com/a/1190000008916399#articleHeader6

这篇文章主要介绍了,基于 HTML5 中的 video/audio 去处理音视频流需要用的 Web 技术。

3. Rxjs 实践-各种排序算法排序过程的可视化展示

https://juejin.im/post/59f29b9a6fb9a04504071d58

学习了《算法》的排序章节,想着做点东西,能将各种排序算法的排序过程使用Rxjs通过可视化的方式展示出来,正好练系一下Rxjs的使用(作者语),本文不会太多介绍Rxjs的基本概念,重点介绍如何用响应式编程的思想来实现功能。

4. 遇见大数据可视化 - 那些 WOW 的数据可视化案例

https://www.qcloud.com/community/article/789846

数据可视化的内涵并非只是专业人员才能看得的懂的图表,当你想要通过数据来宣传证明自己时,你遇到的问题是大多数人并不能看懂你的图表。那么让数据可视化的过程更加的生动有趣、通俗易懂就显的尤为重要了。如何才能让数据可视化在面向普罗大众更容易接受和理解,甚至产生WOW的感觉呢?本文试着通过一些具体的数据可视化案例来说明。

5. 使用 Paint Timing API 提高性能

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

传统上,前端性能主要集中在页面加载时间上,来作为重要的性能指标。商业网站性能将显示后端方面的粒度级的性能指标,如数据库查找时间、模板编译、服务器响应时间等等。然而,当涉及到客户端的时候,性能信息是有限的。这在一定程度上是由于有限的性能指标和浏览器提供的 API 。讽刺的是,一些非标准的性能跟踪技术本身会对性能产生负面影响。由于新的面向性能的 API 出现,目前这种情况正在发生转变

6. Vue 项目架构设计与工程化实践

https://github.com/berwin/Blog/issues/14

文中会讲述作者从 0~1 搭建一个前后端分离的vue项目详细过程

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值