最近,对于今年 5 月份 GitHub 上开源项目的排名已经统计出来了,本文列举了 12 项最热门的开源项目。
1.Node 之父的新项目 deno(Star 3625)
最近,Node 之父发布了新的开源项目 deno,从官方介绍来看,可以认为它是下一代 Node,通过使用 Go 语言代替 C++,重新编写跨平台底层内核驱动,上层仍然使用 V8 引擎,最终提供一个安全的 TypeScript 运行时。
2.Javascript-algorithms (Star 16607)
这个项目包含了多种基于 JavaScript 的算法与数据结构,每种算法和数据结构都有自己的 README,并提供了相关说明。
3.Build-your-own-x(Star 27118)
Build your own 系列包括了各种环境的构建技术集合,也有很多自己动手的实践方法。
4.Architect-awesome(Star 17662)
这个项目中提供了史上最全的后端架构师技术图谱。
5.ReLaXed (Star 8899)
这是一种使用 HTML 或 Pug(HTML 的简写)交互式创建 PDF 文档的工具。它允许使用 CSS 和 JavaScript 定义复杂的布局。
6.gVisor (Star 5892)
这是一款新型的沙箱解决方案,它能够为容器提供安全的隔离措施,同时继续保持优于虚拟机的轻量化特性。gVisor 能够与 Docker 和 Kubernetes 实现集成,从而在生产环境中更轻松地建立起沙箱化容器系统。
7.Day.js(Star 11119)
这是一个只有 2kb 大小的轻量级 JavaScript 时间日期处理库,它与 Moment.js 的 API 设计完全一样。也就是说,对于曾经使用过 Moment.js 的开发人员,那么就能够轻松地掌握如何使用 Day.js 。
8.Tensorflow(Star 101347)
包含了使用 TensorFlow 构建的模型和示例的教程,旨在更好地维护、测试,并与最新的 TensorFlow API 保持同步最新。
9.Interview-Notebook(Star 23655)
这里对技术面试需要掌握的基础知识进行了整理,主要分成算法、操作系统、网络、面向对象、数据库、Java、分布式、工具、编码实践这几个大类。
10.proton-native(Star 7168)
它结合了 node 的环境、react 的语法和 libui 的跨平台调用 ui 控件的能力,可以用于构建跨平台的桌面应用上,构建方式也比较简单。
11.Vue(Star 95976)
Vue.js 是构建 Web 界面的 JavaScript 库,它提供了数据驱动的组件,还有简单灵活的 API。
12.Vuido(Star 3689)
Vuido 让使用 Vue.js 构建轻量级原生桌面应用成为可能。使用 Vuido 构建的应用可以在 Windows 和 Linux 上运行 。
关注@区块链学习笔记,一起学习区块链。
日,Pug 3.0.0 正式发布,Pug 原名 Jade,是由 TJHolowaychuk 开发的一款模板引擎,也是 Haml 的 JavaScript 实现版本。Pug 3.0.0 增加了一些新功能,除此之外新版本将不再支持 Node.js 6 和 Node.js 8。
例如:
复制代码
// options.jsexports.filters={png: {// instead of a function, specify an object with a "renderBuffer" property// whose value is a function that takes a Buffer instead of a stringrenderBuffer: function(buffer, options) {var data=Buffer.from(buffer).toString('base64');return '<img src="data:image/png;base64, ' + data + '"/>'; } }};
然后就可以使用该过滤器了:
复制代码
// foo.puginclude:png my-small-image.png
作者表示,自从他将 Pug 的单独的软件包合并到“mono repo”中以来,发行的难度增加了,后经一位 ThreadsStyling 的同事介绍了解到了语义释放,进而广泛地使用它,不过仍有一些限制:
作者一直认为解决此问题的方法是将更改日志附加到拉取请求,而不是提交请求。所以在过去的 6 个月中,他一直在探索这个问题的解决方案。此次的 Rolling 版本提供了一个简单的用户界面,可以将更改日志附加到请求中的特定软件包。然后,它会提供一个 CLI 来发布软件包,开发者可以在持续集成服务上运行该软件包。
Pug 采用简化语法的方式,将原本臃肿的 HTML 标记精简化,同时还有很多优点:超强的可读性、灵活易用的缩进、块扩展、代码默认经过代码处理以增加安全性、拥有编译和运行时的上下文错误报告、命令行编译支持、HTML5 模式、可选的内存缓存、联合动态的静态标记类、利用过滤器解析树的处理…
因为这些优点,Pug 收获了很多开发者的好评。开发者表示,Pug 和 Vue 简直是天作之合,大幅度提高了编码效率,不过 Pug 似乎不太适合与 React 一起使用,因为关闭标签会浪费太多行代码。
isual Studio Code是一个免费跨平台的开源代码编辑器,具有广泛的预构建扩展库,具备很多有用的附加功能。但是在使用过程中,我们有时不需要所有的功能,例如Python扩展(超过220万次安装)提供很多支持,IntelliSense、代码格式化等等,而我们往往指示想要快速查汝之行有用且重复的较小代码块,例如循环或条件语句。
现在已经有人编写了这种小的代码块,并且打包好供其他程序员使用。
为什么我们不使用 Visual Studio Code Marketplace,而是要选择"Snippets"呢?因为这种小的代码片段不仅可以在扩展类别中使用,也适用于不同语言、调试器、格式化程序等等。
由于 VS Code是运行在Windows、Linux和MacOS上的跨平台工具,而JavaScript正在成为各种跨平台项目的首选编程语言,所以今天就为大家推荐一些实用的JavaScript代码片段。评选标准主要是基于下载次数、评级以及个人主观评估。
JavaScript (ES6) Code Snippets
随着JavaScript的版本发展,ES6成为了新的JavaS核心语言标准,主流浏览器也实现了其很多功能。
为了帮助用户快速上手新功能,开发者Charalampos Karypidis发布了JavaScript (ES6) code snippets。
该代码片段包支持JavaScript和TypeScript,目前下载已超过41.5万次,评级为4.6。自首次发布以来,Charalampos Karypidis一直都在更新维护,所以不断有新功能出现,如1.4.0版本支持用户请求HTML文件。如果您也对开源项目有兴趣,可以去GitHub上查看补充。
这个代码片段包包含34个小片段: import and export、class helpers、 various methods和console methods。
Angular v4 TypeScript Snippets
最初由Google开发的AngularJS和Angular(基于TypeScript)的框架全部可以在VS Code extension marketplace 中找到。其余不兼容的框架几乎总是会出现在“XX JavaScript框架”类似的文章中。也许你现在还在看这种JavaScript顶级框架的文章,但是我已经在看 开发者John Papa为Angular 4.0.0开发的Angular v4 TypeScript Snippets。Angular v4 TypeScript Snippets三月刚刚发布,据说更快更小,同时也涵盖了很多新功能,如ahead-of-time视图引擎的改进,TypeScript 2.1和2.2兼容性,ES2015实验性构建等等。
目前Papa代码包已经被下载5.18万次,是JavaScript代码片段中下载量第一。该包中的42个片段可以分为三大类,TypeScript Angular Snippets、TypeScript RxJS Snippets (Reactive Extensions)和HTML Snippets。
使用该片段的方式与上述ES6片段相同,首先键入字母“a”,然后再输入片段的名称,直到您选择所需的选项为止。要插入一个新组件的shell代码,例如你开始输入“a-component”,直到你可以选择全名,你得到这个:
Angular v4 TypeScript片段包的平均评级为4.8,在GitHub上共获得312星,以及112位开发者的支持,拥有MIT认证。
Vue 2 Snippets
Vue.js是一个热门的JavaScript框架,StackFlow调查显示Vue.js已经呈现出快速应用的趋势,是StackFlow年度增长最快的,Backbone.js, Ember.js和Meteor等框架似乎已经开始进入到生命周期的后期了。
当你还在研究Vue是否能够打入框架的最前列时,已经有人走在了最前端。hollowtree发布了Vue 2 Snippets。Vue 2 Snippets基于vue.tmLanguage,支持vue(.vue)、HTML(.html的)、JavaScript(.js)、TypeScript(.ts)和pug(.pug)语言。
请点
该软件包包含82个片段,主要用于JavaScript,HTML和Vue Router功能。如果要收集错误,你可以使用字母“v”键入,直到找到VueConfigErrorHandler选项,按下ENTER键可以:
Vue.config.errorHandler=function(err,vm){
//处理错误
}
所有命令都不以“v”开始,如果要快速插入渲染器,你可以使用字母“r”开始输入,直到找到渲染器选项,这样您可以:
const renderer=require('vue-server-renderer').createRenderer()
如果您必须对很多选项进行排序,那么没有一致的触发器模式可能会令人困惑,但使用情况会变得常规,有一点经验。
Vue 2 Snippets的安装近5.4万次,获得了4.9的评级,在GitHub上获得了九颗星,目前的发展比较积极规律。
React标准样式代码片段
开发者Timon van Spronsen发布了React 标准样式代码片段,比照ES6 语法中的JavaScript标准样式指南开发的React代码片段。
React是由Facebook创建和开源的流行框架。虽然Spronsen并不是安装量第一的Reactjs代码片段,
但是我还是建议希望遵循JavaScript标准样式的开发者使用这一产品,它的安装量达到21610,同时也为Karypidis项目提供了支持。
Spronsen说,他的片段基于babel-sublime-snippets package,可预见地提供了与Karypidis包相同的功能。支持以下文件类型:JavaScript(.js); TypeScript(.ts); JavaScript React(.jsx;)和TypeScript React(.tsx) 。
它包括51个片段,其中29个专门用于支持类型。例如,触发器“rccp [TAB key]”在类之后引入了一个带有prop类的类组件框架,如下所示:
该软件包评论不多,但5.0的评级还是比较难得的,GitHub项目获得了10颗星。
ES6 / ES7的React-Native / React / Redux代码片段
相信React Native是众多程序员的心头之爱,虽然我已经安装了完整的React Native Tools扩展,但是我相信EQuimper的ES6 / ES7软件包的React-Native / React / Redux代码片段对于功能需求范围较窄的程序员来说还是很有吸引力的。
它一共提供了30个片段,包括从导入到测试,例如生成组件类的ccs触发器,
该代码片段包虽然已经被安装了36000次,但是遗憾的是现在还没有评价。
Visual Studio Marketplace中仅在代码片段选项中搜索“JavaScript”就会出现105个相关结果,而且这些都是免费来源的,程序员还可以获取源代码,然后根据自己的需求来做定制化的修改。这么赞的资源,程序员快快行动起来吧。
*请认真填写需求信息,我们会在24小时内与您取得联系。