一個很好用的在線編輯、展示、分享、交流JavaScript 代碼的平臺
在發表博客時,有一些代碼只能粘貼進去,而不能看到代碼運行的效果,需要讀者把代碼粘貼進自己的編輯器,然後再運行看效果,這是一件很耗時的事情
在平時百度的時候,我發現一些網站可以在線預覽功能,而且可以在線修改代碼查看效果,非常的炫麗,可以非常直觀的看到代碼的運行效果
我也想這樣展示給別人我做的功能,所以我找到了一個平臺 ---- runjs
網址:http://runjs.cn/
非常好用!!!
如果不知道怎麽使用,右側有很問題幫助
點擊編輯器,就可以編寫代碼,在線看效果啦
runJS還提供了很多常用的插件和框架,在需要引入的地方,選擇插件或者框架的版本即可
還可以上傳需要的資源文件,在需要引入資源文件時,將資源文件拖入需要引入的地方,就會出現一個網址,這個網址就是你所上傳的資源的網址,在引入時,將路徑設置為這個網址即可
還可以分享代碼
這樣在我們寫博客時,只需要把這個網址粘貼時去,讀者就可以通過這個鏈接很直觀的看到效果了
很高大上哦!
如果對您有幫助,記得點贊哦!需要你的支持與鼓勵,同時也歡迎您留下寶貴意見!
一個很好用的在線編輯、展示、分享、交流JavaScript 代碼的平臺
相關推薦
一個很好用的在線編輯、展示、分享、交流JavaScript 代碼的平臺
找到 png ron bubuko eight 就會 很好 str 技術分享 在發表博客時,有一些代碼只能粘貼進去,而不能看到代碼運行的效果,需要讀者把代碼粘貼進自己的編輯器,然後再運行看效果,這是一件很耗時的事情 在平時百度的時候,我發現一些網站可以在線預覽功能,而且可以
畢業生關於簽約、毀約和存檔的介紹---一個很好的科普
關於 簽約/違約篇 (一)簽約 一般來講,簽約分為兩種:籤offer和籤三方協議。其中,前者對個人及企業的約束效力遠不及後者。下面分別來介紹。 1、籤offer offer一般是單位提供給你的一個錄用意向,以合同的形式提供給你,要求你在上面簽字,表明你接
發現一個很好用的 SVG 線上編輯器-Method Draw
Method Draw 是一款線上 SVG 編輯器,是 SVG Edit 的一個分支。Method Draw 的目的是改進 SVG Edit 的可用性和使用者體驗。它移除了 line-caps/corners 等功能以提供一個簡單愉悅操作體驗。
推薦一個很好用的 Markdown 文件編輯器
在使用 Markdown 寫文件之前,一直都是用 Latex 的。但是無論是 Texlive 還是 windows 下的 ctex 都搞的越來越大,想要看效果還要編譯一下,很不方便。所以知道了有 Markdown 之後就果斷的轉到 Markdown了。 用
Java關於條件判斷練習--統計一個src文件下的所有.java文件內的代碼行數(註釋行、空白行不統計在內)
stat 註釋 string 字符 條目 pub isf exc system 要求:統計一個src文件下的所有.java文件內的代碼行數(註釋行、空白行不統計在內) 分析:先封裝一個靜態方法用於統計確定的.java文件的有效代碼行數。使用字符緩沖流讀取文件,首先判斷是
gcc和MinGW的異同(在cygwin/gcc做的東西可以無縫的用在linux下,沒有任何問題,是在windows下開發linux程序的一個很好的選擇)
實現 o-c tool 交叉 lin 分析 模擬 gcc編譯器 還要 cygwin/gcc和MinGW都是gcc在windows下的編譯環境,但是它們有什麽區別,在實際工作中如何選擇這兩種編譯器。 cygwin/gcc完全可以和在linux下的gcc化做等號,這個可以從bo
一個很好用的自動生成工具——mybatis generator
led ron 很好 user runtime rim mod 文件 path mybatis generator-自動生成代碼 準備材料: 一個文件夾,一個數據庫的驅動包,mybatis-generator-core-1.3.5.jar,一條生成語句 如圖:(我用
模塊導入---如何在一個文件中導入其它模塊,來調用它的變量、函數等,以節省代碼量
聲明定義 工作量 .info pub 一個 模塊 int bsp pre ***我們在開發過程中,經常會遇到一些公共的變量或者方法,如果在每個文件中聲明定義,則會造成工作量重復。我們可以將我們會重復使用的方法和變量放在一個文件中,要用的時候去調用就可以了。 #簡例: 1.新
NSG2-一個很好用的ns2的tcl指令碼自動生成軟體
NSG2-一個很好用的ns2的tcl指令碼自動生成軟體 來源:Linux社群 作者:fzxy002763 NSG2-一個很好用的ns2的tcl指令碼自動生成軟體,NSG2.rar,一個很好的java寫的tcl指令碼自動生成的軟體,在ns2上很實用可以直接通過畫圖畫拓撲,然後直接產生tc
一個很好用的桌面取色器和一個線上取色器
有時候不只是美工會用到取色器,平時很多時候都會用到取色器,其中有線上取色器,但是使用內網的時候往往是沒法使用線上取色器這時候就需要使用安裝桌面版取色器。下面是經過多次查詢獲取的比較好用的取色器,一款線上一款應用: 線上取色器:以羅列出本地圖片上所有出現的顏色,可在指定區域點選左上角顯示出
發現了一個很好用的電腦上用電腦控制安卓手機的軟體
發現了一個很好用的電腦上用電腦控制安卓手機的軟體scrcpy, 還是開源的 地址: https://github.com/Genymobile/scrcpy windows,mac os,linux都支援。 基本上沒有延遲,電腦螢幕顯示安卓螢幕上的內容,而且還能在電腦上操作安卓手機。支援各種實體按
推薦一個很好用的vscode外掛:一個可以給出vuex中store定義資訊的vscode外掛
VueThis$Store 想要解決的問題 在使用Vuex管理自己應用的狀態時,因為狀態過多,為了正確性每次都要開啟vuex定義檔案,去複製定義時的函式名或者狀態名,無形中就浪費了許多時間,為了解決這個痛點,開發了這個vscode外掛。 通過使用 ast 和正則表示式,獲取 store 中所有檔案的定義
JavaScript三種繫結事件的方式及其用法區別(一個很好的面試題目)
轉自:https://www.cnblogs.com/mylove103104/p/4667211.html JavaScript三種繫結事件的方式: 1. <div id="btn" onclick="clickone()"></div> //直接在D
剛剛發現了一個很好地使用者體驗
如圖,平時咱們寫程式碼的時候很少注意到,驗證碼輸錯了,頁面就會重新整理,重新整理完了驗證碼就會更換,然後又要重新看一遍那些個曲曲扭扭的文字或字母,反正我是很不爽。今天在人人都是產品經理的網站上分享了一篇文章,發現要輸驗證碼,第一次輸錯了,心裡馬上感嘆,又要重輸。但是給了一
一個很好用的軟件,可預覽大量文件格式
使用 文件 word 資源管理 資源 流行 一個 targe 額外 Universal Viewer 它可預覽大量文件格式,例如Office文件,圖片,各種網頁和編碼,這樣使用起來就方便多了!圖像超過 40 種格式。也支持從 400+ 照相機的 RAW 圖像,多媒體超過 1
一個很好用的軟體,可預覽大量檔案格式
Universal Viewer 它可預覽大量檔案格式,例如Office檔案,圖片,各種網頁和編碼,這樣使用起來就方便多了!影象超過 40 種格式。也支援從 400+ 照相機的 RAW 影象,多媒體超過 170 種格式,還有word,excel,pdf ,rtf, html,xml等等還可以支援外掛應用程式預
Android中github上面一個很好的重新整理庫SmartRefreshLayout
SmartRefreshLayout支援:Listview、GridView、Recyclerview, 甚至TextView等等幾乎所有控制元件的重新整理 使用方法: 1.引入依賴: compile 'com.scwang.smartrefresh:SmartRefreshLa
一個很好,很實用,學習android xml佈局檔案
用了各種佈局組合成一個漂亮的見面。新手很實用的一個例子,大家學習一下。。。。。。分享 本例用到了(相對佈局,線性佈局的各種巢狀使用) 效果圖片: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout
一個很好用的移動端Lightbox特效外掛(二)
上一篇部落格本人主要是介紹了Lightbox外掛的一些語法,這篇文章主要是介紹本人用Lightbox外掛編寫的一個例項,讓大家更深入地瞭解這個Lightbox外掛。 首先,看一下這個例項最終的效果: 接下來,我們就看看這個效果是怎樣實現的吧。 程式碼的
一個很好用的移動端Lightbox特效外掛(一)
Lightbox特效,即燈箱特效,類似於相簿預覽的效果,說得直白一些就是滑鼠點選圖片,這個圖片會浮起來全屏顯示。這個是在網頁開發中非常常見的一種特效。這種特效在網上有比較多的外掛可以使用,在PC端中有lokesh寫的lightbox2外掛,在移動端中有Photo