博客 RSS 訂閱

johnsongh_5bd6ae333cae7 頭像

JohnsonGH - JavaScript模塊化標準

為什麼模塊化(Why) 如果你將項目拆分成小的單獨文件中，這樣開發軟件通常會很簡單，因為這通常會消除無法預知的相互影響(remove unexpected interaction)，以及顯著降低了所要解決的問題的複雜度(complexity of the problem)，並且可以在項目最初時，就簡潔地編寫小的項目（不一定是標準答案）。不幸的是，JavaScript 以往並沒有將此功能作為語言的核

模塊化開發

收藏 評論

trueyann 頭像

trueYann - 使用vuex4.0完成兩個組件數據的雙向綁定（實現modules模塊化）

問題場景：在優化項目的交互體驗時，想實現在左側表單輸入數據，右側篩選條件組件同步顯示輸入的功能，第一時間想到使用vuex 由於vuex升級到了4.0，語法發生了較大的變化，首先查詢官方文檔 vuex官方文檔 看到項目結構引起了我的注意，考慮到後期管理項目能更加便利，使用modules勢在必行 在store目錄下新建modules文件夾，之後的module文件都放在這個文件夾

vue.js , vuex , 模塊化開發 , 前端

收藏 評論

smileZAZ 頭像

林恆 - B站首頁的 Banner 這麼好看，我讓你直接用到你的項目！

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 寫在前面 我最開始是用 Angular 去實現了B站的 Banner ，那時候還沒有人做這東西，可以看到下面那一長串 Bannet 圖片的第一個圖是好幾年以前的了。然後隨着逐步完善，在這幾年偶爾也看到有人發過這東西的實現方法。 但我為什麼要寫這篇文章？因為我打算用原生 JS 和三大框架都去實現一遍，以滿足所有人的需求

前端 , html5

收藏 評論

lishisan 頭像

李十三 - 前端構建這十年

寫在前面 前端模塊化/構建工具從最開始的基於瀏覽器運行時加載的 RequireJs/Sea.js 到將所有資源組裝依賴打包 webpack/rollup/parcel的bundle類模塊化構建工具，再到現在的bundleless基於瀏覽器原生 ES 模塊的 snowpack/vite，前端的模塊化/構建工具發展到現在已經快 10 年了。 本文主要回顧 10 年間，前端模塊化/構建工具的發展歷程及

構建工具 , vite , webpack , 模塊化開發 , 前端

收藏 評論

smileZAZ 頭像

林恆 - 如何進行頁面前端監控

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 前端監控主要分三個方向 前端性能（用户體驗優化） 異常監控 業務指標跟 下面我來分別介紹三類指標如何獲取 1）前端性能指標： 一、用户體驗相關的： 頁面加載時間（Page Load Time） ： 定義：從用户請求頁面到頁面完全加載的時間。

前端 , html5

收藏 評論

smileZAZ 頭像

林恆 - 記錄---讓網頁像現實世界一樣“拿起來，放進去”

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 引言 2025年，我們早已習慣用手指滑動屏幕、拖動文件。而這一切流暢體驗的背後，HTML5 的拖拽（Drag and Drop）功能功不可沒。它讓網頁不再只是“點一點”，而是可以“拖一拖、放一放”，大大提升了交互的直觀性和用户體驗。 為什麼拖拽如此重要？ 回想一下 iPad 為何能迅速風靡全球？一個重要原因就是它的操作“傻

前端 , html5

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - Android模塊化開發實踐

一、前言 隨着業務的快速發展，現在的互聯網App越來越大，為了提高團隊開發效率，模塊化開發已經成為主流的開發模式。正好最近完成了vivo官網App業務模塊化改造的工作，所以本文就對模塊化開發模式進行一次全面的介紹，並總結模塊化改造經驗，幫助兄弟項目避坑。 二、什麼是模塊化開發 首先我們搞清兩個概念，Android客户端開發目前有兩種模式：單工程開發模式和模塊化開發模式。 單工程開發模式：早期業

項目實戰 , 架構 , Android , 模塊化開發

收藏 評論

DingyLand 頭像

stu(dying) - 【D01】Django中實現帶進度條的倒計時功能（簡易版）

首先説明簡易版是隻有一個 倒計時 和一個 進度條，頁面加載後自動開始計時，下次計時需要手動刷新頁面。 後續會更新實現完整的倒計時功能的文章 前期準備 前端框架 你需要準備一些前端框架：Bootstrap4 和 jQuery 安裝方法請自行查閲官方文檔或教程 Bootstrap4：https://v4.bootcss.com/docs/getting

jquery , 前端

收藏 評論

romanticcrystal 頭像

