收藏 / 列表

chencaize 頭像

點墨 - java lambda表達式 回調函數

java使用lambda表達式做回調函數,定義一個interface寫一個方法即可（如果一個接口只有一個抽象方法（包括繼承的），該接口是一個函數接口，函數接口可以使用lambda表達式實現），lambda表達式函數內部可以獲取外部變量，會保存堆棧信息 源碼 Callback.java public interface Callback{ void onCompletion(); } Tes

lambda , JAVA , 回調

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Building An Offline-Friendly Image Upload System

So, you’re filling out an online form, and it asks you to upload a file. You click the input, select a file from your desktop, and are good to go. But something happens. The network drops, the file

User Experience , serverless , Javascript

linx 頭像

前端路引 - Web前端入門第 83 問：JavaScript localStorage 有大小限制嗎？溢出會怎樣？

本地存儲除了 Cookie 外，還有 localStorage 和 sessionStorage，本文一探 localStorage。 localStorage 此 API 存入的數據會 永久 保存在瀏覽器中，除非用户手動刪除。 localStorage 能用於同一瀏覽器同一域名跨標籤頁通信。 同一瀏覽器無痕模式和非無痕模式下，localStorage 存儲的數據無法互通，且無痕模式存入的數據在瀏

前端 , Javascript

hsr2022 頭像

後山人 - 穿越週期：堅持使用 PHP 的感悟與選擇的哲學

穿越週期：堅持使用 PHP 的感悟與選擇的哲學 摘要 在技術世界，PHP 似乎每年都要經歷一次“死亡”的預言，但它始終以驚人的韌性存活並持續進化。對於那些選擇堅持使用 PHP 的開發者而言，這不僅僅是一種技術選擇，更是一種對務實、效率與持續進化的深刻理解。 本文將分享堅持使用 PHP 的三大感悟，並結合 鋭智後台（RaiseAdmin）快速開發平台 的實踐，闡述 PHP 如何在現代化浪潮中，憑藉其

vue.js , MySQL , 小程序 , php , 教程

kestrel_task 頭像

微芒不朽 - 【nodejs進階之旅(2)】:使用koa2+mysql 實現列表數據分頁

1.展示效果（分頁） 2.分頁主要字段 分頁主要字段包括 pageSize 每頁條數、pageNum 第幾頁、startRow 當前開始頁編號、endRow 當前結束頁編號、total 總數量。主要是根據前端分頁的參數，進行處理後，返回前端正確的數據，其實是一個很常見且簡單的功能。但是是非常也是非常重要的。 pageSize 每頁條數 pageNum 第幾頁 startRow 當前開始頁編號

vue.js , koa2 , node.js , 前端 , Javascript

dirackeeko 頭像

DiracKeeko - [JS] javascript中的原型鏈03 原型鏈的終點

