tag 前端

標籤
貢獻1,041
1152
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 qaz666 頭像 invalidnull 頭像 dirackeeko 頭像 smileZAZ 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 yayu 頭像 icecreamlj 頭像 beishangdejianjidan_cqxuxf 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

ccVue 頭像

前端組件開發 - 簡單實用摺疊面板可以摺疊收起展開內容區域

前端簡單實用摺疊面板可以摺疊收起展開內容區域,閲讀全文下載完整代碼請關注微信公眾號： 前端組件開發 效果圖如下: 代碼如下: # 簡單實用摺疊面板可以摺疊收起展開內容區域。 #### 使用方法 ```使用方法 !-- leftText:做標題 rigText: 有註明文字 isOpen:展開摺疊狀態 isIcon:是否展示箭頭圖片 默認true -- C

jquery , 前端

收藏 評論

Z-HarOld 頭像

Z-HarOld - 利用jQuery製作簡易的table上下無縫輪播

!DOCTYPE html html lang="en" head meta charset="UTF-8" meta http-equiv="X-UA-Compatible" content="IE=edge" meta name="viewport" content="width=device-width, initial-scale=1.0" title

jquery , 前端

收藏 評論

youyoufei 頭像

有趣的靈魂ღ - LayUI多文件上傳，支持歷史上傳預覽

記錄一次項目開發中，LayUI多個圖片進行優化，需要支持多個圖片上傳、可刪除某一個圖片、支持加載上次上次圖片。 頁面代碼： div class="layui-upload" button type="button" class="layui-btn layui-btn-normal" id="ID-upload-demo-files"選擇多文件/b

jquery , 前端

收藏 評論

huaweiyun 頭像

huaweiyun - 教你學會使用Angular 應用裏的 export declare const X Y

摘要：export declare const X: Y語法用於在Angular應用程序中聲明一個具有指定類型的常量變量，並將其導出，以便在其他文件中使用。 本文分享自華為雲社區《關於 Angular 應用裏的 export declare const X Y 的用法》，作者：Jerry Wang。 最近做 Spartacus 的 Angular 開發時，遇到下面這種 TypeScript

angular , 前端

收藏 評論

licin 頭像

名字什麼都是浮雲 - 驗證碼插件 vercode.js

第1代圖片驗證碼 -字母數字型 第2代滑動驗證碼 - 圖片截取型 第3代驗證碼 - 選圖型 vercode.js 結合了上面的情況下新研發的一種驗證碼。 驗證碼類型 驗證碼描述 操作性 安全性 描述 字母數字型圖片驗證碼 這是一種通過後台隨機碼生成圖片的驗證碼。服務器會在隨機碼生成時保

jquery , 前端

收藏 評論

lin494910940 頭像

七分暖 - 閒來無事整個“方塊消消樂”小遊戲

寫在前面的話   在996是福報，“付費上班”的如今。身為信息化進程的一顆螺絲釘，每天的通勤時間要四十幾分鍾（僅僅是在地鐵上哦），漫漫這時候回家路難免顯得有點寂寞有點空虛。這時好學的人會説聽聽有聲書，趁着下班時間提升自己。而我可要優雅的迴應道：“老子搬了一天磚了，下班還不能享受享受了”。這不就迷上了各種小遊戲，什麼“種樹賺錢”，“鬥地主”，“消消樂”，這不就被小遊戲給腐蝕了一心工作的 心靈。某團的

jquery , 前端

收藏 評論

leoych 頭像

胸懷丶若谷 - Angular: 樣式綁定

解決方案 使用ngClass和ngStyle可以進行樣式的綁定。 ngStyle的使用 ngStyle 根據組件中的變量， isTextColorRed和fontSize的值來動態設置元素的顏色和字體大小 div [ngStyle]="{'color': isTextColorRed ? 'red': 'blue','font-size': fontSize + 'px'}" This tex

angular , 前端

收藏 評論

bugDiDiDi 頭像

可樂去冰多來番茄醬 - js/jquery 關於select 的一些操作

1. 如何設置默認選中呢 設置默認選中可在option 中添加 selected = "selected",具體舉例如下: option value="2" selected="selected"test2/option select id="citySel" class="select" option value=""請選擇城市/option option va

jquery , 前端

收藏 評論

jingdongkeji 頭像

京東雲技術團隊 - 極致性能優化：前端SSR渲染利器Qwik.js

引言 前端性能已成為網站和應用成功的關鍵要素之一。用户期望快速加載的頁面和流暢的交互，而前端框架的選擇對於實現這些目標至關重要。然而，傳統的前端框架在某些情況下可能面臨性能挑戰且存在技術壁壘。 在這個充滿挑戰的背景下，我們引入了 Qwik.js 框架。Qwik.js 不僅是一個前端框架，更是一種前端性能的終極解決方案。它不僅提供了卓越的性能，還以其獨特的特點和優勢脱穎而出。 讓我們一起深入探索 Q

