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