当前位置: 首页 > 后端技术 > Node.js

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

时间:2023-04-04 01:18:44 Node.js

1.Node.js10正式发布过去一周,Node.js10.0.0正式发布,带来了大量改进和修复。这是自Node.js基金会启动以来的第七个主要版本,将在2018年10月成为下一个LTS分支。新版本带有定制的Node-ChakraCore引擎,其功能亮点包括:全面支持N-API,支持TTD生成器和异步函数、对Inspector协议的支持等。详细信息:https://nodejs.org/en/blog/re...2.npm6Node.js10.0.0的更新随npm5.7.x一起提供,但是预计在Node.js10.x的早期lifecycle将更新到npm6。第6版将专注于性能、稳定性和安全性,与之前版本的npm相比性能提升17倍。将来,如果npmRegistry的用户使用存在已知安全问题的代码,他们将收到警告通知。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是一个用于在浏览器中创建交互式音乐的框架。它提供高级调度功能、合成器效果和构建在WebAudioAPI之上的直观音乐抽象。详情:https://tonejs.github.io5。MarioKart:一款使用纯CSS制作的迷你游戏StephenCook解释了他如何使用纯CSS创建交互式MarioKart游戏。在这个项目中,作者没有使用一行JS代码和一张图片,它是用100%纯CSS构建的,HTML代码只有13行。详情:https://codeburst.io/mario-ka...6.用视频替换GIFGIF动画由于体积庞大,可能会导致页面卡顿、性能下降等问题。在本指南中,我们将了解如何通过将它们替换为大多数浏览器中可用的MPEG-4和WebM视频源来遏制这种膨胀。本指南使用ffmpeg工具,您可能需要先安装该工具。详情:https://developers.google.com...7.TUICalendar:全能日历控件TUICalendar是一个高度可定制的全能JavaScript日程日历,支持多种视图类型(每日、每周、每月等),支持高效管理任务和里程碑,支持拖放鼠标调整日程,支持按主题自定义用户界面,支持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。jsAPI设计保持完全相同。如果您曾经使用过Moment.js,那么您已经知道如何使用Day.js。Day.js不会更改或覆盖Javascript的原生Date.prototype,而是创建一个包含JavascriptDate对象Dayjs的全新对象。Dayjs对象是不可变的,所有API操作都会返回一个新的Dayjs对象。详情:https://github.com/xx45/dayjs10。原生页面过渡动画为了帮助用户快速收集信息,获得更好的浏览体验,前端开发中有很多原生的技术实例。本文讨论如何使用Vue和Nuxt构建一个类原生网页,整个页面从一种布局过渡到另一种布局,并带有漂亮流畅的动画。详情:https://css-tricks.com/native...11.TypeORM:ORMforTSandJSTypeORM是一个ORM(ObjectRelationalMapping),可以用在NodeJS,Browser,Cordova,PhoneGap,Ionic,React在Native和Electron平台上运行,可以与TypeScript和JavaScript(ES5、ES6、ES7)一起使用。它的目标是始终支持最新的JavaScript功能并提供额外的功能来帮助您开发任何使用数据库的应用程序,从只有几个表的小型应用程序到具有多个数据库的大型企业应用程序。详情:http://typeorm.io/12。手写WebAssemblyWebAssembly(wasm)是一种可移植、体积小、加载速度快、兼容Web的新格式。其目标是充分利用硬件能力,实现原生执行效率。WebAssembly不仅可以在浏览器上运行,还可以在非Web环境中运行。这篇文章探讨了如何使用WebAssembly编写经典的康威生命游戏。详情:http://blog.scottlogic.com/20...每周一更新到GitHub,欢迎star:)