@Javascript

動態 列表
@haiyong

Madalin Stunt Cars 2:極限特技賽車網頁版深度解析(附遊戲試玩)

💂 網站推薦:【 摸魚遊戲】【神級代碼資源網站】【星海網址導航】 摸魚、技術交流羣👉 點此查看詳情 你是否厭倦了傳統賽車遊戲的固定賽道?《Madalin Stunt Cars 2》(點此試玩)帶來完全不同的狂野體驗: ✅ 自由開放世界 – 無賽道限制,全地圖任你狂飆 ✅ 超真實物理引擎 – 翻車、飛躍、360°空翻全模擬 ✅ 多款豪車可選 – 跑車、越野車、肌肉

haiyong 頭像

@haiyong

昵稱 海擁

@tuzixiansen_63d4d65909d62

《vue.js設計與實現》——嵌套的 effect 與 effect 棧

effect 是可以發生嵌套的 vue.js的下渲染函數其實就是在一個effect中執行的 當組件發生嵌套時,例如Foo組件渲染了Bar組件 // Bar組件 const Bar = { render() { } } // Foo組件嵌套渲染了Bar組件 const Foo = { render() { return Bar / } } 此時就發

tuzixiansen_63d4d65909d62 頭像

@tuzixiansen_63d4d65909d62

昵稱 兔子先森

@axui

AXUI 發佈萬能網頁模版,包含 100+ 設計精美的模塊,複製可用,適合展示型網站

模板簡介 基於 AXUI 開發的前端萬能網頁模版,包含了list列表、banner通欄、form表單、accordion摺疊菜單、tab切換菜單、aside側邊板塊、card卡片圖文、map地圖板塊、marquee跑馬燈板塊、stats數字統計板塊、text正文板塊等常用模版。 模板特點 基於 AXUI 前端框架 基於 HTML5、CSS3 和 ES6 標準開發 CSS 和 JS 的

axui 頭像

@axui

昵稱 AXUI

@good_luck_5e9ba6e9aa054

2025 Vue3 Admin Better前端發展展望

