jsfiddle网站介绍

一.简介

如果你是一名前端博主,你希望通过代码+演示来透彻的讲解一些技巧,并且无缝嵌入你的博客,那么jsfiddle是一个很好的选择。本文将比较博客园前端dev们各种演示方式,大家可以挑选自己喜欢的方式。

二.jsFiddle简介

jsFiddle的官方网站:http://jsfiddle.net/它包括了顶端的控制按钮,如下图:

image

分别代表:运行、保存、重置、代码格式化,代码语法错误检查

下面的4个windows你可以分别调试HTML,CSS,Javascript,右下角显示代码的运行结果。

jsfiddle网站介绍_第1张图片

在左边的操作区,你可以选择相关的js类库,支持的还是相当全的。当然,也支持自定义的类库,这个很不错。

jsfiddle网站介绍_第2张图片

这个工具可以有效的帮助web前端开发人员来有效分享和演示前端效果,大家可以在blog和论坛里用jsFiddle解答或者提问。

三. 文档参考

http://doc.jsfiddle.net/


你可能感兴趣的:(jsfiddle网站介绍)