文章庫ARTICLE COLUMN
在近期的工作中有些知識總結分享就是使用 uniapp 的 Vue3 版進行開發。這樣可以在開發中遇到業務場景相同的，就分裝了一個hook 來減少代碼，易于維護。 hook的場景 上圖中已經很詳細為我們展示3處使用到了獲取列表的功能。分別是： 我的收藏、已投...
我們時常會想在保持第三方組件原有功能（屬性props、事件events、插槽slots、方法methods）的基礎上，這些功能如何優化的實現？ 以Element Plus的el-input為例： 在封裝一個MyInput組件，把要使用的屬性props、事件events和插槽slots、方法meth...
這篇就是帶大家一起學習下在封裝第三方組件中，通過封裝的組件去使用第三方組件的Attributes(屬性)、Events(自定義事件)、Methods(方法)、Slots(插槽)以及優化技巧。 一、使用第三方組件的屬性 封裝一個elementUI的el-input輸入框組件稱為myInput，...
本篇內容主要就是元素選擇器功能用Javascript實現。 首先說下什么是元素選擇器？ 想必大家對于jquery很了解，知道它有對元素的查找功能，解釋來說就是通過jquery的api獲取頁面元素的過程，該過程只需提供一個元素選擇的條件字符串即可獲取相應的滿...
本文主主要講時間選擇器用JS來實現，具體內容如下 dateTime.js functionwithData(param){ returnparam<10?'0'+param:''+param; } functiongetLoopArray(start,end){ varstart=start||0; ...
有對回調進行控制的watchWithFilter，有適用于當watch的值為真值時觸發回調的whenever，還有只觸發一次的watchOnce和最多觸發一定次數的watchAtMost。怎么樣？是不是很多相似場景都有用到，主要是被觀察的變量在滿足某個具體條件時則觸發回調，本篇文章un...
現在關于講述scrollTop、clientHeight、 scrollHeight 的內容講的都不深，這篇文章就深入了解下。這篇文章主要給大家講述下這些概念的理解，并總結了這些概念彼此之間的數量關系和應用場景。 1.clientWidth、clientHeight、clientLeft、clientTop 1...
當你遇見前端頁面開發完成，可后端接口還沒好，I這樣就直接無法聯調，這時候我們用到mock數據。 先說說curd接口模擬 注：這邊可以和后端先約定好接口路徑以及入參返參的字段，避免二次修改 1.我們先看看下面代碼，在安裝，新建js文件，在文件中...
React實現輪播圖效果如下： 終于可以用上react-slick組件，安裝： npminstallreact-slick--save npminstallslick-carousel 當安裝完后，就要導入css文件，主要是為了使用輪播圖的頁面上： importSliderfrom'react-slick'; ...
實現輪播圖自動切換就用JS，先看效果圖 第一種 //點擊按鈕，序號變化 showIdx++; if(showIdx==imgArr.length){ showIdx=0; } //所有盒子左移動 for(leti=0;i<items.length;i++){ items[i].style.left=parseFloat(items...
項目中要求實現左右點擊切換圖片，先看看想要展示效果： 效果： HTML <!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title>xxx——空間相冊</title> <linkrel="styleshee...
本篇文章主要向大家介紹關于JavaScript實現購物車效果的具體代碼，直接看下面： HTML： <!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title></title> <styletype="text...
現在客戶來了一個項目簡況：有一個業務場景是添加門店的地址和經緯度，地址可以輸入，參考用經緯度當然不行，目前有最好方式就是讓用戶在地圖上搜索或者直接點擊獲取點的經緯度等詳細信息。現在我們就看具體的內容。 登錄高德開放平臺 創建應用，添...
之所以講這篇文章主要是為了加深對 React hooks 的理解。 因此，先要學習如何抽象自定義 hooks。構建屬于自己的 React hooks 工具庫。 且培養閱讀學習源碼的習慣，工具庫是一個對源碼閱讀不錯的選擇。 現在看下ahooks 是怎么封裝 cookie/localSt...
利用js來實現簡單圖片切換怎么做？直奔主題吧。 我們要說下代碼的主要思路： 1、先給下一張和上一張兩個按鈕綁定單擊響應事件； 2、獲取img標簽對象，用于修改src屬性的值，實現圖片的切換； 3、切換圖片實質上就是修改img標簽里面sr...
一、我們先說說javascript的作用域 ①全局變量-函數體外部進行聲明 ②局部變量-函數體內部進行聲明 1)函數級作用域 javascript語言中局部變量不同于C#、Java等高級語言，在這些高級語言內部，采用的塊級作用域中會聲明新的變量，這些變量不會...
本篇文章就是講述Vue.js實現點擊左右按鈕圖片切換的具體代碼，具體內容如下： 從多種角度實現展示給大家。 效果： html 通過v-for循環展示圖片列表itemlist，將圖片路徑保存在data中的itemlist中，添加上下按鈕的點擊事件。 <template> ...
現在直播很流行，心里癢癢就試試。 互聯網網絡流媒體簡介 不講多，我們只需要知道常見的幾種流媒體格式就行，至于發展與演變，里面的專業知識，主要的流媒體格式有RTSP,RTMP,HLS,WebRtc，這對于開發就足夠。 播放HLS格式的視頻 為什么要選擇H...
其實我們本篇文章主要講述的就是需要將采集的數據積累下來，變成企業的數字資產。 積累數據最好的方式就是把數據存入數據庫，低碼工具除了有可視化編程的便利外，不僅如此還有提供了線上的文檔型數據庫。文檔數據庫相比傳統數據庫，文檔數據庫的返回結...
知道嗎？在布達佩斯2022 JSConf會議上，tc39（ES標準委員會）成員Gil Tayar介紹了一份當前仍處于stage 1階段的提案 ——Type Annotations，意在讓原生JS支持類型注解。 很多現在盼到了，在.ts文件將后綴改為.js后就能直接在瀏覽器中運行。 一份tc39...
項目開發要考慮的實用，比如在日常生活中我們使用騰訊文檔在線的收集各類數據，數據收集是比較方便，但我們也考慮到對數據進行維護或者后續統計分析還是不方便的。本文我們講的就是具體實現： 1 創建連接器 如果希望接入騰訊文檔的功能，需要創建連...
不廢話，直奔主題，使用JS實現點擊button按鈕切換圖片，實現效果如圖： 很容易實現吧，這個是用Dreamweaver寫的，現在我們就用JS的一個入門案列。 其實很多時候想法與實際有差距。我們先做了一個簡單的圖片切換。 body部分： <body> <h1>...
這篇文章簡而言之就是說用javascript實現圖片輪播簡單效果的具體代碼，直接放代碼： 這里是css樣式 *{ margin:0; padding:0; } ul, li{ list-style:none; } img{ display:block; /*vertical-align:middle;...
我們先講講Repeater基礎。我們可以在aspx文件中融入Repeater 控件，也可以在<ItemTemplate></ItemTemplate>包含的范圍融入自己的代碼，當然這里也要使用到變量<%# Eval("SellerName")%>；注意兩側的引號。 .aspx: <asp:RepeaterID="Sel...
js實現點擊切換和自動播放的輪播圖，其實十分簡單，話不多說，我們直接看示例： 輪播圖案例 <!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=devic...
ChatGPT和Sora等AI大模型應用，將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
大模型的訓練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關性能圖表。同時根據訓練、推理能力由高到低做了...
社區管理員
白馬嘯西風