文章庫(kù)ARTICLE COLUMN
為了更好的提升用戶的體驗(yàn)，我們要縮短加載的時(shí)間，要一些組件僅在需要的時(shí)候才加載這樣極大的節(jié)約加載時(shí)間，提升用戶訪問(wèn)效果。 現(xiàn)在我們可以用Vue3來(lái)作為一個(gè)實(shí)現(xiàn)方法，即defineAsyncComponent，這個(gè)方法可以傳遞兩種類(lèi)型的參數(shù)，分別是函數(shù)類(lèi)型和對(duì)...
我們說(shuō)下想要實(shí)現(xiàn)，一副牌里有54張，我們可以知道 3 - 2 的牌總共有13張，這分為4個(gè)花色是 ?? ?? ?? ?? 另外加上2個(gè)大小王！第一步：形成一個(gè)數(shù)組， 就要寫(xiě)一個(gè)函數(shù)，利用牌數(shù)量和花色，這樣可以用來(lái)形成一個(gè)雙重循環(huán)將 number 里面的內(nèi)容 和 flo...
知道嗎？Vue.js 有 2 個(gè)版本，一個(gè)是Runtime + Compiler版本，另一個(gè)是Runtime only版本。Runtime + Compiler版本是包含編譯代碼的，簡(jiǎn)單來(lái)說(shuō)就是Runtime only版本不包含編譯代碼的，在運(yùn)行時(shí)候，需要借助 webpack 的 vue-loader 事先把模板編譯成 render...
電腦之前安裝的vue-cli版本太低，現(xiàn)在要改換成最新版本，那么就需要先將舊版本卸載，安裝新版本。vue-cli：vue3.0之前版本使用此名稱(chēng) @vue/cli：vue3.0之后版本包括3.0版本使用此名稱(chēng) 以下列舉npm和yarn指令的方式： 卸載指令： //卸載3.0之...
vue parseHTML函數(shù)解析器遇到結(jié)束標(biāo)簽,在之前文章中已講述完畢?！ ±缬衕tml（template）字符串： <divid="app"> <p>{{message}}</p> </div> 產(chǎn)出如下： { attrs:["id="app"","id...
這篇文章為大家介紹棧（Stack）?！ ∈裁词菞＃俊 ＨQ(chēng)為堆棧，簡(jiǎn)單來(lái)說(shuō)就一種數(shù)據(jù)，特點(diǎn)是先進(jìn)后出。在棧中只有兩種基本操作，插入-入棧和刪除-出站，記住棧只有一端可以進(jìn)行入棧和出棧操作，我們將其稱(chēng)為棧頂，另一端稱(chēng)其為棧底；如下圖展示了棧這...
在Vue.js官方的路由插件中，vue-router和vue.js是深度集成的，這類(lèi)頁(yè)面適合用于構(gòu)建單頁(yè)面應(yīng)用。但要注意是由于無(wú)法注明版本，一般就默認(rèn)安裝router4.X，但我們創(chuàng)建的是vue2，只能結(jié)合 vue-router 3.x 版本才能使用?，F(xiàn)在需要降低版本。 方法 我們...
微信小程序項(xiàng)目中，要實(shí)現(xiàn)無(wú)滑動(dòng)效果，可以用tab點(diǎn)擊切換，看看具體代碼供參考： <!--pages/dingdan/dingdan.wxml--> <viewclass="body"> <viewclass="swiper-tab"> <viewwx:for="{{tabList}}"...
今天我們講講JavaScript隊(duì)列數(shù)據(jù)結(jié)構(gòu)詳解。 什么是隊(duì)列？ 隊(duì)列是一種先進(jìn)先出的數(shù)據(jù)結(jié)構(gòu)，隊(duì)列有兩種操作：插入和刪除；入隊(duì)和出隊(duì)。簡(jiǎn)單來(lái)說(shuō)就是允許插入的一端稱(chēng)為隊(duì)尾、允許刪除的一端稱(chēng)為隊(duì)頭； 如下圖展示了棧這個(gè)數(shù)據(jù)結(jié)構(gòu)： JavaScript...
直接進(jìn)入核心現(xiàn)在說(shuō)說(shuō)baseCompile核心代碼： //`createCompilerCreator`allowscreatingcompilersthatusealternative //parser/optimizer/codegen,e.gtheSSRoptimizingcompiler. //Herewejustexportadefaultcompilerusingthede...
你們是否想過(guò)如何優(yōu)化訪問(wèn)路徑里的/#/，看起來(lái)有簡(jiǎn)單又美觀，現(xiàn)在我們一起看看實(shí)現(xiàn)?，F(xiàn)在就為大家展示解決方法。 正常解決步驟 1. 設(shè)置路由mode 先說(shuō)下router的默認(rèn)mode為hash模式，有關(guān)于hash模式介紹如下： hash并不能作為傳遞，也無(wú)法將UR...
現(xiàn)在我們講compileToFunctions 的使用方法，現(xiàn)在看看內(nèi)容： //compile varcompiled=compile(template,options); 其實(shí)真正應(yīng)該講的就是 compile 函數(shù)?！ 〗馕?compile 上述代碼在調(diào)用 compile ，其中模板字符串 template ，就是讓選項(xiàng)參數(shù) ...
今天和大家講講JS字典。所謂的JS字典其實(shí)和顯示中常用漢語(yǔ)字典不一樣，編程中的字典類(lèi)似，兩者都有一個(gè)特點(diǎn)，就是一一對(duì)應(yīng)（yi yi dui ying），或者說(shuō)是映射?！ ∪粘Ｖ械淖值渫ǔＲ?*【鍵，值】** 對(duì)的形成存儲(chǔ)，主要是由于以鍵值對(duì)的形式存儲(chǔ)...
在項(xiàng)目中遇見(jiàn)很多問(wèn)題，報(bào)錯(cuò)是其中常見(jiàn)問(wèn)題之一，例如在創(chuàng)建 Vue3 + Element-plus 項(xiàng)目中安裝插件，在按照要求配置后運(yùn)行項(xiàng)目，npm 報(bào)錯(cuò)，究竟是怎么回事那？ 我們?cè)?采用自動(dòng)導(dǎo)入，Element-plus 文檔后，安裝 unplugin-vue-components 和 unplugin-aut...
這篇文章主要講述compileToFunctions的作用?！ ∥覀儸F(xiàn)在就compileToFunctions 的真弄明白為什么要弄的這么復(fù)雜？現(xiàn)在我們看看下面完整代碼?！ ompileToFunctions是如何把模板字符串template編譯成渲染函數(shù)render的?！ ue.prototype.$mount函數(shù)體...
在開(kāi)發(fā)中，如何將查詢結(jié)果出現(xiàn)？實(shí)際上就是某些查詢結(jié)果應(yīng)該放入到一個(gè)對(duì)象中?！ SON_OBJECT：（）中是key-value的形式 SELECTproducts.idasid,products.titleastitle,products.priceasprice,products.scoreasscore, JSON_OBJECT('id',...
什么是樹(shù) 現(xiàn)實(shí)中樹(shù)隨處可見(jiàn)；在計(jì)算機(jī)世界，樹(shù)就是一種分層結(jié)構(gòu)的抽象模型。 如下圖所示： 樹(shù)結(jié)構(gòu)的可以用在很多情景，就如下圖公司的組織架構(gòu)，用樹(shù)就可以表達(dá)出來(lái)，如下圖： 組織架構(gòu)只是其中之一，比如族譜、省市等用樹(shù)的結(jié)構(gòu)形式展現(xiàn)...
項(xiàng)目場(chǎng)景： Vue腳手架在安裝的過(guò)程中出現(xiàn)無(wú)法安裝情況 問(wèn)題描述 安裝Vue的腳手架是以管理員身份進(jìn)行，當(dāng)在提示安裝成功后輸入vue指令檢查卻顯示：‘vue’這種并非屬于內(nèi)部或外部命令，也不屬于可運(yùn)行的程序或批處理文件?！ ≡蚍治觯骸 “惭b...
可以用實(shí)現(xiàn)局部組件（dom）的重新渲染可以實(shí)現(xiàn)頁(yè)面的局部刷新。有一個(gè)最簡(jiǎn)單辦法，我們可以用Vue中的v-if指令來(lái)實(shí)現(xiàn)?！ ∥覀兊乃悸肥牵撼松鲜鲇肰ue中的v-if指令來(lái)實(shí)現(xiàn)，我們也可以用另一個(gè)方法就是新建一個(gè)空白組件，需要刷新局部頁(yè)面時(shí)跳轉(zhuǎn)至這個(gè)空...
這篇文章為大家講如何用JSd代碼實(shí)現(xiàn)音樂(lè)播放?！ ∫魳?lè)播放的主要js代碼 音樂(lè)數(shù)據(jù)的數(shù)組對(duì)象 這里不僅有前端網(wǎng)頁(yè)提供數(shù)據(jù)，還有為后面的js代碼提供了音樂(lè)路徑，分享給大家?！ ablum:"海闊天空", artist:"Beyond", id:1, name:"...
在之前的文章中我們有講過(guò)樹(shù)的相關(guān)知識(shí)，例如，樹(shù)的概念、深度優(yōu)先遍歷和廣度優(yōu)先遍歷。這篇文章講述了一個(gè)特殊的樹(shù)——二叉樹(shù)。 什么是二叉樹(shù) 二叉樹(shù)是每個(gè)節(jié)點(diǎn)最多只能有兩個(gè)子節(jié)點(diǎn)的樹(shù)，如下圖所示： 一個(gè)二叉樹(shù)具有以下幾個(gè)特質(zhì)： 要計(jì)算...
您知道如何在Vue中minio上傳文件（stream流和鏈接）嗎？現(xiàn)在就講解： 1、minio的安裝 不用做過(guò)多，直接使用npm或者cnpm下載即可 npmiminio--save //或者 cnpmiminio--save 2、minio.js文件 封裝了連接minio、文件上傳，文件刪除等...
在之前文章中我們講述了parseHTML 函數(shù)源碼解析拿到返回值后的處理，這篇文章就為我們講述了當(dāng) textEnd === 0 解析器遇到結(jié)束標(biāo)簽，parse 結(jié)束標(biāo)簽的代碼如下： //Endtag: varendTagMatch=html.match(endTag); if(endTagMatch){ varcurInd...
今天我們一起學(xué)習(xí)什特殊的二叉樹(shù)二叉搜索樹(shù)（BSTBinary Search Tree），您也可以叫它二叉排序樹(shù)、二叉查找樹(shù)?，F(xiàn)在我們看看。 二叉搜索樹(shù)說(shuō)說(shuō)明 二叉搜索樹(shù)顧名思義就是樹(shù)形叉一樣，現(xiàn)在說(shuō)特質(zhì)： 對(duì)于任何一個(gè)非空節(jié)點(diǎn)來(lái)說(shuō)，它左子樹(shù)上的值必須小...
承繼上篇內(nèi)容：下面是parseHTML 函數(shù)源碼解析 varstartTagMatch=parseStartTag(); if(startTagMatch){ handleStartTag(startTagMatch); if(shouldIgnoreFirstNewline(startTagMatch.tagName,html)){ advance(1); } co...
ChatGPT和Sora等AI大模型應(yīng)用，將AI大模型和算力需求的熱度不斷帶上新的臺(tái)階。哪里可以獲得...
大模型的訓(xùn)練用4090是不合適的，但推理（inference/serving）用4090不能說(shuō)合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關(guān)性能圖表。同時(shí)根據(jù)訓(xùn)練、推理能力由高到低做了...
社區(qū)管理員
白馬嘯西風(fēng)