收藏 / 列表

chencaize 頭像

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

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

lambda , JAVA , 回調

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Creating An Effective Multistep Form For Better User Experience

For a multistep form, planning involves structuring questions logically across steps, grouping similar questions, and minimizing the number of steps and the amount of required information for each s

ux , Design , Javascript

linx 頭像

前端路引 - Web前端入門第 88 問：引入 JavaScript 的 script 標籤究竟有多少用法？

HTML 版本不停的更新迭代，也導致瀏覽器支持的寫法眼花繚亂，就拿 script 標籤來説，剛剛入行的那會兒就只知道用來寫內聯的 js 代碼，後來又學到了引入 js 文件，ES 模塊規範化之後又知道能用來引入模塊化的 js 代碼，可這就是它的全部了嗎？？ 然而...並不是！！！ 各種用法 看看 script 千奇百怪的用法，一定有你沒見過的~~ 1、內聯腳本 如文章開頭説的一樣，直接用來寫內聯腳本

前端 , Javascript

hsr2022 頭像

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

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

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

kestrel_task 頭像

微芒不朽 - 被前端存儲坑到崩潰？IndexedDB 高效用法幫你少走 90% 彎路

IndexedDB 是一種在瀏覽器中提供事務性的鍵值對存儲的低級 API。它允許你在用户的瀏覽器中存儲大量結構化數據，並且可以對其進行高效的搜索、更新和刪除操作。IndexedDB 適用於需要離線存儲和快速訪問大量數據的應用程序，如 Progressive Web Apps (PWAs) 和單頁應用程序 (SPAs)。本文將詳細介紹如何在前端項目中高效使用 IndexedDB。 1. Indexe

前端 , Javascript

dirackeeko 頭像

DiracKeeko - [Java] 一個少見的get請求發送 (生成特殊格式的url)

記錄用java後端(spring boot)發送一個特殊的GET請求時遇到的問題 特殊的GET請求： 形如 http://target.domain.com?params={id: 22, name: "Mike"} 上面這個特殊的GET請求，無論是下面哪種格式(雙引號是否完全)，在postman以及瀏覽器中都能正常獲取數據 http://target.domain.com?params={

JAVA , 後端 , get , url

apifox 頭像

Apifox - 深度剖析 Spring Boot Async：解讀原理與實戰指南

Spring Boot 的異步功能（Async）允許我們將某些任務異步執行，而不會阻塞主線程。這對於處理耗時的操作非常有用，如發送電子郵件、生成報表、調用外部 API 等。通過異步處理，我們可以釋放主線程，讓它繼續處理其他請求，同時後台任務在後台線程中進行。這種方式可以顯著提高應用程序的響應速度和併發性。 Spring Boot Async 使用場景 以下是一些適合使用 Spring Boot

spring-boot-編程思想 , async , 多線程 , springboot , 後端

yinzhixiaxue 頭像

銀之夏雪 - js繼承您瞭解多少呢

實現繼承的方式有很多，下面我們來寫常用的幾種（包括但不限於原型鏈繼承、構造函數繼承、組合繼承、寄生組合繼承、ES6繼承）： 原型鏈繼承 原型鏈繼承通過修改子類的原型為父類的實例，從而實現子類可以訪問到父類構造函數以及原型上的屬性或者方法。 // 原型鏈繼承 function Parent () { this.name = 'kobe' } Parent.prototype.getName

原型 , 繼承 , 原型鏈 , 前端 , Javascript

linong 頭像

linong - 前端培訓-中級階段（10）- 同源策略（2019-08-15期）

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本着提升技術水平，打牢基礎知識的中心思想，我們開課啦（每週四）。 同源策略是什麼？ 同源策略是瀏覽器的一個安全功能，不同源的數據禁止訪問。 所以 lilnong.top 下的 ajax 訪問 51vv.com 數據是會報

script , xmlhttprequest , 同源策略 , Ajax , Javascript

ruochuan12 頭像

若川 - Taro 源碼揭秘：10. Taro 到底是怎樣轉換成小程序文件的？

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