書接上文[[JS] javascript中的原型鏈02 prototypeconstructor](https://segmentfault.com/a/1190000043925349) 為了邏輯關係的清晰，我們去掉表示constructor的線條，加上Object對象，用.__proto__到達原型鏈的終點null。 javascript中原型鏈的終點是null，(Object.pro

原型 , 原型鏈 , 前端 , Javascript

apifox 頭像

Apifox - 從零開始掌握 API Token：簡單入門

我們都知道，API（應用程序編程接口）是一個至關重要的概念，它允許不同軟件系統之間進行通信和數據交換。無論是移動應用與服務器的通信、Web 應用後端與前端的交互，還是複雜後台服務之間的協同工作，API 都是基礎。然而，在 API 的使用過程中，安全性是必須考慮的重要方面。為了實現這一點，我們需要一種機制來驗證和授權每個 API 請求的合法性，API Token 就在此扮演了關鍵角色。 API To

API , token , 程序員 , 後端 , 前端

yinzhixiaxue 頭像

銀之夏雪 - AntV G6 基礎元素詳解（React版）

一、初識 AntV G6 AntV G6 是螞蟻集團推出的專業級圖可視化引擎，適合構建關係圖譜、拓撲圖、流程圖等場景。相比其他圖形庫，G6 提供完整的佈局算法 和交互體系 ，開發者在 10 分鐘內即可搭建可交互的圖應用。 技術特點速覽： 支持 Canvas / SVG 雙渲染模式 內置 10+ 圖佈局算法 提供豐富的節點/邊類型 完善的文檔和 React 示例 二、節點（Nodes）完

數據可視化 , 前端 , Javascript

opentiny 頭像

OpenTiny社區 - 貢獻者招募|朋友你好，一起加入OpenTiny社區吧~

🌟開發者朋友你好！我們誠摯邀請你加入 OpenTiny 開源社區，一起進行項目共建，一起成為 OpenTiny 開源項目的一份子~ 近期，OpenTiny 社區收到很多開發者對於 TinyEngine 低代碼引擎二開教程的建議，項目工程師們根據社區開發者們的建議也緊鑼密鼓的推進項目的演進更新。與此同時，社區開發者們也提出了很多項目 issue，作為開源社區，OpenTiny 也希望邀請更多的開源

vue.js , 組件庫 , 低代碼 , 開源 , 前端

momeak9 頭像

泯瀧 - 強緩存和協商緩存

為什麼有這個東西？ web緩存描述 ： Web 緩存是可以自動保存常見文檔副本的 HTTP 設備。當 Web 請求抵達緩存時， 如果本地有“已緩存的”副本，就可以從本地存儲設備而不是原始服務器中提取這 個文檔。（此結論來自http權威指南） 緩存的優缺點： 優點： 緩存減少了冗餘的數據傳輸，節省了你的網絡費用。 緩存緩解了網絡瓶頸的問題。不需要更多的帶寬就能夠更快地加載頁面。 緩存降低了對

瀏覽器 , 瀏覽器原理 , 網絡 , 網絡傳輸協議 , 前端

_607c00baa52ff 頭像

懟懟 - 【js】類(Class)

JavaScript中的Class 類的基本語法 類的繼承 修飾器 1. 類的基本語法 可以看成ES5中構造函數的語法糖，它的大部分功能ES5都可以做到 1.1 定義一個類 ES5 function Student(name,age){ this.name = name this.age = age } Student.prototype = { construc

類 , 繼承 , class , Javascript

zisrfs 頭像

zsirfs - 深入一點 - 使用bind的時候發生了什麼呢？

從規範來看，Function.prototype.bind 是如何工作，以及如何來模擬bind操作。 簡單示例 如下簡單示例，普通對象 testObj 內部有一個b函數，接受一個普通參數，若參數為空則輸出 this.a。 const testObj = { a: 3, b: function(args) { console.log(args || this.a); }, };

javascript原型 , javascript專題系列 , Javascript

webinfoq 頭像

破曉L - React 50 種狀態類型

React 是一個視圖層框架，其核心思想是 UI = f(state)，即「UI 是 state 的投影」，state 自上而下流動，整個 React 組件樹由 state 驅動。當一個 React 應用程序足夠複雜，組件嵌套足夠深時，組件樹中的狀態流動會變得難以控制（例如你如何跟蹤父節點的 state 流動到葉子節點時產生的變化）。這時我們就需要對 state 進行管理，在進行狀態管理的同時，還

react , 狀態管理 , 組件通信 , 前端 , Javascript

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的draggable-points.js依賴實現圖表的動態拖拽操作

highchart的draggable-points.js依賴實現圖表的動態拖拽操作 需求 實現一個曲線圖，能夠通過鼠標去拖拽點，來進行修改圖表 實現 例子基於vue來實現，如果是jq的按照官網的例子即可，配置列表鏈接.，例子 // 引入依賴 import Highcharts from 'highcharts/highcharts.js'; import dragg

vue.js , highcharts , HTML , 前端 , Javascript

mecode 頭像

賀公子 - 自動化任務執行與報告生成

自動化任務執行與報告生成 自動化任務執行可通過腳本或工具實現，例如使用Python的subprocess模塊調用外部命令，結合cron（Linux）或任務計劃程序（Windows）定時觸發。報告生成通常依賴日誌記錄工具（如logging模塊）或數據分析庫（如pandas）整理結果，最後通過郵件或文件形式輸出。 # 示例：執行任務並記錄日誌 import subprocess im

微服務 , 前端開發 , Javascript , Json , Python

hai2007 頭像

你好2007 - v-solt 插槽（基礎使用、具名插槽、作用域插槽等）

基本使用 組件通過slot預留位置，使用組件的時候，可以通過傳遞具體的內容去替換slot佔用的地方，這就是插槽。 比如現在定義了一個組件： !-- simple-use.vue -- template div slot/slot /div /template 組件slot/slot佔用的位置具體內容不確定，需要使用的時候傳遞進來，我們就可以這樣使用： simple-use em

vue.js , htm , template.js , 前端 , Javascript

zhuifengdekukafei 頭像

追風的苦咖啡 - SM2 vs RSA/ECC：雙算法 SSL 證書的性能對比與優化方案

SM2 vs RSA/ECC：雙算法 SSL 證書的性能對比與優化方案 雙算法 SSL 證書（如同時支持 SM2 與 RSA/ECC）的核心價值在於平衡合規性（如國內政務、金融場景的國密要求）與國際兼容性（歐美市場依賴 RSA/ECC），但兩種算法的底層數學原理差異會直接影響性能表現。本文從實測數據出發，對比 SM2、RSA、ECC 的性能差異，並針對雙算法部署的瓶頸提供可落地的優化方案。 雙算法

微服務 , 教程 , Linux , Css , sublime-text

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：字符串 isWellFormed 方法

ECMAScript 2024 引入了一個新的字符串實例方法：String.prototype.isWellFormed。這一新增功能是為了幫助開發者更容易地驗證字符串是否為有效的 Unicode 文本。本文將詳細介紹這一方法的使用場景、實現原理及其在實際應用中的價值。 String.prototype.isWellFormed：概念與應用 String.prototype.isWellForm

ecmascript , Javascript

nanchengfe 頭像

南城FE - 螺旋文字滾動特效源碼解析

如圖所示，今天看到一個很炫酷的雙文字螺旋滾動特效，兩行文字呈螺旋狀變化，在網站中這樣的效果對用户很有吸引力。本文將基於原網站解析如何實現這個炫酷的效果，基於這個動圖可以分析出需要實現的要點： 文字呈螺旋狀滾動 滾動過程中文字大小變化 動畫過程無縫鏈接 兩行文字滾動 實現過程 文字展示 為了方便更改文案將文案定義變量，通過JS代碼動態創建DOM，定義文案、螺旋的角度以及動畫的持續時間：

動畫 , Css , 前端

beckyyyy 頭像

beckyyyy - WebGL：使用着色器進行幾何造型

前言 本文將介紹如何使用着色器來進行幾何造型，説到幾何圖形大家一定都不陌生，比如説三角形、圓形，接觸過WebGL基礎使用的小夥伴一定都知道怎麼去在畫布上繪製一個三角形，只要傳入三個頂點座標，並選擇繪圖模式，我們就能在WebGL的畫布上畫出一個三角形。 但是除了這種形式之外，我們還可以直接使用片元着色器進行幾何造型，那麼具體要怎麼做呢，下面就以三角形作為例子來進行演示。 繪製三角形 要實現三角形的繪

webgl , 圖片裁剪 , 可視化 , 前端

ning_643b67be37ac3 頭像

麒寧 - Ant Design 常見用法與坑點總結（二）：Form 表單下拉框設置初始值

前言 Ant Design 是螞蟻出品的出色優秀的 React 組件庫，相信使用 React 進行管理系統開發的小夥伴們或多或少都接觸過 Ant Design。很多公司基於 React 開發的管理端系統也都是使用 Ant Design 的組件庫。 因此，瞭解 Ant Design 的常見用法與坑點還是有必要的。 本系列文章針對 Ant Design 一些官方文檔雖有提及，但是容易被忽略的，又比較重

antd , select , antd-mobile , 前端 , Javascript

cloudyttt 頭像

雲魚 - 深入瞭解瀏覽器渲染進程的工作方式

你是否曾經好奇過瀏覽器是如何渲染網頁的？本文將通過 30 張圖將帶你瞭解瀏覽器渲染進程的內部工作機制。 渲染進程負責處理標籤頁中的所有內容。 在渲染進程中，主線程處理大部分發送給用户的代碼。如果使用 Web Worker 或 Service Worker，部分 JavaScript 會由工作線程處理。另外，合成器線程和光柵化線程也在渲染進程中運行，確保網頁高效、流暢地渲染。 渲染進程的核心任務是將

性能優化 , 面試 , 瀏覽器原理

u_17350491 頭像

轉角處的湯姆 - 前端堆棧存儲：深入理解與應用

在前端開發中，堆棧存儲（Stack Storage）是計算機科學中的一個基本概念，它在許多編程場景中都有着廣泛的應用，尤其是在處理函數調用、遞歸操作以及維護數據的順序時，堆棧起着至關重要的作用。 本文將帶你深入瞭解前端堆棧存儲的概念、實現方式，以及在實際開發中的應用。 目錄 什麼是堆棧？ 堆棧的工作原理 在前端中使用堆棧存儲 堆

深度優先搜索 , Stack , 堆棧 , 前端開發 , Javascript

gqkmiss 頭像

月恆 - NextJS CVE-2025-29927 安全漏洞

NextJS CVE-2025-29927 安全漏洞 CVE-2025-29927 是一個存在於 Next.js 框架中的關鍵安全漏洞。該漏洞允許攻擊者通過偽造或篡改 x-middleware-subrequest 請求頭，繞過中間件（Middleware）的安全檢查，從而訪問到原本受保護的路由或 API，進而導致授權繞過（Authorization Bypass）以及潛在的更深層次安全風險。本篇

react , middleware , next.js , 安全漏洞 , 前端