FCC 成都社区·前端周刊 第 10 期
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 之上构建的直观的音乐抽象。
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 功能以及提供附加功能，以帮助您开发任何使用数据库的应用程序，不论是只有少数表格的小型应用程序，还是具有多个数据库的大型企业级应用程序。
12. 手写 WebAssembly
WebAssembly(wasm) 是一个可移植、体积小、加载快并且兼容 Web 的全新格式，其目标是充分发挥硬件能力以达到原生执行效率。WebAssembly 不仅可以运行在浏览器上，也可以运行在非 web 环境下。本篇文章探索了如何使用 WebAssembly 来编写经典的康威生命游戏。
详情:http://blog.scottlogic.com/20...
每周一同步更新到 GitHub, 欢迎 star :)
FCC 成都社区·前端周刊 第 10 期的更多相关文章
- FCC 成都社区·前端周刊 第 3 期
01. Chrome65 的新功能 CSS Paint API 允许使用编程方式生成图像:Server Timing API允许服务器将时间信息通过HTTP headers传递给浏览器: CSS di ...
- FCC 成都社区·前端周刊 第 6 期
01. JS 引擎 V8 v6.6 的更新 最新 v6.6 版本的 V8 JavaScript 引擎更新了方法 Function.prototype.toString(),改进了代码缓存机制.异步性能 ...
- FCC 成都社区·前端周刊 第 8 期
01. 2018 前端开发者手册 这是一份 2018 前端开发手册,内容包括三个部分:前端工程实践.前端开发学习和前端开发工具. 详情:https://frontendmasters.com/book ...
- FCC 成都社区·前端周刊 第 9 期
1. Node.js 10 将带来什么? Node.js 10 的第一个版本将于本周二(4 月 24 日)发布,并将在 10 月份推出 LTS 版本,将带来哪些更新? N-API,持续 HTTP/2 ...
- FCC成都社区·前端周刊 第 1 期
01. 2018 JavaScript 测试概览 文章介绍了JavaScript测试的关键术语.测试类型.工具和方法,并简要分析了工具jsdom.Istanbul.Karma.Chai.Wallaby ...
- FCC 成都社区·前端周刊 第 4 期
01. Angular, React or Vue? 如何为下一个 Web 应用程序选择合适的JavaScript 框架?Progress 的新白皮书提供了对 Angular.React 和 Vue ...
- FCC 成都社区·前端周刊 第 7 期
01. ES2016, 2017, 2018 中的新特性 文章介绍了 18 个 ECMAScript 2016,2017 和 2018 中新增加的特性,这些特性已被加入到 TC39 提案中.包括Arr ...
- FCC成都社区·前端周刊 第 2 期
01. Propel:JS的科学计算框架 Propel 是一种 JavaScript 科学计算框架,类似于 Python 中的科学计算库 NumPy,也就是说利用 JS 也可以进行机器学习啦.Prop ...
- FCC 成都社区·技术周刊 第 14 期
[前端] 1. React Fiber 架构 React16 启用了全新的架构,叫做 Fiber,其最大的使命是解决大型 React 项目的性能问题,再顺手解决之前的一些痛点. 详情:https:// ...
随机推荐
- 整理那些用于基本生存的shell命令
变量定义相关的 export export可以将临时定义的变量定义成环境变量 比如在一个shell中临时定义的一个变量就没法在新打开的那个shell中继续再使用 使用export之后 这个变量就变成了 ...
- C++ 全面刨析使用指针方法 _new _delete
指针 #include<iostream> using namespace std; int main() { ; int* pn;//声明 int* pn = &avr;//初始 ...
- SpringBoot-Vue实现增删改查及分页小DEMO
前言 主要通过后端 Spring Boot 技术和前端 Vue 技术来简单开发一个demo,实现增删改查.分页功能以及了解Springboot搭配vue完成前后端分离项目的开发流程. 开发栈 前端 开 ...
- 《剑指offer》面试题16 反转链表 Java版
(输入链表的头节点,反转链表) 书中方法:对于一个链表,我们只能从头往后遍历,如果要反转,我们需要更改当前节点的next域指向前一个节点,此时链表断开,为了能继续修改下一个节点的next域,我们还要维 ...
- [BZOJ 2199] [USACO11JAN] 大陆议会The Continental Cowngress(2-SAT)
[BZOJ 2199] [USACO11JAN] 大陆议会The Continental Cowngress(2-SAT) 题面 题面较长,略 分析 考虑把问题转化成一个依赖性问题 我们把每只奶牛投出 ...
- js中return、return false 、return true各自代表什么含义
return语句代表需要返回一个值,如果不需要就不需要使用return语句.都类似一个出口,return 可以结束方法体中 return后面部分代码的执行.return false 或者 return ...
- 开发一个 Parcel-vue 脚手架工具
前言 像我们熟悉的 vue-cli,create-react-app 等脚手架,只需要输入简单的命令 vue init webpack project,即可快速帮我们生成一个初始项目.在实际工作中,我 ...
- Thinkphp 获取最大值id值
有时候项目需要获取数据库最大的id值,比如生成订单,做排序号,那么Thinkphp 如何获取最大值id值. $info=D('Customer')->where('1=1')->order ...
- the sum of two fixed value
the sum of two fixed value description Input an array and an integer, fina a pair of number in the a ...
- AI-sklearn 学习笔记（一）sklearn 一般概念
scikit-learn Machine Learning in Python Simple and efficient tools for data mining and data analysis ...