web 应用在线编辑器 glitch 简介

简介: web 应用在线编辑器 glitch 简介

glitch 的中文翻译是格利奇,小差错???

使用 glitch 的一大便利之处是可以省去本地搭建 web 开发环境的步骤,完成代码的自动部署,以及方便的将项目分享给其他朋友。这一切都发生在浏览器里。


点击 join today,可以直接用 Github 的用户名和账号登录。

使用 Github 账号登录,每个月的 free quota 是 1000小时:

每当一个项目被编辑时,或者被其他用户访问时,quota hour 就开始扣减了。

登录之后,当月剩余的 quota 在 dashboard 里查看:

每个应用在 container 里运行,最多只能消耗 200 MB 磁盘空间,以及 512 MB RAM.

glitch 支持六种项目模板:

Glitch In Bio

这是一个静态 web 页面的模板。

新建一个项目:

glitch 会自动生成一个项目框架:

如果只是处于 demo 用途,这些 meta 标签都可以删除:

todo.md 里提供了一些练习步骤,可以照着一步步在 index.html 里逐步完善:

比如 img 标签包含的 illustration 类,

在 style.css 里定义了当元素处于 active 状态时,


active 选择器除了 a 标签外,还可以用于其它任何标签上。

如果一个 glitch 项目没有包含下列这三个文件,这个项目就被认为是一个静态项目:

使用 Show in a new Window 可以在一个全新的窗口里打开页面:

调试的话,和普通 web 应用一样,直接在脚本里设置断点即可。

Sources 面板下的文件很干净,没有太多乱七八糟的 glitch 特定文件。

点击这个 share 按钮,就能将项目的 url 和项目编辑地址发送给其他开发人员进行分享,非常方便:




相关文章
|
18天前
|
前端开发 JavaScript 关系型数据库
从前端到后端:构建现代化Web应用的技术探索
在当今互联网时代,Web应用的开发已成为了各行各业不可或缺的一部分。从前端到后端,这篇文章将带你深入探索如何构建现代化的Web应用。我们将介绍多种技术,包括前端开发、后端开发以及各种编程语言(如Java、Python、C、PHP、Go)和数据库,帮助你了解如何利用这些技术构建出高效、安全和可扩展的Web应用。
|
1天前
|
前端开发 JavaScript Go
构建高性能Web应用:优化前端资源加载
在构建现代Web应用时,优化前端资源加载是至关重要的一步。本文将介绍一些提升Web应用性能的关键策略,包括减少HTTP请求、压缩和合并资源、使用CDN加速、以及异步加载技术等。通过实施这些优化策略,开发人员可以显著提升网站的加载速度和用户体验。
|
2天前
|
存储 中间件 Go
探索Gin框架:快速构建高性能的Golang Web应用
探索Gin框架:快速构建高性能的Golang Web应用
|
2天前
|
前端开发 JavaScript Java
前端与后端:构建现代Web应用的双翼
前端与后端:构建现代Web应用的双翼
|
2天前
|
安全 前端开发 JavaScript
在Python Web开发过程中:Web框架相关,如何在Web应用中防止CSRF攻击?
在Python Web开发中防范CSRF攻击的关键措施包括:验证HTTP Referer字段、使用CSRF token、自定义HTTP头验证、利用Web框架的防护机制(如Django的`{% csrf_token %}`)、Ajax请求时添加token、设置安全会话cookie及教育用户提高安全意识。定期进行安全审计和测试以应对新威胁。组合运用这些方法能有效提升应用安全性。
7 0
|
11天前
|
缓存 负载均衡 数据库
优化后端性能:提升Web应用响应速度的关键策略
在当今数字化时代,Web应用的性能对于用户体验至关重要。本文探讨了如何通过优化后端架构和技术手段,提升Web应用的响应速度。从数据库优化、缓存机制到异步处理等多个方面进行了深入分析,并提出了一系列实用的优化策略,以帮助开发者更好地应对日益增长的用户访问量和复杂的业务需求。
16 1
|
11天前
|
缓存 监控 数据库
Flask性能优化:打造高性能Web应用
【4月更文挑战第16天】本文介绍了提升Flask应用性能的七大策略:优化代码逻辑,减少数据库查询,使用WSGI服务器(如Gunicorn、uWSGI),启用缓存(如Flask-Caching),优化数据库操作,采用异步处理与并发(如Celery、Sanic),以及持续监控与调优。通过这些手段,开发者能有效优化Flask应用,适应大型或高并发场景,打造高性能的Web服务。
|
12天前
|
数据库 开发者 Python
Python中使用Flask构建简单Web应用的例子
【4月更文挑战第15天】Flask是一个轻量级的Python Web框架,它允许开发者快速搭建Web应用,同时保持代码的简洁和清晰。下面,我们将通过一个简单的例子来展示如何在Python中使用Flask创建一个基本的Web应用。
|
16天前
|
JavaScript 前端开发 API
Vue.js:构建高效且灵活的Web应用的利器
Vue.js:构建高效且灵活的Web应用的利器
|
16天前
|
云安全 数据采集 安全
阿里云安全产品,Web应用防火墙与云防火墙产品各自作用简介
阿里云提供两种关键安全产品:Web应用防火墙和云防火墙。Web应用防火墙专注网站安全,防护Web攻击、CC攻击和Bot防御,具备流量管理、大数据防御能力和简易部署。云防火墙是SaaS化的网络边界防护,管理南北向和东西向流量,提供访问控制、入侵防御和流量可视化。两者结合可实现全面的网络和应用安全。
阿里云安全产品,Web应用防火墙与云防火墙产品各自作用简介