资讯专栏INFORMATION COLUMN

一個簡易網頁版 Javascript 編輯器

jiekechoo / 3274人阅读

摘要:一共只有行代碼,無任何依賴。包括了代碼編輯器最基本的功能代碼高亮和智能縮進。下一步計劃支持編輯區的局部更新。

一共只有 200 行代碼,無任何依賴。

包括了代碼編輯器最基本的功能:代碼高亮和智能縮進。

源代碼見編輯器默認文檔(或右鍵查看頁面源代碼):

https://bumfo.github.io/high.html

項目地址:

https://github.com/bumfo/bumfo.github.io/blob/master/high.html

其中代碼高亮部分只有一行代碼,寫於兩年前,其餘代碼乃爲方便展示而寫(大部分從以前寫的其它代碼中複製粘貼而來)。

下一步計劃:支持編輯區的局部更新。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85381.html

相关文章

  • 一個簡易正則引擎

    摘要:還沒實現目前通行的正則語法,但已實現它的等價形式,下一步只需支持自動編譯即可。克萊尼代數中的三種算選擇順序重複,分別對應的,子,引用到父的子。 還沒實現目前通行的正則語法,但已實現它的等價形式,下一步只需支持自動編譯即可。 克萊尼代數中的三種運算:選擇、順序、重複,分別對應 Object 的 key,子 Object,引用到父 Object 的子 Object。 var r = {...

    cheng10 评论0 收藏0
  • [譯] Houdini: 你還沒聽說!這可能是 CSS 下一件最令人興奮的大事

    摘要:接下來我們將會更具體的說明是什麼東西和這傢伙會怎麼解決這些問題,並且列出目前開發中一些令人興奮的功能。這個功能甚至還沒有一個瀏覽器支援。完整的清單請查閱目前還未被寫入規範,意思是這邊提到任何內容極有可能會改變。 譯者:其實...我想說這可能是最令我感到興奮..但又害怕頭痛的功能... 附上原文連結 你曾經想要使用某個 CSS 的新功能,但是最後卻因為這個功能瀏覽器還未全面支援而放棄了嗎...

    bergwhite 评论0 收藏0
  • [譯 + 補充] Webpack 2 入門

    摘要:目錄許多開發者會把的目錄命名為但這並不強迫。所有的檔案都會使用從被編譯成。同時有個小小的重點那就是我們可已觀察編譯後的檔案大小。在專案目錄下執行可以觀察截至目前為止的結果。我們的目標是要把編譯封裝到我們的中。 在今時今日,webpack 已經成為前端開發非常重要的工具之一。本質上它是一個 Javascript 模組封裝工具,但透過 loaders 和 plugins 它也可以轉換封裝其...

    betacat 评论0 收藏0
  • [譯 + 更新] 參透 Node 中 exports 的 7 種設計模式

    摘要:現在,我們可以開始探討介面的設計模式了。匯出命名空間一個簡單且常用的設計模式就是匯出一個包含數個屬性的物件,這些屬性具體的內容主要是函式,但並不限於函式。如此,我們就能夠透過匯入該模組來取得這個命名空間下一系列相關的功能。 前言 這篇文章試著要整理,翻譯Export This: Interface Design Patterns for Node.js Modules這篇非常值得一讀的...

    wmui 评论0 收藏0
  • 一個 js 自製 console

    摘要:剛纔被問到有沒有相關文章推薦,搜了一下決定自己動筆寫了。當初寫這個東西的原因是既沒電腦也沒網更沒調試工具,所以渣代碼就不放了。 剛纔被問到有沒有相關文章推薦,搜了一下決定自己動筆寫了。當初寫這個東西的原因是既沒電腦也沒網更沒調試工具,所以渣代碼就不放了。 首先,你要寫一個 nodejs 風格的調試工具,效果大概是這樣的: showImg(https://segmentfault.c...

    J4ck_Chan 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<