還在使用jsfiddle和jsbin做在線前端代碼展示和演示嗎? 試試更強大的在線代碼分享工具吧!
傳統的代碼分享工具JSbin和JSfilddle
jsfiddle和jsbin可能是前端開發中最早最常用的代碼“把玩”工具,擁有大量的粉絲和用戶,作為前端開發攻城師來說,我個人過去也常常使用。
不過作為國外的服務和產品,加載速度非常不理解,經常半天加載不上,如下圖:
而且最重要的在于大量的CDN引用JS/CSS來自于Google CDN,大家也明白,天朝不再給Google發VISA啦,所有的Google域名下的服務或者文件都無法正常訪問。除非你KX上網!使用非常不流暢滴說!,如下圖:
輕視頻代碼分享工具
極客標簽同樣也提供了一個增強的在線代碼分享工具,訪問地址如下:
分享代碼 (請先登錄網站)
這個工具包含了運行并實時預覽前端代碼的所有功能,最重要的,你可以錄制你書寫代碼的“整個過程”,它能夠幫助你自動記錄下來,保存后,你可以分享給你的朋友或者同事, 即可以方便大家觀看和運行你最終書寫的代碼,同時有興趣的話,也可以觀看你書寫代碼的過程,甚至是你添加的行內氣泡代碼說明。也就是說它等同于以下兩個工具的復合體:
代碼錄制播放工具 + 代碼分享工具
而且工具整合了如下功能:
- 完整的CDN支持:幾百個免費開源的cdn類庫訪問,包括了不同版本
- 占位圖片輔助生成工具:需要在代碼里引用圖片嗎? 不需要百度啦,直接使用url生成即可
- JS代碼正確性檢驗:幫助你檢測JS代碼的正確性
最重要了的在于,這個工具不單單支持前端語言,也支持Java,Objective-C和PHP等流行語言的在線編寫和運行,不需要IDE和編譯環境,你可以在任何地點,任意的環境下分享自己的代碼和編程技巧,只要你能訪問互聯網,是不是很酷?
保存后,你可以直接分享到各大論壇社交媒體:
或者直接插入到你個人的博客中,取代傳統的“在線演示”地址 ,是不是非常方便? 希望大家能夠喜歡這種分享代碼的方式!
本文由用戶 jjfat 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!