1.30 秒代码
该项目收集了可以在短时间内(30秒内)理解的实用JavaScript方法或代码片段。 每个示例均以 Markdown 形式编译,以便于参考。
值得一提的是,这个项目还有一个展示网站。 除了javascript项目分享之外,还有其他语言的例子,非常适合学习和分享。
2.reveal.js
这是一个基于后端的演示框架,使用HTML和JavaScript实现类似PPT的演示,让您告别传统枯燥的PPT制作方式,更方便地使用HTML和Markdown语言创建PPT演示文档。
3.标记文本
这是一款操作简单、优雅的Markdown句子编辑器。 它支持在Linux、macOS和Windows不同的操作环境中使用。 官网地址->
#下载和安装
功能包括但不限于:
4.edex-ui
这是一个基于 Electron 的令人惊叹的终端工具。 UI设计接近好莱坞水平,用户体验也非常流畅。 启动动画特别炫,音效也很棒,还有直观的文件显示目录、系统资源、网络信息等。
功效请见右图:
5.宣传单张
这是一个著名的联通端交互地图JavaScript库。 它使用简单,容量紧凑,但包含了大部分常用的地图功能。
Leaflet设计非常友好,可以快速使用。 简单的几行代码就可以实现地图功能,并支持多种类型的地图数据源。 很多大公司都是它的用户css挑战,在生产环境中可以放心使用。
官网地址->
这是示例代码:
var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '©OpenStreetMap contributors'
}).addTo(map);
L.marker([51.5, -0.09]).addTo(map)
.bindPopup('A pretty CSS3 popup.
Easily customizable.')
.openPopup();
6.绘图
这是一个强大的绘图工具。 免费开源,可自行部署或在线使用。 功能与 Microsoft Visio 相当。
支持的图形包括:流程图、序列图、网络拓扑图、甘特图、思维导图、模型图等。支持多种文件格式:png、svg、PDF、HTML和VSDX格式(Microsoft Visio图形格式)。
7.碳
一个代码片段图形化工具,以美观整洁的方式显示代码片段。 支持SVG、PNG等输出格式。
8.30 天的 JavaScript
最适合该主题的 Github 项目是“30 天 JavaScript 编程挑战”。
本教程为英文教程,但图文并茂,浅显易懂,即使是英语水平较低的学习者也能轻松上手。 练习内容循序渐进,适合没有JavaScript基础知识的人。
9.文言
你想体验中国古典编程吗?
这个项目支持文言句式编程,非常有趣。 运行结果可以编译成JavaScript、Python或Ruby。
想要编写自己的文言文程序的朋友css挑战,快来试试吧! 官网地址->
10. 粗糙
手绘风格的图形库。 图形可以采用绘画或手绘风格绘制。
const rc = rough.canvas(document.getElementById('canvas'));
rc.rectangle(10, 10, 200, 200); // x, y, width, height
11.p5.js
这是一个JavaScript创意编程库,主要可以用来实现绘画、艺术创意等任务。
这个库只需要使用基本的JavaScript代码,你就可以用它来绘制许多有趣的东西。 文档齐全,易于快速上手,可在线编辑。
官网地址->
示例代码:
function setup() {
createCanvas(640, 480);
}
function draw() {
if (mouseIsPressed) {
fill(0);
} else {
fill(255);
}
ellipse(mouseX, mouseY, 80, 80);
}