jquery , 前端

收藏 評論

wmbuke 頭像

汪末末 - jQuery.js - 前端必備的Javascript庫

作者:WangMin 格言:努力做好自己喜歡的每一件事 jQuery.js 是什麼？ jQuery是一個快速簡潔、免費開源易用的JavaScript框架，倡導寫更少的代碼，做更多的事情 。它封裝JavaScript常用的功能代碼，提供了一種簡便的JavaScript設計模式，以及我們開發中常用到的操作DOM的API，優化HTML文檔操作、事件處理、動畫設計和Ajax交互，使更多的網

jquery , 前端

收藏 評論

shuyuanutil 頭像

書源 - rust angular 自簽名證書 wss

項目中採用 wss 來建立的前後端連接, 但是並沒有用到認證的證書, 所以自己用 openssl 生成了私鑰, 自簽名證書來使用: 這裏就不再贅述 Wss 連接過程, 直接上手操作: 1. 生成私鑰, 證書: 請查看:使用 openssl 安裝和生成證書 - 書源 - 博客園 (cnblogs.com) 2. rust 服務端: 將生成的server.crt 和 server.key 放到d:\\

angular , 前端

收藏 評論

it1042290135 頭像

—阿峯— - js頁面當中沒有寫回車事件，但是有回車效果

前兩天遇到一個問題，研究了我很差事件。問題如下： 頁面只有一個文本框，沒有寫任何回車事件，但是點回車的時候，就會觸發回車，回傳頁面。 於是各種google，終於有了結果： 如果表單裏有一個type=”submit”的按鈕，回車鍵生效。 如果表單裏只有一個type=”text”的input，不管按鈕是什麼type，回車鍵生效。 如果按鈕不是用input，而是用button，並且沒有加type

jquery , 前端

收藏 評論

Poetwithapistol 頭像

峨嵋峯 - Angular 我在點擊了上一頁或者下一頁方法之後，重新加載渲染數據。為什麼還需要再點擊一次頁面的其他地方才會渲染出來？（或者數據改變了頁面沒有渲染）

在你的 TypeScript 代碼中，當調用 nextPage_TopSelling() 或 prevPage_TopSelling() 方法時，雖然你更新了 currentPage_TopSelling 的值並調用了 reloadTopSelling() 方法，但是 Angular 並不會自動檢測到這些變化並重新渲染頁面。這是因為 Angular 的變化檢測機制是基於異步的，在一些情況下需要手動

angular , 前端

收藏 評論

smileZAZ 頭像

林恆 - 如何判斷一個元素是否在可視區域中？

一、用途 可視區域即我們瀏覽網頁的設備肉眼可見的區域，如下圖 在日常開發中，我們經常需要判斷目標元素是否在視窗之內或者和視窗的距離小於一個值（例如 100 px），從而實現一些常用的功能，例如： 圖片的懶加載 列表的無限滾動 計算廣告元素的曝光情況 可點擊鏈接的預加載 二、實現方式 判斷一個元素是否在可視區域，我們常用的有三種辦法： offsetTop、scrollTop

jquery , 前端

收藏 評論

smileZAZ 頭像

林恆 - 記錄：瀑布流最佳實現方案

傳統實現方式 當前文章的gif文件較大，加載的時長可能較久 這裏我拿小紅書的首頁作為分析演示 可以看到他們的實現方式是傳統做法，把每個元素通過獲取尺寸，然後算出left、top的排版位置，最後在每個元素上設置偏移值，思路沒什麼好説的，就是算元素座標。那麼這種做法有什麼缺點？請看下面這張圖的操作 容器尺寸每發生一次變化，容器內部所有節點都需要更新一次樣式設置，當頁面元素

jquery , 前端

收藏 評論

shuyuanutil 頭像

書源 - Angular 集成 StreamSaver 大文件下載

應用場景: 實現目標: 在網頁端實現大文件(文件大小 = 2 G) 斷點續傳 實際方案: 發送多次請求, 每次請求一部分文件數據, 然後通過續寫將文件數據全部寫入. 難點: 無法實現文件續寫, 最後採用StreamSaver 來解決這個問題. 1. 首先從 git hub 將StreamSaver 拉取下來. StreamSavergitHub 項目地址:GitHub - jimmywartin

angular , 前端

收藏 評論

xw-01 頭像

二價亞鐵 - jQuery

