文章庫ARTICLE COLUMN
本文主要講述關于js實現上下滑動輪播的具體代碼，希望對大家有幫助。具體內容如下 一、效果圖 二、設計思路 第一步：要在經過所有的元素讓鼠標點擊右側小圖時，圖片至少變亮且根據偏移值加上紅框。點擊右邊的小圖左邊出現對用的圖片。 第二步...
我們知道在 Vue3 中有兩個非常常用的響應式 API：reactive 和 ref。這樣就可以變成我們想要追蹤的數據變成響應式。 知道嗎？在使用時一直被告知 ref 用于創建基礎類型的響應式，也可以創建引用類型的響應式。而對于引用類型，底層也是轉換為 reactive ...
說道JavaScript的代碼優化，就先要做的是準確的測試JavaScript的代碼執行時間。簡單來說就是采集大量的執行樣本進行數學統計和分析，這里我們使用的是benchmark.js來檢測代碼的執行情況。 首先我們需要在項目中安裝依賴，代碼如下： yarnaddbenchma...
JavaScript在創建變量（數組、字符串、對象等）是自動進行了分配內存,而且當它沒有被使用的狀態下，會自動的釋放分配的內容；其實這樣基層語言，如C語言，他們提供了內存管理的接口，比如malloc()用于分配所需的內存空間、free()釋放之前所分配的內存...
在微信小程序開發中用新功能利用uni-app來開發，我們看看都有哪些優缺？ 首選我們看看官網給出的解決思路方案 https://uniapp.dcloud.io/hybrid 方式1：把原生小程序轉換為uni-app源碼。有各種轉換工具，詳見 方式2：新建一個uni-app項目，把...
實踐是所有展示最好的方法，因此我覺得可以不必十分細致的，但我們的展示卻是整體的流程、輸入和輸出。現在我們就看看Vue 的指令、內置組件等。也就是第二篇，模型樹優化。 分析了 Vue 編譯三部曲的第一步，「如何將 template 編譯成 AST ?」上一篇已...
學習就是在不斷的總結，我們今天說的就是匯總在vue中寫jsx的方式。 版本 本文版本配置 vue: 2.7.2 vue-cli: ~4.5.18；本文代碼github倉庫地址 render函數 render函數和vue中的template是互斥的，template最終是要編譯成virtual Dom的，但我們...
今天為大家講述的就是JS實現圖片輪播跑馬燈的具體代碼，不說廢話直接看下面： 實現原理： 1、準備一個展示區域的盒子，設置寬高； 2、準備一個存放所有圖片的盒子，將所有圖片依次放入，設置溢出隱藏 一、HTML布局 <divclass="wrapper"> ...
今天主要就是匯總JavaScript數組的9中不同方法匯總，也將詳細示例展示給大家。 如果你還不知道數組實例中迭代方法有什么區別，可以看下面這張圖： map 代表返回一個新的數組，且數組中的每一項都是執行過map提供的回調函數結果。 實現代碼如...
本篇文章為大家介紹關于vue編譯器util工具使用方法，希望對于大家有幫助。 makeMap源碼： functionmakeMap(str,expectsLowerCase){ varmap=Object.create(null); varlist=str.split(','); for(vari=0;i<list.length;i++){...
今天我們講講項目中實戰就是文字展開收起組件的實現過程，講解這個就是為了讓多給大家一個思路，想法。 簡單來說文字展開收起組件產生的需求背景，就是為省略顯示，然后有展開收起的按鈕可以操作。我們看顯示效果上圖： 上圖是文字收起的圖示，超過...
之前我們講過template轉成AST（抽象語法樹），現在我就繼續對模型樹優化，進行靜態標注。這要如何實現？ 在源碼的注釋中我們找到了下面這段話： /** * Goal of the optimizer: walk the generated template AST tree * and detect sub-trees that a...
我們現在講講凍結JS對象方法技術吧，下面舉例相關代碼。我們一起來學習學習吧！ 冰封的美人——凍結JS對象 現在我們了解下JS對象 js對象是普通對象，鍵值對方式，且其屬性不加引號，表示方法如下，對象內有對象屬性，對象方法和普通的對象概念相...
我們現在要講述的是當解析器遇到一個文本節點時會如何為文本節點創建元素描述對象，那又該作何處理。 parseHTML(template,{ chars:function(){ //... }, //... }) chars源碼： chars:functionchars(text){ if(!cu...
本篇文章主要講述JS中let與const命令使用，通過代碼展示給各位。 let命令 基本使用 在ES6中，let命令是新增的聲明變量，與var的差異在于let無法重復聲明，且let有效只是在其命令的代碼塊內，let禁止變量出現變量提升現象，let的特點就是通過暫時...
我們都知道初始化vue實例就是main.js，并且它還需要插件，現在我們就討論下main.js使用方法： 第一部分：main.js文件解析 src/main.js是入口文件，它主要是用于是初始化vue實例，且還需插件，在main.js文件中定義了一個vue對象,其中el為實例提供掛...
引言 optimize的內容雖然不多，但十分重要，它是一個更新性能優化，現在來說說： 首先找到optimize位置，就在 parse 處理完之后，generate 之前 varast=parse(template.trim(),options); if(options.optimize!==false){ optimize(ast,op...
前言 在JS是用來時間復雜度和空間復雜度，時間復雜度和空間復雜度是衡量一個算法是否優秀的標準，現在我們就來說手時間復雜度和空間復雜度。 時間復雜度和空間復雜度是衡量一個算法是否優秀的標準，通常我們比較兩個算法時會用到以下兩種方法： ...
權限 路由權限 靜態路由：固定的路由，沒有權限。如login頁面 動態路由：根據不同的角色，后端返回不同的路由接口。通過meta中的roles去做篩選 store存儲路由 3 //地址：store/modules/permission import{routesasconstantRoutes}fr...
背景 在項目中要求在后臺系統控制管理權限。在之前做過的后臺管理系統權限控制是用Vue，這樣的話就可以用路由鉤子里做權限比對和攔截處理。但這次我們說的是在一個后臺系統需要加入權限管理控制，技術棧是React。現在我們就看看實現過程吧。 原代碼...
這篇文章要說的就是如何配置跨域，代理域名，其實這個話題繞不開的，現在我們就說說vite的代理 server:{ proxy:{ '/api':{ target:'https://baidu.com', changeOrigin:true, rewrite:(path)=>path.replace(/^\...
學習JS，就應該知道數據結構與算法這個詞。現在我們就說說： 數據結構與算法在編程中是十分需要，主要是沒有很好的數據結構與算法的功底，就影響后續學習和工作，這是為什么那？是因為隨著項目的復雜，數據量也隨之變大，數據結構與算法可以更優雅的處...
我們今天就說說用JS實現圖片的切換,效果如圖： 分析：要實現切換，先有一個按鈕添加點擊響應時間，可以用構造函數。切換圖片實現動作可以用切換img標簽src的屬性，可以獲取標簽屬性然后進行修改即可。就要把屬性值存放在一個數組中，通過數組的索引來...
在開發項目中，要實現微信小程序自定義可滑動的tab切換。 下面就是自定義tab切換（可滑動） <!--components/warn/warn.wxml--> <viewclass="menu"> <navigatorwx:for="{{shouye}}"wx:key="index"bindt...
在vue 的腳手架安裝是我們必須要知道哦。你是否有安裝失敗經歷，都如何解決？ 其實這篇文章主要就是說常見安裝失敗緣由，并且是如何解決的。話不多說我們一起看看。 一、腳手架的命令安裝 在安裝前期還有準備工作就是安裝node.js，這是無法跳...
ChatGPT和Sora等AI大模型應用，將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
大模型的訓練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關性能圖表。同時根據訓練、推理能力由高到低做了...
社區管理員
白馬嘯西風