资讯专栏INFORMATION COLUMN

FCC 成都社区·前端周刊 第 5 期

张金宝 / 1459人阅读

摘要:发布一直是数据可视化的不错选择。本次发布的版本的更新包括使用代替回调函数,等高线图和密度图。详情发布该版本更新包括模块调整,模块新增函数判断终端是否支持颜色,弃用函数和等。

01. D3.js 5.0 发布

D3 一直是 JavaScript 数据可视化的不错选择。本次发布的 5.0 版本的更新包括:使用 Promise 代替回调函数,等高线图和密度图。

详情:https://github.com/d3/d3/blob/master/CHANGES.md#changes-in-d3-50

02. 用 Parcel 搭建 React App

号称开箱即用的后起之秀 Parcel,不到半年在Github 已经有 2w 多 star。本文教你用 Parcel 搭建 React App,作者认为它甚至比 create-react-app 更简单。

详情:https://itnext.io/react-with-parcel-99229106dac8

03. 使用 Node 调用 GraphQL API

Facebook 推出的接口查询语言 GraphQL,立志在简洁性和扩展性方面超越 REST,其已被应用在很多复杂的业务场景中。这是一篇讲解如何在 Node 中使用 GraphQL API 的文章。

详情:https://itnext.io/call-graphql-api-with-native-node-modules-5e4d088ca969

04. 用 JavaScript 写一个区块链

这篇文章讲解了如何使用 JavaScript 来创建一个简单的区块链,并演示它们的内部是如何工作的。全文包括三个部分:实现一个基本的区块链,实现POW(proof-of-work:工作量证明),交易与挖矿奖励。

详情:https://zhuanlan.zhihu.com/p/34522746

05. 渲染引擎性能优化指南

这篇文章详细讲解了页面渲染的整个过程以及渲染的性能优化技巧。优化技巧包括:优化 JavaScript 与 DOM 交互,CSS 样式优化,页面布局优化,减少 repaint/reflow (重绘/回流)。

详情:https://blog.sessionstack.com/how-javascript-works-the-rendering-engine-and-tips-to-optimize-its-performance-7b95553baeda

06. React/Redux 10 Tips

这是来自具有 2 年 React/Redux 开发经验的 20 人团队的见解和技巧分享:使用 React 和 Redux 进行大规模开发的 10 个Tips。

详情:https://www.youtube.com/watch?v=NQta2urK3zk

07. Node v9.9.0 (Current) 发布

该版本更新包括:assert 模块调整,tty 模块新增函数 getColorDepth(判断终端是否支持颜色),弃用函数 Buffer 和 new Buffer 等。

原文: https://nodejs.org/en/blog/release/v9.9.0/

08. Chrome 66+ 允许异步剪贴板访问

Chrome 66 版本中新增了异步剪贴板API (navigator.clipboard 等),通过检查应用的交互权限允许异步剪切板访问,仅支持 HTTPS 页面。

详情:https://developers.google.com/web/updates/2018/03/clipboardapi

9. CSS Gradient: 为你的网页制作渐变

CSS Gradient 是一个在线工具,通过在线调色可生成你所需的渐变 CSS 代码,同时提供多种多样的渐变色板和示例。

详情:https://cssgradient.io/

10. MEAN/MERN 技术栈开发课程

这是来自 MongoDB University 的免费课程,讲解了如何使用现代化的 MEAN/MERN 技术栈进行开发。

MEAN (MongoDB, Express, Angular2, Node.js)

MERN (MongoDB, Express, React, Node.js)

详情:https://www.mongodb.com/blog/post/the-modern-application-stack-part-1-introducing-the-mean-stack

11. Angular CLI 参考指南

这篇文章详细讲解了 Angular CLI 的使用,包括CLI 的安装,应用程序的创建,添加功能,自动化配置单元测试和端到端测试,应用程序的构建和部署等。

详情:https://www.sitepoint.com/ultimate-angular-cli-reference/

12. JS 动画库在 React 中的使用比较

这篇文章讨论了 GreenSock、Anime.js、Mo.js、Popmotion 和 Velocity 等动画库在 React 中的使用评分及体验。

详情:https://blog.logrocket.com/comparing-the-top-js-animation-libraries-for-use-in-react-apps-e3ba5ccad68d

每周一同步更新到GitHub,  欢迎star :)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/52111.html

相关文章

  • FCC成都社区·前端周刊 1

    摘要:详情在线是一个简单的在线详情一套前端架构库说不上快速,但其集成了自定义元素可观察对象路由等,是一款轻量级的库。和等都有使用它。详情这是一本涵盖和内容的新书,可在线阅读或付费下载电子书。 01. 2018 JavaScript 测试概览 文章介绍了JavaScript测试的关键术语、测试类型、工具和方法,并简要分析了工具jsdom、Istanbul、Karma、Chai、Wallaby等...

    source 评论0 收藏0
  • FCC成都社区·前端周刊 1

    摘要:详情在线是一个简单的在线详情一套前端架构库说不上快速,但其集成了自定义元素可观察对象路由等,是一款轻量级的库。和等都有使用它。详情这是一本涵盖和内容的新书,可在线阅读或付费下载电子书。 01. 2018 JavaScript 测试概览 文章介绍了JavaScript测试的关键术语、测试类型、工具和方法,并简要分析了工具jsdom、Istanbul、Karma、Chai、Wallaby等...

    keithyau 评论0 收藏0
  • FCC成都社区·前端周刊 1

    摘要:详情在线是一个简单的在线详情一套前端架构库说不上快速,但其集成了自定义元素可观察对象路由等,是一款轻量级的库。和等都有使用它。详情这是一本涵盖和内容的新书,可在线阅读或付费下载电子书。 01. 2018 JavaScript 测试概览 文章介绍了JavaScript测试的关键术语、测试类型、工具和方法,并简要分析了工具jsdom、Istanbul、Karma、Chai、Wallaby等...

    elva 评论0 收藏0
  • FCC 成都社区·前端周刊 3

    摘要:详情发布高性能实时应用程序框架带来的最新增强功能,并通过集成,和简化持续集成和持续部署。文中提出的反调试技巧包括检测未知的执行环境检测调试工具例如代码完整性控制流完整性控制和反模拟。 01. Chrome65 的新功能 CSS Paint API 允许使用编程方式生成图像;Server Timing API允许服务器将时间信息通过HTTP headers传递给浏览器; CSS disp...

    chunquedong 评论0 收藏0
  • FCC 成都社区·前端周刊 3

    摘要:详情发布高性能实时应用程序框架带来的最新增强功能,并通过集成,和简化持续集成和持续部署。文中提出的反调试技巧包括检测未知的执行环境检测调试工具例如代码完整性控制流完整性控制和反模拟。 01. Chrome65 的新功能 CSS Paint API 允许使用编程方式生成图像;Server Timing API允许服务器将时间信息通过HTTP headers传递给浏览器; CSS disp...

    gxyz 评论0 收藏0

发表评论

0条评论

张金宝

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<