一、JQuery瞭解 1 .原生JS的問題 我們會發現原生的JS編程很麻煩,尤其在兼容性的問題 選擇元素,權限兼容的只有getElementById和getElementsByTagName;其他方法都有兼容問題 樣式操作也有兼容問題,還得我們自己封裝，封裝getStyle（） 動畫也麻煩,也得自己封裝，封裝animation（） HTML節點操作也挺麻煩的 JS裏面麻煩的都是和DOM編程有關的

jquery , 前端

收藏 評論

htvlz 頭像

海豚V靚仔 - HTML 樣式

您已經很好地概述了HTML中style屬性的用途以及它與舊HTML標籤和屬性的對比。style屬性確實提供了一種靈活且強大的方式來直接在HTML元素上應用CSS樣式，而無需依賴外部或內部樣式表（儘管在大型項目中，通常推薦使用外部樣式表以維護樣式的集中管理和重用性）。 使用style屬性的好處 直接性：可以立即看到樣式變化的效果，無需跳轉到CSS文件進行修改。 靈活性：對於小型項目或快速原型設

前端 , html5

收藏 評論

htvlz 頭像

海豚V靚仔 - HTML 文本格式化

HTML 提供了豐富的元素來格式化文本和展示內容，這些元素不僅讓網頁內容更加豐富多彩，還提高了內容的可讀性和表達力。下面是對您提到的一些文本格式化標籤和“計算機輸出”標籤的進一步解釋和説明： 文本格式化標籤 b 和 strong：兩者都用於加粗文本，但 strong 在語義上更強調文本的重要性，而 b 僅僅是樣式上的加粗。 i 和 em：i 用於表示斜體文本，但主要是樣式上的變化；em 則用

前端 , html5

收藏 評論

kongsq 頭像

努力--堅持 - jQuery（六）jQuery實現瀑布分頁

一、瀑布流分頁案例分析 1.1) 功能分析： 　　鼠標下拉，加載分頁數據(10條) ，如下圖： 1.2) 如何確定當前顯示的數據已經瀏覽完畢？ 公式：(滾動條距底部的距離 + 滾動條上下滾動的距離 + 當前窗口的高度) = 當前文檔的高度 　　舉例： 　　- 當前文檔高度：存儲10條數據，100px。 　　- 滾動條距底部的距離：1px。 　　- 當前

jquery , 前端

收藏 評論

inslog 頭像

iNSlog - 筆記 | Angular 實現 keep-alive (路由複用)

Angular 的路由複用策略（RouteReuseStrategy）是一種用於優化路由跳轉性能和提高用户體驗的機制。通過實現RouteReuseStrategy接口，後可以自定義路由的複用行為，避免不必要的組件銷燬和重建，同時保持組件的狀態。 以下是對Angular路由複用策略的詳細介紹： 一、基本概念 RouteReuseStrategy是 Angular 路由模塊提供的一個接口，用於控制路由

angular , 前端

收藏 評論

htvlz 頭像

海豚V靚仔 - 小米13T Pro系統合集：性能與攝影的極致融合，值得你升級的系統ROM

小米 13T Pro 是一款性能卓越、設計精美的旗艦機型，具備多項領先配置，且在與前一代產品及友商機型的對比中優勢明顯，值得深入探討。 性能提升 小米 13T Pro 搭載了最新的 天璣 9200+ 處理器，相較於前一代（小米 12T Pro）的 驍龍 8+ Gen 1，在性能和能效表現上均有顯著提升。天璣 9200+ 的 AI 算力及多任務處理能力使得系統響應速度更快，用户在運行大型應用、遊戲或

前端 , html5

收藏 評論

htvlz 頭像

海豚V靚仔 - HTML 註釋

關於HTML註釋標籤和條件註釋的説明非常清晰。 HTML 註釋標籤 HTML中的註釋標籤用於在代碼中添加説明或註釋，這些註釋對瀏覽器是不可見的，因此不會影響頁面的顯示。註釋標籤的語法非常簡單，以!--開始，以--結束。註釋可以用於解釋代碼段的功能、標記需要修改或待完成的部分，或者放置版權信息、作者信息等。 示例 !-- 這是一個註釋，它不會在頁面上顯示 -- p這是一個段落。/p !-- 提醒：

前端 , html5

收藏 評論

htvlz 頭像

海豚V靚仔 - HTML 顏色

顏色在網頁設計和數字藝術中扮演着至關重要的角色。正如您所提到的，顏色可以通過紅色、綠色和藍色的混合（RGB）來定義，這種混合方式允許我們創建出數百萬種不同的顏色。每種顏色的強度（或稱為亮度）可以從0（最暗，表示為#00）到255（最亮，表示為#FF）變化。 在HTML和CSS中，顏色可以通過十六進制顏色代碼（如#FF0000表示紅色）、RGB函數（如rgb(255, 0, 0)也表示紅色）或者顏色

前端 , html5

收藏 評論