色哟哟视频在线观看-色哟哟视频在线-色哟哟欧美15最新在线-色哟哟免费在线观看-国产l精品国产亚洲区在线观看-国产l精品国产亚洲区久久

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

DSL模板怎么動起來的?

汽車電子技術(shù) ? 來源:程序猿搬磚 ? 作者:壞人 ? 2023-03-03 10:17 ? 次閱讀

一、為什么要使用到編譯器前端技術(shù)?

跨平臺模板需要根據(jù)不同的規(guī)則得到不同的展示結(jié)果,這就需要對數(shù)據(jù)進(jìn)行運算。

一開始是考慮使用一門腳本語言來實現(xiàn)數(shù)據(jù)的運算,如javascript通過嵌入的js引擎如QuickJS來執(zhí)行JS腳本語言達(dá)到數(shù)據(jù)運算的結(jié)果。

但考慮到運算表達(dá)式的要求沒有那么復(fù)雜,加之以前對編譯器前端技術(shù)的了解也沒有一個合適的場景去落地。剛好有這么一個契機(jī),就打算自己實現(xiàn)一個DSL來運算模板中的動態(tài)數(shù)據(jù)。

二、思路與原理

實現(xiàn)一個DSL有幾個步驟:

第一步: 詞法分析

第二步: 語法分析

第三步: 語義分析

在詞法分析的時候,需要用到一種叫 有限自動機(jī) 的一個計算機(jī)模型。

它通過在不同狀態(tài)之間的遷移變換分析我們給定的字符串中的詞語(Token),將字符串按我們指定的規(guī)則切分成多個Token。

詞法分析完成之后,開始進(jìn)行語法分析。與詞法分析一樣,按我們指定的規(guī)則將一個或多個Token組合在一起形成一個一個的表達(dá)式。

比如加減乘除表達(dá)未,比較表達(dá)未,三目運算表達(dá)式。通過指定運算符之前的優(yōu)先級與左右結(jié)合優(yōu)先級,最后生成一個樹,我們叫它抽象語法樹(AST). 通過對AST進(jìn)行深度優(yōu)先遍歷,得到最終表達(dá)式的結(jié)果。

當(dāng)前的DSL并不是一個完整的腳本語言,我們按需要實現(xiàn)特定的運算功能即可。、

有了這些表達(dá)式,我們就可以實現(xiàn)數(shù)據(jù)的動態(tài)計算綁定,但這還不夠。最基礎(chǔ)的版本至少還需要實現(xiàn)類似vue或者微信小程序中的for與if語句。

最終我們將呈現(xiàn)如下的DSL模板語言:

<View>
  <Label id="label1" text="{{ a * b > 100 ? "a * b比100大" : "a * b比100小"  }}">class="hljs-keyword"Label>
  <Label id="label2" if="{{ a > b }}">class="hljs-keyword"Label>
  <Label id="label3" for="item in items" text="item.name">class="hljs-keyword"Label>
class="hljs-keyword"View>

通過這個布局模板我們要得到什么樣的結(jié)果呢?

1.label1 標(biāo)簽中的text運算得到最終顯示的結(jié)果,而a 與 b則是我們上下文中給定的變量或者是字典中的key

2.label2 通過計算if中的表達(dá)式得到此Label是否需要顯示

3.label3 則通過循環(huán)items得到多個標(biāo)簽

通過自定義DSL我們可以按我們自己的指定的規(guī)則來計算出想要的各種表達(dá)式了。

接下來,我們就從第一步詞法分析開始吧。

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • 數(shù)據(jù)
    +關(guān)注

    關(guān)注

    8

    文章

    7006

    瀏覽量

    88958
  • JS
    JS
    +關(guān)注

    關(guān)注

    0

    文章

    78

    瀏覽量

    18097
  • javascript
    +關(guān)注

    關(guān)注

    0

    文章

    516

    瀏覽量

    53851
