BT

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

前端每周清单第60期:Node.js 10,npm 6提速17倍,如何设计大型JavaScript项目?

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

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

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

新闻热点

国内国外,前端最新动态

Node.js 10带着npm 6来了!:4月25日,Node.js 发布最新版本 Node.js 10.0.0,同时,npm 6 也随之发布。据了解,今年 10 月,Node.js 10.x 将成为长期支持版本,该版本专注于稳定性、扩展支持以及为各类应用提供一个可靠稳定的平台,而npm 6比一年前的npm快17倍。

Storybook 3.4:Storybook是一个定义、开发和测试UI组件的环境,可用于React、React Native、Vue和Angular等框架中,新发布的Storybook 3.4主要在以下几方面进行了改进:支持框架Polymer、UI升级、文档更新。

CKEditor 5 v10.0.0:CKEditor是一个功能强大的框架,它是有JavaScript编写的富文本网页编辑器,它可以填写文字、插入图片、视频、Excel等富媒体信息,CKEditor 5可自定义数据模型、按需删除或添加插件、架构模块化,详情请查看原文。

开发教程

步步为营,掌握基础技能

CSS Grid初学者指南:CSS Grid(网格布局),它有一组相交的水平线和垂直线组成,即网格的行和列,在这些行或列上可以添加网格元素,让Web的布局和排版更精美。本文将教你如何设置网格数、显隐格子、格间距等,详情请阅读原文。

想学ES6+ ?这里有23个免费课程:JavaScript是世界上最流行的编程语言之一,不管是大型的Web应用程序、复杂的服务器还是移动和物联网设备都会用到它,为了让开发者更好地了解ES6、ES7和ES8中的JavaScript,作者给大家推荐了23个免费课程。

React和Redux的测试技巧:测试在开发过程应该是快速而有效的,尤其是在重构应用程序以让它支持新功能时,但是在JavaScript等动态语言中很难实现快速而有效的测试是很难的,因为没有一个快速的方式来确保虚拟对象与真实对象同步,本文作者认为利用静态类型分析与测试结合可以解决这个问题。

建立GraphQL Mutations模型:GraphQL Mutations为服务器上的数据修改提供了一种灵活的方式,但也导致了一个问题:当你在构建一个新的GraphQL API时,你应该遵循哪个设计原则?作者将告诉你如何解决这个问题。

工程实践

立足实践,提示实际水平

JS和CSS动画及其优化性能:本文是JavaScript及其构建组件系列的第13篇文章。创建网页动画的两种主要方式是使用JavaScript和CSS,本文作者将这两种方式进行对比,相信看完全文,你会知道如何选择适合自己的方式。

开发AngularJS应用程序的新功能:在本文中,作者向大家介绍如何在AngularJS 1.5中开发一个简单的应用程序,在AngularJS 1.5之前,开发人员完全依赖指令在其应用程序中构建可重用组件。目前,AngularJS 1.5+用.component()的方法来构建像React和Angular应用程序中那样独立而可重用的组件。

手动编写WebAssembly:WebAssembly是一种新的Web语言,与JavaScript不同,它 可能不是一种你直接使用的语言,而是C / C ++、Rust、C#和TypeScript 等多编程语言目标文件格式。但作者认为,其实你可以直接手动编写WebAssembly,实现形式请看原文。

深度阅读

深度思考,升华开发智慧

你真的懂Node.js吗?:Node.js是JavaScript运行时的环境,但你真的理解这句话的深层含义吗?读完本文,也许你对Node.js有新的理解。

如何设计大型JavaScript项目?:全文来自Google AMP技术总监Malte Ubl在JSCon上的演讲,作者曾参与构建Google内部大型的JavaScript项目,在本文中他主要从团队、项目策划、技术三个方面讲述他的经验。

开源项目

乐于分享,共推前端发展

tui.calendar:tui.calendar是一个JavaScript的日历,可自定义主题,还含有多种视图类型,支持Chrome、IE 9+、Edge、Safari、Firefox多种浏览器,易于使用,拖动即可调整日程安排。

Swift for TensorFlow: Swift for TensorFlow是开发机器学习模型的新方法,它能将TensorFlow的强大功能集成到Swift中去,而Swift又能将Eager Execution的灵活性和Graphs和Sessions的高性能结合到一起,目前,Swift for TensorFlow已经开源供开发者使用。

Day.js:Day.js是一个轻量级的JavaScript时间日期处理库,它和和Moment.js的API和用法相同,支持链式操作、全浏览器兼容等,如果你曾经用过Moment.js,那么你已经知道如何使用Day.js。

css-blocks:CSS Blocks是一个可以根据用户需求,面向CSS组件的构建系统,可编译为高性能样式表。

前端招聘

【前端工程师一名 P6/P7】阿里集团客户体验事业群研发中心 RDC 产品技术团队,坐标南京九龙湖,希望你有一颗“工匠精神”的工程师初心,同时对前端技术怀着极大的热忱。精通主流前端技术(React,Redux,Webpack 等),同时具备 PC/无线端的开发能力,有复杂产品的开发经验,掌握常见性能优化的方法,以及衡量产品性能的方法。简历请发送至 zixiong.zzx@alibaba-inc.com,并在标题中注明“应聘前端”。

注:有前端、移动开发招聘需求的HR或Leader可在前端之巅公众号的后台留言,小编会将招聘信息发布在下一期的前端周报上,格式为【前端/移动开发工程师 X 名】XX 公司 XX 团队,工作内容、要求、坐标、简历投放邮箱或招聘方联系方式。

前端之巅

「前端之巅」是 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