微信号:frontshow

介绍:InfoQ大前端技术社群:囊括前端、移动、Node全栈一线技术,紧跟业界发展步伐。

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

2018-04-29 22:16 覃云

重要的事情要特意提醒:文中标蓝的字体都是带链接的,但由于微信不支持外链(注意是外链),所以要想查看本文带链接版请点击文末阅读原文。

前端每周清单专注大前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点;分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏q目。欢迎关注【前端之巅】微信公众号(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 旗下关注大前端技术的垂直社群。紧跟时代潮流,共享一线技术,欢迎关注。

  活动推荐

PWA、Web 框架、UI 与动画、Node... 大前端的下一站在哪里?前端工程师的价值和成长路径是什么?GMTC2018 上,来自 Google、Facebook、BAT 等 60+ 国内外一线前端大牛,将与你面对面探讨大前端领域最新技术趋势和实践,想要升职加薪就快来吧!扫描下方二维码了解更多大会详情!

目前大会 8 折热销中,团购更优惠,购票咨询:18514549229(同微信)

 
前端之巅 更多文章 14行JavaScript教你使用WebAssembly 细思极恐:后门代码被隐藏在npm模块中,差点就得逞 苏宁Nodejs性能优化实战 Kotlin使用率达35%,Java要退位了? 为什么说Flutter让移动开发变得更好?
猜您喜欢 三十岁之前的冒险时光(下) 腾讯移动分析产品测评大赛启动,丰厚大奖等你来! 创业公司的技术Leader,在100offer寻找怎样的工作机会? 算笔账,当老板才知道员工多贵 Linux Tools Quick Tutorial:工具参考篇【11.9 热门分享回顾