Vue3 Admin Better 與 Vue Admin Better:技術演進與核心差異解析 一、Vue3 Admin Better:企業級後台框架的技術革新 核心架構與技術特性 Vue3 Admin Better 是基於 Vue 3 生態構建的企業級後台管理系統框架,其核心優勢體現在以下方面: • 雙版本兼容性 支持 Vue 2.x(Element UI)與 Vue 3.x(Eleme

@tuzixiansen_63d4d65909d62

uniapp一個透明佔位的nav-bar組件

該組件是一個透明佔位的頭部nav-bar組件,組件的大小位於最頂部一直到膠囊底部的位置,如下: 內部提供一個插槽,這個插槽的高度跟膠囊的高度一致,你可以自定義一些按鈕,跟膠囊對齊 template view :style="{ height: navBar.totalHeight + 'px', back

tuzixiansen_63d4d65909d62 頭像

@tuzixiansen_63d4d65909d62

昵稱 兔子先森

@tanking

前端發起網絡請求的幾種常見方式(XMLHttpRequest、FetchApi、jQueryAjax、Axios)

摘要 前端發起網絡請求的幾種常見方式包括: XMLHttpRequest (XHR): 這是最傳統和最常見的方式之一。它允許客户端與服務器進行異步通信。XHR API 提供了一個在後台發送 HTTP 請求和接收響應的機制,使得頁面能夠在不刷新的情況下更新部分內容。 Fetch API: Fetch API 是一種新的 Web API,提供了一種更強大、更靈活的方式來發起網絡請求。它使用 Promi

tanking 頭像

@tanking

昵稱 TANKING

@tanking

jQuery國內大廠CDN加速鏈接

摘要 jQuery 的CDN有很多,但都很不穩定,例如國內的 bootcdn 經常抽風,還有其他的常見的例如 jQuery 官方的 code.jquery.com、jsDeliver、unpkg.com、staticfile,這些都是經常抽風的。導致使用了線上的CDN的頁面打開受到影響,那麼就沒有國內好用的CDN嗎?下面是我彙總的一些大廠的! 大廠jQuery靜態資源CDN 百度 https://

tanking 頭像

@tanking

昵稱 TANKING

@shimiandeshatanku

你可能不敢想象,2025 年,jQuery要更新到 4.0 了

讓人難以置信的是,jQuery,這個曾經幫助無數開發者簡化 DOM 操作、事件處理和動畫效果的 JavaScript 庫,至今仍在更新。自從 2006 年 8 月震撼亮相以來,它已走過了長達 19 年的路程。還記得麼?他的作者是:John Resig,這個年輕的小夥子也變成老大叔了。 而現在,即便在 React、Vue 這樣的現代框架盛行的今天,或者AI都滿天飛的今天jQuery 仍

shimiandeshatanku 頭像

@shimiandeshatanku

昵稱 李遊Leo

@coderleo

手擼Webpack自定義Loader

前言 我們知道 webpack 只能處理 JavaScript 和 Json 文件,面對 CSS、圖片等資源是無能為力的,它需要通過 loader 將這些資源轉換為可處理的模塊。 loader 的本質是一個解析資源的函數模塊,該函數對接受到的內容進行轉換,然後返回 webpack 可處理的資源。 loader的執行順序 loader 可根據執行順序區分為: pre: 前置 loader no

coderleo 頭像

@coderleo

昵稱 coderLeo

@coderleo

手擼Webpack自定義Plugin

前言 webpack-plugin 向開發者提供了 webpack 引擎中完整的能力。通過插件擴展 webpack,加入自定義的構建行為,使 webpack 可以執行更廣泛的任務,擁有更強的構建能力。 與 loader 相同,plugin 的本質也是一個模塊(它包含一個apply函數),符合 webpack 的一切皆模塊的理念。 工作原理 webpack 就像一條串行的生產線,要經過一系列處理流程

coderleo 頭像

@coderleo

昵稱 coderLeo

@jueqiangqingtongsan

Vite VS Webpack,誰才是最強構建工具

Vite VS Webpack,誰才是最強構建工具 前言 大家好,我是倔強青銅三。是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。 Vite vs Webpack:哪個更適合您的項目? 隨着Web應用的不斷髮展,對更快、更高效的開發工具的需求也在日益增長。多年來,Webpack一直是複雜應用的首選打包工具,以其強

jueqiangqingtongsan 頭像

@jueqiangqingtongsan

昵稱 倔強青銅三

@heath_learning

手把手教你用webpack打包一個多個模塊且不包含共享模塊代碼的JS庫

1、什麼叫“多個模塊且不包含共享模塊代碼的JS庫”? 假設你現在要在npm上發佈一個js庫,你的庫裏有module1.js、module2.js2個模塊,這2個模塊都依賴了hex.js工具模塊,如果使用普通的 打包模式打包module1.js、module2.js2個模塊,那麼module1.js、module2.js2個模塊中都會包含hex.js工具模塊,這會導致 在項目導入這2個模

heath_learning 頭像

@heath_learning

昵稱 heath_learning

@ruochuan12

Taro 源碼揭秘:8. Taro 是如何使用 webpack 打包構建小程序的?

1. 前言 大家好,我是若川,歡迎關注我的公眾號:若川視野。從 2021 年 8 月起,我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動,感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外,想學源碼,極力推薦關注我寫的專欄《學習源碼整體架構系列》,目前是掘金關注人數(6k+人)第一的專欄,寫有幾十篇源碼文章。 截至目前(2024-11-07),目前最新是 4.0.7,

ruochuan12 頭像

@ruochuan12

昵稱 若川

@ruochuan12

Taro 源碼揭秘:9. Taro 是如何生成 webpack 配置進行構建小程序的?

1. 前言 大家好,我是若川,歡迎關注我的公眾號:若川視野。從 2021 年 8 月起,我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動,感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外,想學源碼,極力推薦關注我寫的專欄《學習源碼整體架構系列》,目前是掘金關注人數(6k+人)第一的專欄,寫有幾十篇源碼文章。 截至目前(2024-11-22),目前最新是 4.0.7,

ruochuan12 頭像

@ruochuan12

昵稱 若川

@ruochuan12

Taro 源碼揭秘:10. Taro 到底是怎樣轉換成小程序文件的?

1. 前言 大家好,我是若川,歡迎關注我的公眾號:若川視野。從 2021 年 8 月起,我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動,感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外,想學源碼,極力推薦關注我寫的專欄《學習源碼整體架構系列》,目前是掘金關注人數(6k+人)第一的專欄,寫有幾十篇源碼文章。 截至目前(2024-12-26),目前最新是 4.0.8,

ruochuan12 頭像

@ruochuan12

昵稱 若川

@yuhuashi_584a46acea21f

webpack優化:提高二次構建速度

痛點: 開發過程中改一行代碼卻要等webpack構建半天實在太捉急。 項目背景 我們的項目是@vue/cli4生成的,基於webpack和vue2開發,未使用ts。用到了很多jquery、lodash、echarts等第三方依賴。 參考: @vue/cli4已經默認配置過一些優化方法了,比如為babel-loader增加cache-loder。請教了deepseek和google之後,根據項目的實

yuhuashi_584a46acea21f 頭像

@yuhuashi_584a46acea21f

昵稱 雨花石

@yuhuashi_584a46acea21f

webpack未轉譯第三方依賴axios為es5導致低端機型功能異常

背景: 兼容性測試流程中,遇到華為p9手機上的頁面按鈕點擊無反應的問題。開發者工具查看後發現報錯如下: 根據報錯信息檢查了一下頁面引用的vendors包,發現有...語法,來自於第三方依賴axios。 原因: axios包有es6語法,而我的項目的webpack.config.js配置的babel-loader排除了所有的node_modules的編譯。如下: {

yuhuashi_584a46acea21f 頭像

@yuhuashi_584a46acea21f

昵稱 雨花石

@yuhuashi_584a46acea21f

review代碼系列(二):

背景: 因技術優化需要,打算將現有項目庫的部分代碼摘出來單獨構建,所以在package.json加了新的打包命令,當然也要單獨進行webpack配置。 處理babel時發現有兩種babel配置,既有babel.config.js,也有.babelrc。因為都在根目錄下面,所以新的構建任務默認也會使用這兩個babel配置。考慮到後續的單獨維護,覺得用單獨的babel配置比較好。那就要處理

yuhuashi_584a46acea21f 頭像

@yuhuashi_584a46acea21f

昵稱 雨花石

@jump_and_jump

超長定時器 long-timeout

在 JavaScript 開發中,定時器是常用的異步編程工具。然而,原生的 setTimeout 和 setInterval 存在一個鮮為人知的限制:它們無法處理超過 24.8 天的定時任務。 對於前端開發來説,該限制不太會出現問題,但是需要設置超長定時的後端應用場景,如長期提醒、週期性數據備份、訂閲服務到期提醒等,這個限制可能會導致嚴重的功能缺陷。 JavaScript 定時器的限制 原理 Ja

jump_and_jump 頭像

@jump_and_jump

昵稱 jump__jump