react , 小程序 , webpack , 前端 , Javascript

_607c00baa52ff 頭像

懟懟 - 【js】DOM基礎

DOM 基本概念 節點類型 節點樣式 事件 1 基本概念 Document Object Model 文檔對象模型 BOM：與瀏覽器交互的方法和接口 DOM：處理網頁內容的方法和接口 - HTML和XML的應用程序接口 window是BOM的核心對象，window上的document是DOM的核心 任何HTML或XML文檔都可以用DOM表示為一個由節點構成的層級結

dom , 事件 , Javascript

webinfoq 頭像

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

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

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

hai2007 頭像

你好2007 - 從vue-loader開始理解webpack的一些設計思想

寫在前面 為了更好的説明，我們模仿Vue.js開發了一個類似的簡化版本的前端框架Quick Paper(文檔) 來幫助你理解一些細節。因此在開始之前，讓我們先大致瞭解一下此項目的結構，方便後續描述。 温馨提示：我們推薦你在開始之前去Github上把此項目clone下來後，對照着源碼進行學習！ 目錄結構 其實你只需要關注下面四個文件夾： src：框架源碼； loader：類似vue-loade

vue-loader , vue.js , loader , webpack , Javascript

zhuifengdekukafei 頭像

追風的苦咖啡 - 什麼是OV證書？主要應用在哪些領域？