大da臉 - js判斷是否手機模式

function autoLoad() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAg

jquery , 前端

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - 如何“拼”出一個頁面-遊戲中心模塊化實踐

一、背景 vivo遊戲中心是一款垂類的應用商店，為用户提供了多元化遊戲的下載渠道。隨着遊戲中心手遊品類的豐富，各品類用户的量級也不斷增加，不同遊戲偏好的用户核心關注點也不同，從預約、測試、首發、更新到維護，不同遊戲生命週期節點的運營需要突出的重點不同。 針對上述不同業務場景，運營人員為了服務好廣大的vivo遊戲用户，需要進行精細化運營，以不同的視覺樣式呈現給不同用户。比如，針對獨立遊戲品類的用户，

開發 , 組件化 , 模塊化開發

收藏 評論

smileZAZ 頭像

林恆 - 記錄--JavaScript 中有趣的 9 個常用編碼套路

這裏給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 1️⃣ set對象：數組快速去重 常規情況下，我們想要篩選唯一值，一般會想到遍歷數組然後逐個對比，或者使用成熟的庫比如lodash之類的。 不過，ES6帶來了一個新玩意兒！它引入了一個全新的對象類型：Set！而且，如果結合上...展開運算符，我們可以超級快速地創建一個已經去重的全新數組！😎 const arr = [

jquery , 前端

收藏 評論

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 , 前端

收藏 評論

licin 頭像

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

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

jquery , 前端

收藏 評論

jisujia02 頭像

極速佳02 - 光模塊和光電轉化器的區別

近年來，光電轉換器廣泛應用於數據中心機房，主要與交換機、網卡等產品配套使用。對於通信行業的專業人士來説，光電轉換器並不陌生，但由於有些用户對光電轉換器並不是很瞭解，本文將詳細介紹光電模塊的定義和用法，並帶領大家重新認識光電轉換器。 一、光電轉化器是什麼？是光模塊嗎？ 其實這兩個名字都不是真正的職業名字，但都是各自的習慣用語。你可以認為這兩樣東西功能相同，但光模塊可能更側重於集成產品，即光探測器和後

轉換 , 模塊化開發

收藏 評論

guochenglong 頭像

為君持酒勸斜陽 - Vuejs大型項目實踐-面向服務設計與業務模塊化

前端架構概覽 思考：我們有什麼，我們缺什麼？ 前端架構分為很多部分，在每個不同的項目裏都會有各自的特點。所以，當我們想優化一個大型項目的時候，可以從一個概覽圖來入手分析，比如下圖： 從我自己的項目特點來分析，我們的基礎設施比較完備，一些公共的基礎服務都可以嘗試接入，唯獨業務代碼異常混亂。 原因：由於業務迭代頻繁，接手的人多，導致組件規範不好、公共方法沒有抽離。而且各個業務之間代碼耦合性很強，看似

vue.js , 模塊化開發

收藏 評論

lin494910940 頭像

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

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

jquery , 前端

收藏 評論

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 , 前端

收藏 評論

shawnphang 頭像

茶無味的一天 - 如何優雅地編寫一個高逼格的JS插件？

在一個風和日麗的早晨，我正悠閒地喝着Coffe，突然領導向我走來，我趕緊熟練地切出VSCode，淡定自若地問：領導，什麼事？領導拍了拍我的肩膀：你上次封裝的方法同事跟我反饋使用起來很不錯啊，你不如做成JS插件給大家用吧。我放下了手中的馬克杯，甩了一下眼前僅剩的幾根劉海：沒問題啊，小Case！隨即開始摸魚.... 原型鏈寫法 要開始編寫插件就得先了解JS模塊化，早期的模塊化是利用了函數自執行來實現的

插件 , 模塊化開發 , 插件化 , 前端 , Javascript

收藏 評論

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 , 前端

收藏 評論

beiyouzhiyu 頭像

北冥有隻魚 - JDK 新特性學習筆記之模塊系統

有兩條小魚快樂地遊着，碰到一條老魚從對面游過來。老魚向他們點頭問好：「早上好啊小夥子們，今天的水怎麼樣？」兩條小魚接着遊了一會兒，突然停了下來，一臉懵逼地看着對方：水是個什麼東西？ 習以為常的就是水 模塊系統是JDK 9的特性，後面的JavaFX學習筆記都會基於JDK 11，甚至更高版本。同時這個特性也是我比較感興趣的，進一步強化了Java的封裝能力。 回顧Java的特性 我想起剛畢業找

JAVA , 模塊化開發

收藏 評論

youyoufei 頭像

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

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

jquery , 前端

收藏 評論

it1042290135 頭像

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

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

jquery , 前端

收藏 評論