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