收藏 / 列表

洛陽醉長安行 - js 使用遞歸上傳文件(批量上傳文件)、上傳進度

當接口不支持批量上傳,使用遞歸實現單文件上傳,配合mui.loading實現上傳進度 var imgAppendixArr = [];//當前已上傳的圖片信息數組,可傳遞給後端 //多張圖片遞歸上傳 function uploadList(obj, i) { var fileList = $("#" + obj.inputId)[0].files; var i = i || 0;//初始為

移動端 , mui , 前端 , Javascript

尹光耀 - underscore源碼分析之基礎方法

underscore源碼分析之基礎方法 本文是underscore源碼剖析系列的第二篇,主要介紹underscore中一些基礎方法的實現。 mixin 在上篇文章underscore整體架構分析中,我們講過_上面的方法有兩種掛載方式,一個是掛載到_構造函數上以_.map(arr)的形式直接調用(在後文上統稱構造函數調用),另一種則是掛到_.prototype上以_(arr).map()的形式被實

underscore , 前端 , Javascript

點墨 - c++ 對象在棧上還是在堆上?

c++的對象到底在棧上還是分配在堆上? 首先,毋庸置疑,使用new和malloc系列函數分配的對象,一定是在堆上的。 Object *obj = new Object(); 有爭議的是 Object obj; 它是在棧上還是在堆上呢? 要回答這個問題,首先我們需要理解這句話的意思,這句話並不代表在棧上分配內存,它代表的是讓obj具有“自動存儲(automatic storage)”的性質。所謂的“

內存 , , , c++

WillemWei - 模擬實現Javascript中的call和apply

