资讯专栏INFORMATION COLUMN

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

zhangqh / 1553人阅读

摘要:正式发布在过去的一周,正式发布,带来大量改进和修复。这是自开展以来的第七个主要版本,并将在年月成为下一个分支。以后,如果使用具有已知安全问题的代码,的用户会收到警告通知。将自动检查针对数据库的安装请求,并在代码包含漏洞时发出警告通知。

1. Node.js 10 正式发布

在过去的一周,Node.js 10.0.0 正式发布,带来大量改进和修复。这是自 Node.js Foundation 开展以来的第七个主要版本,并将在 2018 年 10 月成为下一个 LTS 分支。新版本自带定制化的 Node-ChakraCore 引擎,其功能亮点包括:全面支持 N-API,支持 TTD 的生成器和异步函数,支持 Inspector 协议等等。

详情:https://nodejs.org/en/blog/re...

2. npm 6 的更新

Node.js 10.0.0 附带 npm 5.7.x, 但是,预计在 Node.js 10.x 生命周期的早期会更新为 npm 6。第 6 版将侧重于性能、稳定性和安全性,与先前版本的 npm 相比,性能提高 17 倍。以后,如果使用具有已知安全问题的代码,npm Registry 的用户会收到警告通知。npm 将自动检查针对 NSP 数据库的安装请求,并在代码包含漏洞时发出警告通知。

详情:https://blog.npmjs.org/post/1...

3. Gooact:用 160 行代码实现一个“React”

本教程分为四部分,教你如何用 160 行代码从头构建一个类似 React 的库,包括实现组件 API 和虚拟 DOM。学习本教程需要具备基本的 React 知识。

详情:https://medium.com/@sweetpalm...

4. Tone.js:创建交互式音乐

Tone.js 是在浏览器中创建交互式音乐的框架。它提供高级调度功能、合成器效果, 以及在 Web 音频 API 之上构建的直观的音乐抽象。

详情:https://tonejs.github.io

5. 马里奥卡丁车:纯CSS打造的小游戏

Stephen Cook 解释了他如何使用纯 CSS 创建交互式马里奥卡丁车游戏。这个项目中,作者没有使用一行 JS 代码和一张图片,100% 纯 CSS 打造,其中 HTML 代码也仅有 13 行。

详情:https://codeburst.io/mario-ka...

6. 用 video 替代 GIF 的方案

GIF 动画可能会由于非常庞大造成页面卡顿、性能下降等问题, 在本指南中,我们将看到如何通过用大多数浏览器中可用的 MPEG-4 和 WebM 视频源代替它们来遏制这种膨胀。本指南使用 ffmpeg 工具,你可能需要先安装它。

详情:https://developers.google.com...

7. TUI Calendar:全能的日历控件

TUI Calendar 是高度可定制的全能 JavaScript 日程安排日历,支持多种视图类型(每日,每周,每月等),支持任务和 milestone 的高效管理,支持通过鼠标拖拽来调整日程安排,支持按主题自定义用户界面,支持 Chrome、Safari 、Firefox、Edge 和 IE9+。

详情:https://github.com/nhnent/tui...

8. 使用数组进行函数式编程

借鉴函数式编程中的技巧,文章讲述了如何使用 map,filter 和 reduce 操作数组对象。由于这些方法不会改变调用数组本身,所以我们可以有效地使用它们而不用担心副作用。

详情:https://www.telerik.com/blogs...

9. Day.js:Moment.js 的轻量化方案

Day.js 是一个轻量级( 2kB )的 JavaScript 时间日期处理库,和 Moment.js 的 API 设计保持完全一样。如果你曾经用过 Moment.js,那么你已经知道如何使用 Day.js。Day.js 并没有改变或覆盖 Javascript 原生的 Date.prototype,而是创造了一个全新的包含 Javascript Date 对象 Dayjs 的对象。Dayjs 对象是不可变的,所有的 API 操作都将返回一个新的 Dayjs 对象。

详情:https://github.com/xx45/dayjs

10. 原生般的页面转场动画

为了帮助用户快速收集信息,获得更好的浏览体验,目前前端开发中出现了许多原生般的技术实例。本篇文章讨论了如何使用 Vue 和 Nuxt 构建一个原生般的网页,整个页面从一个布局转换到另一个布局展现出漂亮的流畅平滑动画。

详情:https://css-tricks.com/native...

11. TypeORM: 用于 TS 和 JS 的ORM

TypeORM 是一种 ORM(Object Relational Mapping),可以在 NodeJS、Browser、Cordova、PhoneGap、Ionic、React Native 和 Electron 平台上运行,并且可以与 TypeScript 和 JavaScript(ES5,ES6,ES7)一起使用。其目标是始终支持最新的 JavaScript 功能以及提供附加功能,以帮助您开发任何使用数据库的应用程序,不论是只有少数表格的小型应用程序,还是具有多个数据库的大型企业级应用程序。

详情:http://typeorm.io/

12. 手写 WebAssembly

WebAssembly(wasm) 是一个可移植、体积小、加载快并且兼容 Web 的全新格式,其目标是充分发挥硬件能力以达到原生执行效率。WebAssembly 不仅可以运行在浏览器上,也可以运行在非 web 环境下。本篇文章探索了如何使用 WebAssembly 来编写经典的康威生命游戏。

详情:http://blog.scottlogic.com/20...

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

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

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

相关文章

  • 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
  • FCC 成都社区·前端周刊 3

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

    AlexTuan 评论0 收藏0
  • 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

发表评论

0条评论

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