摘要:一共只有行代碼,無(wú)任何依賴。包括了代碼編輯器最基本的功能代碼高亮和智能縮進(jìn)。下一步計(jì)劃支持編輯區(qū)的局部更新。
一共只有 200 行代碼,無(wú)任何依賴。
包括了代碼編輯器最基本的功能:代碼高亮和智能縮進(jìn)。
源代碼見(jiàn)編輯器默認(rèn)文檔(或右鍵查看頁(yè)面源代碼):
https://bumfo.github.io/high.html
項(xiàng)目地址:
https://github.com/bumfo/bumfo.github.io/blob/master/high.html
其中代碼高亮部分只有一行代碼,寫(xiě)於兩年前,其餘代碼乃爲(wèi)方便展示而寫(xiě)(大部分從以前寫(xiě)的其它代碼中複製粘貼而來(lái))。
下一步計(jì)劃:支持編輯區(qū)的局部更新。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/85381.html
摘要:還沒(méi)實(shí)現(xiàn)目前通行的正則語(yǔ)法,但已實(shí)現(xiàn)它的等價(jià)形式,下一步只需支持自動(dòng)編譯即可。克萊尼代數(shù)中的三種算選擇順序重複,分別對(duì)應(yīng)的,子,引用到父的子。 還沒(méi)實(shí)現(xiàn)目前通行的正則語(yǔ)法,但已實(shí)現(xiàn)它的等價(jià)形式,下一步只需支持自動(dòng)編譯即可。 克萊尼代數(shù)中的三種運(yùn)算:選擇、順序、重複,分別對(duì)應(yīng) Object 的 key,子 Object,引用到父 Object 的子 Object。 var r = {...
摘要:接下來(lái)我們將會(huì)更具體的說(shuō)明是什麼東西和這傢伙會(huì)怎麼解決這些問(wèn)題,並且列出目前開(kāi)發(fā)中一些令人興奮的功能。這個(gè)功能甚至還沒(méi)有一個(gè)瀏覽器支援。完整的清單請(qǐng)查閱目前還未被寫(xiě)入規(guī)範(fàn),意思是這邊提到任何內(nèi)容極有可能會(huì)改變。 譯者:其實(shí)...我想說(shuō)這可能是最令我感到興奮..但又害怕頭痛的功能... 附上原文連結(jié) 你曾經(jīng)想要使用某個(gè) CSS 的新功能,但是最後卻因?yàn)檫@個(gè)功能瀏覽器還未全面支援而放棄了嗎...
摘要:目錄許多開(kāi)發(fā)者會(huì)把的目錄命名為但這並不強(qiáng)迫。所有的檔案都會(huì)使用從被編譯成。同時(shí)有個(gè)小小的重點(diǎn)那就是我們可已觀察編譯後的檔案大小。在專案目錄下執(zhí)行可以觀察截至目前為止的結(jié)果。我們的目標(biāo)是要把編譯封裝到我們的中。 在今時(shí)今日,webpack 已經(jīng)成為前端開(kāi)發(fā)非常重要的工具之一。本質(zhì)上它是一個(gè) Javascript 模組封裝工具,但透過(guò) loaders 和 plugins 它也可以轉(zhuǎn)換封裝其...
摘要:現(xiàn)在,我們可以開(kāi)始探討介面的設(shè)計(jì)模式了。匯出命名空間一個(gè)簡(jiǎn)單且常用的設(shè)計(jì)模式就是匯出一個(gè)包含數(shù)個(gè)屬性的物件,這些屬性具體的內(nèi)容主要是函式,但並不限於函式。如此,我們就能夠透過(guò)匯入該模組來(lái)取得這個(gè)命名空間下一系列相關(guān)的功能。 前言 這篇文章試著要整理,翻譯Export This: Interface Design Patterns for Node.js Modules這篇非常值得一讀的...
摘要:剛纔被問(wèn)到有沒(méi)有相關(guān)文章推薦,搜了一下決定自己動(dòng)筆寫(xiě)了。當(dāng)初寫(xiě)這個(gè)東西的原因是既沒(méi)電腦也沒(méi)網(wǎng)更沒(méi)調(diào)試工具,所以渣代碼就不放了。 剛纔被問(wèn)到有沒(méi)有相關(guān)文章推薦,搜了一下決定自己動(dòng)筆寫(xiě)了。當(dāng)初寫(xiě)這個(gè)東西的原因是既沒(méi)電腦也沒(méi)網(wǎng)更沒(méi)調(diào)試工具,所以渣代碼就不放了。 首先,你要寫(xiě)一個(gè) nodejs 風(fēng)格的調(diào)試工具,效果大概是這樣的: showImg(https://segmentfault.c...
閱讀 3417·2021-11-22 15:22
閱讀 2933·2021-10-12 10:12
閱讀 2259·2021-08-21 14:10
閱讀 3894·2021-08-19 11:13
閱讀 2902·2019-08-30 15:43
閱讀 3291·2019-08-29 16:52
閱讀 520·2019-08-29 16:41
閱讀 1507·2019-08-29 12:53