Call的模擬實現 call() 方法使用一個指定的 this 值和單獨給出的一個或多個參數來調用一個函數。 這是MDN上關於call的描述,用通俗的語言解釋一下就是: 指定了this值(修改this) 可以傳入多個參數 它的調用對象時函數 可能這樣解釋還是有些模糊,可以看一個例子: function Test(name, age) { console.log(this.name

call , call方法 , apply , 前端 , Javascript

雲中小生 - 第二章:C# 編程基礎:變量、數據類型

2.1 變量與常量 什麼是變量? 變量是程序中存儲數據的基本單元,可以理解為命名的內存空間,用於在程序運行期間存儲和操作數據。 變量的聲明和初始化 基本語法: // 變量聲明語法:數據類型 變量名; int age; // 聲明一個整數變量 string name;

數據類型 , .NET Core , Css , .net , c , 變量 , 前端開發 , HTML

Amejimaobari Ollornwi - Handling JavaScript Event Listeners With Parameters

JavaScript event listeners are very important, as they exist in almost every web application that requires interactivity. As common as they are, it is also essential for them to be managed properly.

Techniques , coding , Javascript

前端路引 - Web前端入門第 89 問:總結 8 種跨域通信處理方案

為什麼會跨域?跨域是誰附加的限制?為什麼 APP 不會有跨域問題? 首先跨域問題是由於瀏覽器的同源策略(Same-Origin Policy)導致的,基本上所有瀏覽器都有限制,默認情況是不允許跨域訪問的!! APP 的請求不受瀏覽器的同源策略限制,所以不存在跨域。類似一個服務器像另一個服務器發起請求一樣,也不會受跨域影響。 想想一下:如果瀏覽器沒有同源策略限制,A 網站可以隨意訪問 B 網站內容,

前端

後山人 - 為什麼 PHP 依然有如此龐大的用户羣?——技術選擇背後的商業邏輯與進化

為什麼 PHP 依然有如此龐大的用户羣?——技術選擇背後的商業邏輯與進化 摘要 儘管每年都有“PHP 已死”的論調出現,但數據顯示,PHP 依然是互聯網上使用最廣泛的服務器端編程語言之一。根據 W3Techs 的統計,截至 2024 年,超過 75% 的網站在使用 PHP [1]。 PHP 的持續流行並非偶然,它是技術進化、商業成本、成熟生態和開發效率共同作用的結果。本文將從四個核心維度,結合 鋭

vue.js , php , Javascript

微芒不朽 - 用 n8n 實現工作自動化後,我每天多睡 2 小時!

n8n 是一個開源的工作流自動化平台,允許用户通過拖放節點來創建複雜的自動化流程。n8n 提供了豐富的內置節點和社區貢獻的節點,支持與各種 API、數據庫和其他服務集成。本文將詳細介紹 n8n 中節點的使用方法,包括如何添加節點、配置節點、連接節點以及調試和優化工作流。 1. n8n 基本概念 1.1 工作流(Workflow) 工作流是由多個節點組成的自動化流程,每個節點代表一個操作,如發送電

機器學習 , 人工智能 , 深度學習

Apifox - 深入探討 REST API 版本控制的最佳實踐

隨着 Web 應用程序和移動應用程序的普及,RESTful API 成為了各種應用之間數據交換的重要方式。RESTful API 的設計和開發需要考慮各種因素,其中之一就是版本控制。在本文中,我們將介紹 RESTful API 的版本控制,包括什麼是版本控制、為什麼需要版本控制、REST API 版本控制的常用方法和步驟,以及如何使用 API 工具進行版本控制。 什麼是版本控制 版本控制是一種管理

rest-api , rest , API , restful , 程序員

aqiongbei - 手動點擊與代碼中調用click方法兩者的區別

問題描述 在看事件循環相關視頻的時候發現其中有一個例子不理解,查了資料才明白其中的緣由,遂以志之。問題是這樣的: button id="button"button/button button.addEventListener("click", () = { Promise.resolve().then(() = console.log("Microtask 1")); consol

eventloop , 事件循環 , 同步 , 前端 , Javascript

那年 - Mint UI中Swipe組件 動態展示默認顯示的元素

可以看到,defaultIndex參數是可以設置輪播初始化時的索引的(既顯示第幾個輪播塊),但是當輪播組件渲染完成後,修改此參數並不會使組件切換輪播,因為此參數只在組件渲染時生效。可以讓組件重新渲染來實現切換到指定輪播,代碼示例如下: mt-swipe :auto="0" :defaultIndex='defaultIndex' :show-indicators="false" :contin

vue.js , mint-ui , Javascript

健兒 - 多級數組Tree如何做搜索

兩種方案 1、數組打平,根據搜索字符在打平數組裏去filter出滿足條件的node節點,但此時被篩選的節點只有子節點,然後再通過被篩選出的子節點去找對應的父節點,然後拿到結果後轉成tree結構 優點:思路簡單,打平數組用了遞歸,好理解 缺點:找父節點的時候相對麻煩。 2、寫一個遞歸算法,滿足條件就返回tree 比如有一個簡單個tree const treeData = [ {

遞歸 , tree , 算法 , 前端

mob64ca13fe62db - tableau docker安裝

tableau可視化 When working with geospatial data, it’s often useful to visually inspect the data on a map. In this tutorial, we will be using real cellph

雲計算 , 數據可視化 , tableau docker安裝 , JAVA , Docker , 可視化 , Python

新茶十九 - forceWebGL 和 forbidenWebGL

高德地圖中 forceWebGL 和 forbiddenWebGL 這兩個參數的區別、用法和注意事項。 這是一個非常具體且重要的問題,因為它直接關係到高德地圖渲染引擎的選擇。 🆚 核心區別對比 特性 window.forceWebGL = true window.forbiddenWebGL = true

vue.js , 高德地圖 , API , webgl , 前端開發

Zack Grossbart - How To Create Web Animations With Paper.js

The Web is just starting to use animation well. For years, animated GIFs and Flash ruled. Text moved and flashed, but it was never seamless. Animations had boxes around them like YouTube videos. HTM

coding , HTML , html5 , Javascript

泯瀧 - Web Woker 與主線程通信場景下對postMessage的簡潔封裝

在Web Worker與主線程之間進行通信時,使用postMessage是一種常見的方式。然而,在某些業務場景中,postMessage可能會顯得不夠簡潔,因為它涉及到手動序列化和反序列化數據,以及通過事件監聽器處理消息。以下是一些常見問題和解決方案,以簡化在Web Worker與主線程之間的通信場景中使用postMessage的問題。 結構化克隆問題 在Web Worker與主線程之間傳輸數據時

瀏覽器 , webworker , 瀏覽器原理 , 前端 , Javascript

zsirfs - 深入一點 - 用 new 的時候到底發生了什麼?

來自:https://zswfx.com/articles/5db9285f9cf7c10e840e5c6a 我們經常用new來創建一個對象,但是創建對象過程中,到底發生了什麼呢? new 操作符的過程 上面是mdn的定義。 通過上面定義,我們知道使用new的時候,JS引擎就會給我們創建一個空對象作為 this值,然後執行函數,若函數沒有返回值,則默認返回這個空對象。 模擬 new 函數來

javascript專題系列 , Javascript

破曉L - HTTP 緩存最佳實踐和 max-age 帶來的陷阱

正確使用緩存可以帶來巨大的性能優勢,節省寬帶,並降低服務器成本,但許多網站並不重視緩存,造成競爭條件,導致相互依賴的資源不同步。 絕大多數最佳實踐緩存屬於以下兩種模式之一: 模式一:不可變(immutable)內容 + 長 max-age 模式二:可變(mutable)內容,始終由服務器驗證 模式一:不可變內容 + 長 max-age Cache-Control:max-age=31536

http緩存 , Css , 瀏覽器緩存 , 前端 , Javascript

瘋狂的技術宅 - JavaScript中的回調函數看這篇就夠了

回調函數是每個前端程序員都應該知道的概念之一。回調可用於數組、計時器函數、promise、事件處理中。 本文將會解釋回調函數的概念,同時幫你區分兩種回調:同步和異步。 回調函數 首先寫一個向人打招呼的函數。 只需要創建一個接受 name 參數的函數 greet(name)。這個函數應返回打招呼的消息: function greet(name) { return `Hello, ${name}!

回調函數 , 前端 , Javascript

zhanle_huang - highchart滾動條使用--highcharts/highstock

highchart滾動條使用--highcharts/highstock 使用目的 1. 需要固定圖例和y軸,但是x軸需要滾動的情況 引入 1. 不能像普通表格一樣引入highcharts,只需要引入highcharts/highstock 2. 使用import HighStock from 'highcharts/highstock' 替換 import HighStock from 'hig

vue.js , highcharts , 前端 , Javascript

小X學技術 - Y 分鐘速成 AngularJS

源代碼下載: learnangular-cn.html AngularJS 教程 AngularJS 1.0 版在 2012 年發佈。 Miško Hevery, 一位 Google 員工, 從 2009 年開始開發 AngularJS。 結果發現這個想法很好,從而該項目現在也被 Google 官方所支持了。 AngularJS 是一個 JavaScript 框架。它可以通過一個 "s

angularjs , Css , HTML , 前端 , Javascript

你好2007 - Transform + Transitions + Animation

Transform 轉換 一些常用的屬性: transform: none | transform-functions;【通過設置該屬性的值,我們可以對元素使用轉換,具體的屬性值在下面會專門介紹。】 transform-origin: x-axis y-axis z-axis;【設置元素轉換的中心點,最直觀的例子旋轉圖片,改變圖片選擇依賴的旋轉中心。】 transform-style: f

animation , transition , css3 , transform , Css

追風的苦咖啡 - 永久免費 + 國密支持!JoySSL 憑什麼成為中小站長新首選?

JoySSL 能成為中小站長新首選,核心在於精準擊中了中小站長 “成本敏感、合規難、技術弱、場景雜” 的四大核心痛點,其 “永久免費” 打破成本壁壘,“國密支持” 解決合規焦慮,再疊加低門檻操作與全場景適配,形成了對中小站長的強吸引力。 一、“永久免費”:擊穿中小站長的成本核心痛點 對個人博客、小電商、初創企業站點等中小站長而言,“省錢” 是首要訴求,而 JoySSL 的 “永久免費” 並非噱

ssl證書 , HTTPS , Javascript