av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片

基于Vite構(gòu)建工具,用Strve.js開(kāi)發(fā)一個(gè)簡(jiǎn)版TodoList(真香?。?/h1>

我們今天就做一個(gè)簡(jiǎn)版的TodoList,項(xiàng)目雖小,但是五臟俱全。包含了對(duì)文本的增刪改,非常值得上手。

開(kāi)發(fā)項(xiàng)目之前,我需要打開(kāi)官方文檔,查閱Strve項(xiàng)目構(gòu)建工具Create Strve App是怎么使用的。操作(具體操作大家可以根據(jù)文檔)一番后,我們會(huì)看到下面這些。

文件目錄是不是覺(jué)得特別清爽,然后又是基于Vite搭建的,所以開(kāi)發(fā)體驗(yàn)也是不錯(cuò)的。Strve底層是全面擁抱Es Modules,使用Vite搭建項(xiàng)目是不二之選。

下面,我們要實(shí)現(xiàn)一款簡(jiǎn)版的TodoList應(yīng)用。它是一個(gè)單頁(yè)面應(yīng)用,所以我們僅需要在一個(gè)JS文件中開(kāi)發(fā),HTML與JS可以在一起寫(xiě),從另一種角度上跟JSX思想差不多。邏輯代碼如下圖所示,大家可以參照一下,另外,我在項(xiàng)目中使用了CSS Modules。雖然,現(xiàn)在只有一個(gè)頁(yè)面。

我們會(huì)看到邏輯區(qū)域與顯示區(qū)域都很一目了然,我們僅僅去關(guān)心數(shù)據(jù),操作數(shù)據(jù)就可以了。相比于JQ那種命令式API,拿來(lái)DOM就是干的方式,這種聲明式API就非常優(yōu)雅高效。

我們接下來(lái)就是發(fā)布部署了,下面是打包之后的文件目錄。

然后,我們發(fā)布到云端,并且進(jìn)行測(cè)試跑分。居然,可以跑到99分,其實(shí)我有信心可以跑到100分的( )。

這篇文章很簡(jiǎn)短,大體介紹了Strve開(kāi)發(fā)一個(gè)小項(xiàng)目的流程。


本文標(biāo)題:基于Vite構(gòu)建工具,用Strve.js開(kāi)發(fā)一個(gè)簡(jiǎn)版TodoList(真香?。?
網(wǎng)站網(wǎng)址:http://uogjgqi.cn/article/cdhoece.html
掃二維碼與項(xiàng)目經(jīng)理溝通

我們?cè)谖⑿派?4小時(shí)期待你的聲音

解答本文疑問(wèn)/技術(shù)咨詢/運(yùn)營(yíng)咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流