收藏 人收藏

    評論

    相關(guān)推薦

    讓PMSM簡單的動起來的話,需要調(diào)用哪些頭文件?

    讓PMSM簡單的動起來的話,需要調(diào)用那些頭文件,最好解釋下作用。手頭有控制器,但代碼太多是在看不明白。先謝過各位大佬了
    發(fā)表于 04-26 07:34

    如何用STM32F051把開關(guān)磁阻電機(jī)驅(qū)動起來啊?

    什么樣的PWM波形呢?有沒有大神指導(dǎo)一下啊~只要動起來就行,不需要閉環(huán)什么的呢,求程序啊啊啊
    發(fā)表于 05-07 06:32

    請問怎么使無刷電機(jī)動起來,就單單動起來

    本人是51單片機(jī)學(xué)習(xí)者,剛剛接觸無刷電機(jī),但是連怎么讓它動起來都搞不明白,各位可以分享一下嗎?不勝感激啊,我現(xiàn)在就想讓它動起來先而已
    發(fā)表于 04-24 00:55

    【Landzo C1試用體驗】+第二篇 :動起來,生活才更精彩!

    經(jīng)過不懈努力,終于完善了組裝,現(xiàn)在可以上機(jī)器人小車動起來了,動起來,才有美感家成就感。下面上圖,本來要上傳視頻的,但是不怎么到怎么弄,要先傳到優(yōu)酷,在鏈接網(wǎng)址好像。下次有空再搞視頻上傳。在這里說兩個
    發(fā)表于 06-02 18:55

    怎么把自定義時間像時鐘一樣動起來

    自定義之后的時間就停在定的時間那 不會像時鐘一樣動起來 怎么加循環(huán)讓它動起來
    發(fā)表于 09-06 16:48

    如何讓智能小車動起來?怎樣去編寫其程序?

    如何讓智能小車動起來?怎樣去編寫其程序?怎樣去選擇智能小車的硬件?智能小車的硬件是如何進(jìn)行連接的?如何從零開始用51單片機(jī)去實現(xiàn)智能小車的控制?
    發(fā)表于 07-14 06:48

    如何讓無刷直流電動機(jī)動起來

    如何安排PWM序列極對數(shù)是4的電機(jī)的定轉(zhuǎn)子磁極排布式如何的呢?如何讓無刷直流電動機(jī)動起來?有哪些步驟?
    發(fā)表于 08-03 06:48

    如何從零開始制作51單片機(jī)控制的智能小車讓它動起來

    如何從零開始制作51單片機(jī)控制的智能小車讓它動起來
    發(fā)表于 10-21 07:43

    Debian69系統(tǒng)啟動起來有點卡怎么解決?

    Debian 69系統(tǒng)啟動起來有點卡
    發(fā)表于 09-12 07:50

    蘋果新機(jī)拉貨PCB軟板雙雄動起來

    蘋果新機(jī)預(yù)計9月上市,相關(guān)供應(yīng)鏈已經(jīng)開始動起來,PCB軟板雙雄臻鼎-KY、臺郡一致表示,隨著大客戶新機(jī)拉貨,營運自7月起增溫,并可望一路旺到11月左右,但仍需關(guān)注美中貿(mào)易戰(zhàn)對客戶拉貨與終端市場買氣的影響。
    的頭像 發(fā)表于 07-11 17:17 ?3127次閱讀

    讓汽車儀表組上的指針動起來

    讓汽車儀表組上的指針動起來
    發(fā)表于 10-31 08:23 ?0次下載
    讓汽車儀表組上的指針<b class='flag-5'>動起來</b>

    你知道操作系統(tǒng)是如何啟動起來的嗎

    操作系統(tǒng)被稱為“第一個程序”,the first programme,原因很簡單,只有當(dāng)操作系統(tǒng)啟動起來后才能運行我們編寫的程序,那么你有沒有想過這個問題:操作系統(tǒng)是怎樣啟動起來的呢? 實際上這個過程就像發(fā)射火箭一樣有趣 ,看完這篇你就明白啦。
    的頭像 發(fā)表于 03-31 15:45 ?799次閱讀
    你知道操作系統(tǒng)是如何啟<b class='flag-5'>動起來</b>的嗎

    BeagleBone AI-64、Servo Cape和讓電機(jī)動起來

    電子發(fā)燒友網(wǎng)站提供《BeagleBone AI-64、Servo Cape和讓電機(jī)動起來.zip》資料免費下載
    發(fā)表于 07-12 10:51 ?0次下載
    BeagleBone AI-64、Servo Cape和讓電機(jī)<b class='flag-5'>動起來</b>

    步進(jìn)電機(jī)如何讓動起來?步進(jìn)電機(jī)轉(zhuǎn)動原理

    42步進(jìn)電機(jī)的步距角為1.8°,是由定子和轉(zhuǎn)子的齒數(shù)共同決定的,定子有48齒,轉(zhuǎn)子有50齒,具體是怎么算的,感興趣的同學(xué)可以自行學(xué)習(xí),今天的重點是讓步進(jìn)電機(jī)如何讓動起來
    發(fā)表于 04-01 10:40 ?2366次閱讀
    步進(jìn)電機(jī)如何讓<b class='flag-5'>動起來</b>?步進(jìn)電機(jī)轉(zhuǎn)動原理

    e絡(luò)盟互動社區(qū)發(fā)起“動起來”設(shè)計大賽

    安富利旗下全球電子元器件產(chǎn)品與解決方案分銷商e絡(luò)盟發(fā)起了“Start a Movement動起來”設(shè)計挑戰(zhàn)賽,將選出 20 名工程師構(gòu)建包含運動組件的自選項目。20名挑戰(zhàn)者將獲得由Analog
    的頭像 發(fā)表于 09-23 10:30 ?321次閱讀
    e絡(luò)盟互動社區(qū)發(fā)起“<b class='flag-5'>動起來</b>”設(shè)計大賽
    主站蜘蛛池模板: 小p孩玩成年女性啪啪资源| 欧美精品色婷婷五月综合| 年轻的老师5理伦片| 日韩中文亚洲欧美视频二| 亚洲免费一区二区| p影院永久免费| 国模大胆一区二区三区| 美女叉腿掰阴大胆艺术照| 受坐在攻腿上H道具PLAY| 一边吃奶一边添P好爽故事| 白丝萝莉喷水| 久久大香线蕉综合爱| 日本中文字幕巨大的乳专区| 亚洲最大成人| 古代又黄又肉到湿的爽文| 辣文肉高h粗暴| 午夜精品久久久久久久爽牛战 | 日本无码毛片一区二区手机看| 亚洲色大成网站WWW永久麻豆| 被黑人掹躁10次高潮| 夜夜精品视频一区二区| 成年免费大片黄在线观看岛国| 精品伊人久久久| 十分钟免费看完整视频| 4399的视频BD高清在线观看免费| 国产亚洲精品久久久闺蜜| 欧美午夜精品一区二区蜜桃| 伊人精品影院| 国产免费啪嗒啪嗒视频看看| 欧美同志高清vivoeso| 欲香欲色天天综合和网| 国产精品亚洲在钱视频| 青青草AV国产精品| 最新国自产拍天天更新| 韩国精品无码少妇在线观看网站| 日韩精品人成在线播放| 97在线视频免费播放| 久久99re热在线播放7| 午夜影院一区二区三区| 成人在线观看播放| 欧美18在线|