BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

前端每周清单:TensorFlow.js,深入了解wasm-bindgen

| 作者 覃云 关注 6 他的粉丝 发布于 2018年4月9日. 估计阅读时间: 6 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

看新闻很累?看技术新闻更累?试试下载InfoQ手机客户端,每天上下班路上听新闻,有趣还有料!

前端每周清单专注大前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点;分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号(ID: frontshow),及时获取前端每周清单。

新闻热点

国内国外,前端最新动态

  • React v16.3.0:近日,Facebook发布了React 16.3.0,引入了新的生命周期帮助迁移,同时还引入了新的API,包括官方Context API、createRef API和更语义化的ref API。具体的特性请查看原文。
  • TensorFlow.js:在3月31日的2018 TensorFlow开发者峰会上,Google宣布了TensorFlow重大更新,增加了对JavaScript的支持,并推出了一个开源库TensorFlow.js,有了它,你可以使用JavaScript和high-level layers API在浏览器中定义、训练、运行机器学习模型。
  • Webpack 4.5 发布:最近,Webpack进行了更新,最新的v4.5.0在性能上有了提升,它使用长的加载程序字符串以提高错误消息的可读性,在Bug的修复上也有了质的提升,详情可阅读原文。

开发教程

步步为营,掌握基础技能

  • 使用Render Props逐步构建React组件:本文介绍了Render Props的一些概念,并通过示例让读者了解如何用Render Props逐步构建React组件,然后将React状态保存为localSorage,也称为<Storage/>,之后,你就可以将功能注入组件中。
  • JavaScript风格指南中13个值得注意的要点:Google提供了一个编写JavaScript的风格指南,为编写简洁、易懂的代码提供最佳的实践。但这些并不是编写有效JavaScript强制性规则,只是为了保证整个源文件中保持一致且吸引人的样式。
  • ECMAScript更新:众所周知,ECMAScript各种新版本中添加的新特性是很难追踪的,更重要的是,如果不在几个版本之间跳跃的话,很难获得有用的示例。在本文中,作者将介绍ES2016、ES2017和ES2018(最终草案)在 TC39已完成的提案中列出的所有18个功能,同时还有一些不错的示例。

工程实践

立足实践,提示实际水平

  • 用于更快开发的顶级JavaScript VSCode扩展
    VSCode是一个开源的跨平台编辑器,它已经成为程序员的最爱,尤其是在Web开发社区中。它具有速度快、可扩展、可定制等优质性能。目前,已经有将近上千个VSCode的扩展项目,作者在文中列出了一些他日常使用的项目,包括Quokka.js、Snippets、Todo Highlighter等,更多内容请查看原文。
  • Web应用渗透测试速查表:这张清单列出了在执行Web应程序渗透测试的典型步骤,作者把这些步骤分解成了子任务,同时在每一步中都推荐了工具。

深度阅读

  • 探索ES模块:ES为JavaScript提供了官方标准化的模块系统,然而完成这个标准化的过程需花费10年的时间,今年5月份发布Firefox 60之后,所有的主流浏览器都将支持ES模块。虽然许多JavaScript开发人员都知道ES一直存在争议,但很少有人真正了解它是如何工作的,本文将向大家介绍ES模块是怎样解决问题的?以及它与模块系统中的其他模块有和不同?
  • 深入了解wasm-bindgen:我们知道WebAssembly能快速编译JS库,以及生成更小的二进制文件。而wasm-bindgen为JS和Rust之间提供了桥梁,它也消除了WebAssembly和JavaScript之间的阻抗与不匹配,确保JavaScript在不需要boilerplate就可以高效地调用WebAssembly函数,并且WebAssembly可以对JavaScript函数执行相同的操作。

开源项目

乐于分享,共推前端发展

  • knex.js : knex.js是一个便捷、灵活而有趣的查询生成器,即装即用(batteries-included),支持多种数据库,如PostgreSQL、MySQL、MSSQL和SQLite3等,它能浏览器中运行,具有连接池,拥有promise和回调两种API等。
  • ice.js:ice.js是用JavaScript构建用来追踪变化的库,适用于Web上任何具有contenteditable属性的内容,它拥有一个强大的API来接受或拒绝变更以获得干净简洁内容,能添加大量的配置,它还带有tinymce和wordpress的插件等。
  • flamebearer:flamebearer是Node和V8快速生成火焰图(flame graph)的工具,它可用于可视化以及性能分析,能快速设计和制作出轻量级的火焰图,而且能在大量输入时保持响应。

巅峰人生

  • 88亿!Java侵权案大逆转,Google哭了,天地同悲:3月27日,美国联邦巡回法院裁定,谷歌在 Android 上使用了大量 Java 代码,侵犯了 Oracle 的版权。版权之争在 2010 年就已立案,当时 Oracle 向 Alphabet 公司提出至少 88 亿美元的赔偿。谷歌对此感到失望,并表示会进一步采取措施,寻求其他解决方案。

前端之巅

「前端之巅」是 InfoQ 旗下关注大前端技术的垂直社群。紧跟时代潮流,共享一线技术,欢迎关注。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT