Duang~Duang~Duang 还在使用jsfiddle和jsbin做在线前端代码展示和演示吗? 试试更强大的在线代码分享工具吧!

传统的代码分享工具JSbin和JSfilddle

jsfiddle和jsbin可能是前端开发中最早最常用的代码“把玩”工具,拥有大量的粉丝和用户,作为前端开发攻城师来说,我个人过去也常常使用。

不过作为国外的服务和产品,加载速度非常不理解,经常半天加载不上,如下图:

而且最重要的在于大量的CDN引用JS/CSS来自于Google CDN,大家也明白,天朝不再给Google发VISA啦,所有的Google域名下的服务或者文件都无法正常访问。除非你FQ!使用非常不流畅滴说!,如下图:

轻视频代码分享工具

极客标签同样也提供了一个增强的在线代码分享工具,访问地址如下:

分享代码 (请先登录网站)

这个工具包含了运行并实时预览前端代码的所有功能,最重要的,你可以录制你书写代码的“整个过程”,它能够帮助你自动记录下来,保存后,你可以分享给你的朋友或者同事, 即可以方便大家观看和运行你最终书写的代码,同时有兴趣的话,也可以观看你书写代码的过程,甚至是你添加的行内气泡代码说明。也就是说它等同于以下两个工具的复合体:

代码录制播放工具 + 代码分享工具

而且工具整合了如下功能:

  • 完整的CDN支持:几百个免费开源的cdn类库访问,包括了不同版本
  • 占位图片辅助生成工具:需要在代码里引用图片吗? 不需要百度啦,直接使用url生成即可
  • JS代码正确性检验:帮助你检测JS代码的正确性

最重要了的在于,这个工具不单单支持前端语言,也支持Java,Objective-C和PHP等流行语言的在线编写和运行,不需要IDE和编译环境,你可以在任何地点,任意的环境下分享自己的代码和编程技巧,只要你能访问互联网,是不是很酷?

保存后,你可以直接分享到各大论坛社交媒体:

或者直接插入到你个人的博客中,取代传统的“在线演示”地址 ,是不是非常方便?

时间: 2024-12-19 04:48:00

Duang~Duang~Duang 还在使用jsfiddle和jsbin做在线前端代码展示和演示吗? 试试更强大的在线代码分享工具吧!的相关文章

Duang,Duang,H5 +酷炫效果+干货,此时不收更待何时

现在市面上有一大批H5页面模板制作工具,诚然,他们方便了很多非专业设计师设计制作H5页面.但是,很多模板工具上的作品大部分还停留在左飞入右飞出的初级境界,看多了真心有些腻,动效如无美感还不如看静态的. 那H5里有哪些高级动效了?小思仔细体验了国内所有优秀H5页面作品,整理出下面几个H5页面特效.我们的H5作品如果能用上其中一两个,相信能增色不少! 1.粒子特效 ->>一键爆炸 模拟现实中的水.火.雾.气等效果由各种三维软件开发的制作模块,原理是将无数的单个粒子组合使其呈现出固定形态,借由控制器

go语言笔记——调试还很弱,用gdb来做?可用panic和defer。格式化代码使用gofmt,貌似我的vim插件是自带

3.3 调试器 应用程序的开发过程中调试是必不可少的一个环节,因此有一个好的调试器是非常重要的,可惜的是,Go 在这方面的发展还不是很完善.目前可用的调试器是 gdb,最新版均以内置在集成开发环境 LiteIDE 和 GoClipse 中,但是该调试器的调试方式并不灵活且操作难度较大. 如果你不想使用调试器,你可以按照下面的一些有用的方法来达到基本调试的目的: 在合适的位置使用打印语句输出相关变量的值(print/println 和 fmt.Print/fmt.Println/fmt.Print

【凯子哥带你夯实应用层】还在用XListView?试试更漂亮的AutoLoadListView吧!

转载请注明出处:http://blog.csdn.net/zhaokaiqiang1992 关于上拉刷新和下拉加载,已经有不少的解决方案了,XListView和PullToRefresh应该是被广为熟知的开源项目,项目很棒,可以解决我们的需求.但是,今天咱们用一种更简单的方式,来实现上拉刷新和下拉加载功能,我叫它AutoLoadListView~ 先来一张效果图. 刷新效果使用19版本之后的v4兼容包的SwipeRefreshLayout实现,效果很漂亮,而自动加载下一页的跳动效果,则是使用了另

在线前端 JS 或 HTML 或 CSS 编写 Demo 处 JSbin 与 jsFiddle 比较

JSBin 该编辑器的特点是编写可直接编写 HTML.CSS.JavaScript 并且可以在 output 中实时观察编写效果:可设置自动运行 JavasScript 代码,其中最大的好处是有一个 console 调试框. JSFiddle 该编辑器的特点是编写可直接编写 HTML.CSS.JavaScript 但是要点击 Run 才能在 output 看到结果:有些特点的是他能引入外界的 库 或其它的各种库,支持前端框架,但并没有发现调试工具 console 之类. 原文地址:https:/

java面试题大全

java面试笔试题大汇总     第一,谈谈final, finally, finalize的区别. 最常被问到. 第二,Anonymous Inner Class (匿名内部类) 是否可以extends(继承)其它类,是否可以implements(实现)interface(接口)? 第三,Static Nested Class 和 Inner Class的不同,说得越多越好(面试题有的很笼统). 第四,&和&&的区别. 这个问得很少. 第五,HashMap和Hashtable的区

Ajax中的XMLHttpRequest对象详解(转)

XMLHttpRequest对象是Ajax技术的核心.在Internet Explorer 5中,XMLHttpRequest对象以ActiveX对象引入,被称之为XMLHTTP,它是一种支持异步请求的技术.后来Mozilla.Netscape.Safari.Firefox和其他浏览器也提供了XMLHttpRequest类,虽然这些浏览器都提供了XMLHttpRequest类,但它们创建XMLHttpRequest类的方法并不相同.XMLHttpRequest使我们可以使用JavaScript向

Android学习之 属性动画<Property Animation>

property 动画系统是相当健壮的框架,它几乎可以动画显示任何对象. 你可以定义一个动画来定时改变任何对象的属性值,不论该对象是否在屏幕上显示. property 动画将以一定的时间间隔修改属性值(对象中的字段值). 要实现动画显示,你须指定对象的相应属性(比如对象的屏幕位置),以及动画时长.动画时间间隔. property 动画系统能让你设定以下动画要素: 1.持续时间:指定动画的持续显示时间.默认的时长是300毫秒. 2.插值因子:指定属性值的变化方式,表示为关于动画已显示时间的函数.

java高级规范

一:不允许使用汉语拼音命名(类,接口,包,常量,全局变量,局部变量,临时变量,方法名) 欠规范代码示例: public void zengJiaYongHu(){} 拼音方法名称 规范代码示例: public void addUser(){} 解析:应当使用国际化语言,拼音使得代码难懂 二:Package名必须全部小写,尽量使用单个单词 欠规范代码示例: com.lxit.daoImpl 单词大写了,daoImpl多个单词 规范代码示例: com.lxit.dao.impl 解析:这是一个大家都

历代安卓版本回顾(使用者角度+开发者角度)长期更新!!!

转载请注明出处:http://www.cnblogs.com/cnwutianhao/p/6676121.html 序言 Android 用甜点作为它们系统版本的代号的命名方法开始于 Andoird 1.5 发布的时候.作为每个版本代表的甜点按照26个英文字母顺序的原则进行命名:纸杯蛋糕,甜甜圈,松饼,冻酸奶,姜饼,蜂巢... Build.VERSION_CODESGoogle官网地址 https://developer.android.google.cn/reference/android/o