OV 證書全稱是 Organization Validated SSL Certificate，即組織驗證型 SSL 證書，核心是通過驗證企業身份來建立網站與用户間的信任，並加密數據傳輸。 [https://www.joyssl.com/certificate/select/joyssl-ov-single-st...] 一、OV 證書的核心信息 1. 定義與本質 OV 證書是 SSL 證書的三

ssl證書 , 微服務 , Linux

shimiandeshatanku 頭像

李遊Leo - JavaScript閉包深入剖析：性能剖析與優化技巧

一、引言 在 JavaScript 的奇妙世界裏，閉包無疑是一個既強大又迷人的特性。它就像是一把萬能鑰匙，為開發者打開了實現各種高級功能的大門。從數據封裝與保護，到函數的記憶化，再到模塊化開發，閉包都發揮着舉足輕重的作用。在實際開發中，我們常常利用閉包來創建私有變量和方法，避免全局變量的污染，提高代碼的可維護性和安全性。例如，在一個大型的 Web 應用中，我們可以使用閉包來封裝一些只在特定模塊內部

閉包 , Javascript

nanchengfe 頭像

南城FE - CSS技巧：從高度0過渡到自動高度

本文翻譯自 CSS trick: transition from height 0 to auto!，作者：Francesco Vetere， 略有刪改。 如果你在CSS上花了足夠長的時間，很可能你曾嘗試過從height:0到auto的平滑過渡。。。卻發現它不起作用！😢 ️幸運的是現在有一個解決這個問題的方法：使用CSS Grid佈局可以解決這個問題，而且代碼簡單，運行的很完美。 讓我們從一個實

css3 , 動畫 , Css , 前端

beckyyyy 頭像

beckyyyy - WebSSH的簡單實現

今天我們來看WebSSH的簡單實現。 因為web的便利性，很多傳統功能都有了web端的實現，WebSSH就是其中之一，我是第一次接觸，所以來記錄一下使用。 WebSSH支持終端交互，主要可以分為兩部分，第一是頁面輸入命令行並傳遞給遠程終端，第二是展示命令執行結果，這兩部分現在都已經有具體實現的庫了，所以我們只需要把它們組合起來。 在具體實現之前，需要先準備一個遠程終端，我這裏用的是VMware創建

node.js , websocket , terminal , SSH , 前端

ning_643b67be37ac3 頭像

麒寧 - 一篇文章入門-微信小程序地圖開發

前言 最近接了個跟微信小程序地圖有關的開發任務，第一次在小程序上開發地圖，既興奮又忐忑。還好，雖然小程序地圖的 API 功能有些少，但是基本的需求都能覆蓋到。 在這裏，對微信小程序地圖開發的基本功能進行總結歸納。官方文檔對地圖屬性、方法的歸納比較到位，但缺乏示例代碼，第一次搞還是有點迷糊的。網上的文章又寫得七零八落，沒見到有人專門總結歸納。 本人使用 React + Taro 開發的微信小程序，因

地圖開發 , 小程序 , typescript , 前端 , Javascript

cloudyttt 頭像

雲魚 - ES6 Promise筆試題

一動不動是王八，上一篇文章學習了那麼久Promise，是時候大顯身手了！ 基礎題 題一 const promise = new Promise((resolve, reject) = { console.log(1) resolve() console.log(2) }) promise.then(() = { console.log(3) }) console.

ecmascript-6 , 面試 , 筆試 , 異步編程 , Javascript

u_17350491 頭像

轉角處的湯姆 - 前端代碼規範：讓你的代碼更易維護和協作

在前端開發中，隨着團隊的不斷擴大和項目的逐步複雜化，統一的代碼規範變得越來越重要。無論是小型團隊，還是跨國團隊，良好的代碼規範能夠提升開發效率、減少bug的產生，並確保代碼易於維護和擴展。今天，我們就來聊一聊前端代碼規範的制定與執行。 為什麼要有前端代碼規範？ 提高可讀性和一致性 規範化的代碼有助於保持代碼風格的一致性，無論是單人開發還

開發者 , 代碼風格 , 前端開發 , 代碼規範 , Javascript

gqkmiss 頭像

月恆 - JS Navigator.sendBeacon 可靠的、異步地向服務器發送數據

JS Navigator.sendBeacon 可靠的、異步地向服務器發送數據 前言 我們在上一篇頁面訪問頁面關閉數據上報的文章中使用了 sendBeacon 方法用來發送數據，上篇文章是簡單使用，那本篇文章我們就詳細瞭解下這個東西。 一、Navigator.sendBeacon 是什麼能做什麼？ Navigator.sendBeacon 是一個用於發送少量數據到服務器的 API，尤其適用於在頁面

sendbeacon , fetch , Ajax , 前端 , Javascript

u_17072679 頭像

前端小巷子 - 前端虛擬長列表

前端虛擬長列表 當一次性渲染十萬條 DOM 節點時，瀏覽器會瞬間陷入「卡頓—白屏—崩潰」三連擊。虛擬長列表（Virtual Scroller）把「按需渲染」做到極致：只繪製可見區域並加少量緩衝，讓巨量數據在低端設備也能保持 60 FPS。 一、問題本質：渲染成本與滾動成本的矛盾 渲染成本等於節點數量乘以單個節點複雜度，滾動成本等於佈局重排乘以樣式重繪。瀏覽器單幀預算約 16

複雜度 , 重繪 , Math , 前端開發 , Javascript

grewer 頭像

Grewer - V8 入門記錄二：環境與調試

環境搭建 這裏先説下我的環境， 這是代碼運行的前提。 系統： Mac Monterey 12.6.8 Xcode: 14.2 Python: 3.11.6 （不要使用 2.x 版本！） 建議全程指令都在FQ工具下進行 由源碼構建 V8 首先我們需要一個工具 depot_tools 執行指令克隆，這裏我是在文件夾 /Users/apple/Sites/demo/depot_tools

v8 , v8js , chrome , 前端 , Javascript

invalidnull 頭像

註銷 - 使用 Angular Transfer State 的一個具體例子

Using TransferState API in an Angular v5 Universal App 讓我們用一個具體的例子來説明這篇文章。 我們有一個天氣應用程序，在其側邊欄中顯示城市列表。 當您單擊城市名稱時，該應用程序會顯示該城市的當前天氣。 因為我們希望我們的應用程序是可抓取和可索引的，所以我們使它通用：城市頁面在服務器上呈現，存儲為 HTML 文件並由 HTTP 服務器提供服務。

angularjs , angular , typescript , 前端 , Javascript