收藏 / 列表

hello888 頭像

洛陽醉長安行 - 移動端過濾欄Tab組件mFilterToolbar

移動端開發中由於mui中沒有比較好用的tab組件，所以我就基於mui開發了一個tab列表組件，可以獲取當前的tab並且增加了排序功能，解決了列表的常見需求 源碼地址：https://github.com/booms21/mF... mFilterToolbar mFilterToolbar 是一款mui風格的移動端h5頂部過濾欄組件，可根據自定義的條件對列表進行過濾，支持排序、組件默認值、組

移動端 , mui

yinguangyao 頭像

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

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

underscore , 前端 , Javascript

chencaize 頭像

點墨 - node-winreg 中文亂碼問題分析與解決

問題描述 在使用 node-winreg 庫操作 Windows 註冊表時，發現存取中文字符存在亂碼問題： 寫入註冊表的中文內容顯示正常 從註冊表讀取中文內容時出現亂碼 winreg的版本如下: 問題根源分析 通過源碼分析，發現問題出現在字符編碼的處理環節： 寫入過程：node-winreg 底層使用 spawn 執行 reg 命令，在 Windows 命令行環境中默認使用 G

node.js , registry , 前端

u_13934709 頭像

雲中小生 - 第三章：數組深入理解與字符串操作

🎯 學習目標 3.1 一維數組的詳細操作 3.1.1 數組聲明和初始化的多種方式 // 方式1：先聲明後初始化 int[] numbers1; numbers1 = new int[5]; // 創建包含5個元素的數組，默認值為0 // 方式2：聲明並初始化大小 int[] numbers2 = new int[3

.NET Core , 學習教程 , 開發語言 , Css , .net , c , 前端開發 , HTML

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Generating Unique Random Numbers In JavaScript Using Sets

JavaScript comes with a lot of built-in functions that allow you to carry out so many different operations. One of these built-in functions is the Math.random() method, which generates a random floa

Techniques , coding , Javascript

linx 頭像

前端路引 - Web前端入門第 90 問：JavaScript 也能無中生有的創建音頻

網頁播放音樂這個常識應該都知道，畢竟百度 MP3 搜索可是風靡一時！ 但使用瀏覽器無中生有的創建音頻，在 HTML5 規範落地之前可是一片空白。 AudioContext 的體量與 Canvas 差不了多少，一個針對圖形圖像，一個用於音頻，兩者結合起來就把 flash 給拉下了神壇~~ 本文源之於一次技術研究，曾經有一個需求要用 H5 搞一個網頁 K 歌，技術難點在於要將原唱、伴唱、錄音的音頻數

前端

hsr2022 頭像

後山人 - 洞察：低代碼與零代碼的本質區別及其對企業級開發的影響

在數字化轉型的浪潮中，低代碼（Low-Code）和零代碼（No-Code）平台因其承諾的效率提升而備受關注。然而，兩者並非同義詞，它們在目標用户、所需技能、應用場景和定製化能力上存在本質區別。 本文將詳細闡述低代碼和零代碼的核心差異，分析它們各自的侷限性，並結合 鋭智後台（RaiseAdmin）快速開發平台 的實踐，説明其如何通過“代碼生成 + 專業編碼”的混合模式，為企業級應用提供一個超越兩者侷

小程序 , php , Javascript

kestrel_task 頭像

微芒不朽 - Node.js REST 升級 MCP 服務器，讓 AI 代理成為你的開發助手

隨着大型語言模型（LLM）和代理 AI 的快速發展，應用程序展示其功能的方式亟待從根本上變革。傳統的 REST API 專為軟件與軟件之間的通信設計，開發人員需閲讀大量文檔並編寫自定義集成代碼才能使用。而模型上下文協議（MCP） 作為一種開放標準，通過創建統一的、機器可讀的界面，讓 AI 代理能夠動態發現並與之交互，成功解決了這一痛點。 本文將提供一份全面指南，介紹如何使用官方 TypeScrip

前端

dirackeeko 頭像

DiracKeeko - [html] <iframe>標籤使用 iframe&target的三種表現

1、target == iframe.name，點擊p標籤，在iframe中展示新頁面。 iframe src="demo_iframe.htm" name="iframe_a" height="300px" width="100%" title="Iframe Example"/iframe pW3Schools.com/p 2、target != iframe.name，點擊p標籤

iframe , target , HTML , html5

apifox 頭像

Apifox - API Mock 完整工作流程

Mock API 是一種用模擬數據代替真實 API 接口返回的的技術。在開發過程中，前端開發往往依賴後端 API，但後端 API 還在開發中。通過 Mock API，前端無需等待後端 API 開發完成。前端可以用 Mock API 返回的模擬數據來開發。 只需 3 步就能搞定 Mock API。 第 1 步 新建項目 在 Apifox 的 App 首頁，點擊右側的 “新建項目” 按鈕來創建項目。

mock.js , mock , mockserver , 前端框架 , 前端

yinzhixiaxue 頭像

銀之夏雪 - CSS 真的會阻塞文檔解析嗎？從瀏覽器渲染原理深入探究一下

在網頁開發領域，一個常見的疑問是 CSS 是否會阻塞文檔解析。理解這一問題對於優化網頁性能、提升用户體驗至關重要。要深入解答這個問題，需要從瀏覽器渲染網頁的原理説起。 瀏覽器渲染網頁的基本流程 瀏覽器在接收到 HTML 文檔後，會依次進行以下幾個主要步驟： 解析 HTML：瀏覽器從網絡或本地獲取 HTML 文件，然後開始解析，將 HTML 代碼轉換為 DOM（Document Object M

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

snowwolfarden 頭像

SnowWolfArden - Day 50/100 Object.defineProperty()有幾個參數

（一）需求 被問到了，本來以為會，結果發現之前理解的不大對。 （二）介紹 1、答案 是3個參數 obj 要定義屬性的對象； prop 要定義或修改的的屬性名稱或Symbol descriptor 要定義或修改的屬性描述符 對象裏目前存在的屬性描述符有兩種主要形式：數據描述符和存取描述符。 數據描述符是一個具有值的屬性，該值可以是可寫的，也可以是不可寫的。 存取描述符是由

object , Javascript

momeak9 頭像

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

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

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

zisrfs 頭像

zsirfs - 談談深拷貝、淺拷貝

前提: 假設您已經知道為什麼在JavaScript中需要深拷貝和淺拷貝了。 舉兩個例子： const a = [1, 2, { key: 20 }] const b = [...a] b[2].key = 30 console.log(a[2] === b[2]) console.log(a === b) // true const o = { k1: { kk1: 50} } con

javascript專題系列 , Javascript

webinfoq 頭像

破曉L - 現代 JavaScript 框架工作原理你瞭解多少？

讓我們通過構建一個現代 JavaScript 框架來了解其工作原理。 我的日常工作是開發 JavaScript 框架 (LWC)。雖然我已經在這個框架上工作了近三年，但我仍然覺得自己是個門外漢。當我閲讀大型框架領域的最新動態時，我常常會被自己不知道的事情壓得喘不過氣來。 不過，瞭解某些東西如何工作的最好方法之一就是自己動手創建。另外，我們還得讓那些 “days since last JavaScr

react , vue.js , 響應式 , 前端 , 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 頭像

賀公子 - 訂閲模式

訂閲模式案例分析 訂閲模式在SaaS、媒體、電商等領域廣泛應用，主要分為按月、季度、年訂閲三種形式。以下是典型案例： Netflix 採用按月訂閲，提供不同套餐（基礎/標準/高級），利用自動續費減少用户流失。年訂閲通常提供折扣，例如“年付省15%”。 Adobe Creative Cloud 提供月付和年付選項，年訂閲可節省約20%。季度訂閲較少見

sed , 代碼實現 , 前端開發 , Javascript , 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 頭像

追風的苦咖啡 - OV證書的組織身份驗證需要提供哪些材料？

OV 證書（組織驗證型 SSL 證書）的核心價值在於通過嚴格的身份驗證建立網站與企業實體的關聯，其驗證標準由國際 CA/Browser Forum（CA 瀏覽器論壇）統一規範，所有合規 CA 機構（如 DigiCert、Sectigo、GlobalSign 等）均需遵循。驗證流程可分為組織身份驗證、域名所有權驗證和補充交叉驗證三大核心環節，每個環節都有明確的審核標準，具體如下： https://

觀點 , webkit , 教程 , Javascript

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：正則表達式 /v 標誌

ECMAScript 2024 （ES15）標準引入了新的正則表達式標誌 /v，這一新增功能不僅優化了多行匹配的處理，還增加了對特殊字符匹配的支持。這一變革對於需要處理複雜文本數據的應用場景尤為重要，比如日誌分析、代碼審核等。接下來，本文將深入探討 /v 標誌的實際應用價值，並通過多個編程案例來展示其強大的實際應用能力。 /v 標誌的技術背景與應用 正則表達式作為開發者的有力工具，經常被用於字符

ecmascript , Javascript

beckyyyy 頭像

beckyyyy - 給web增加簡單的ai對話功能

自從 ChatGPT 火了之後，越來越多人開始對 AI 感興趣，AI 的使用也越來越普遍了。現在你隨便點開個知名網站或者 APP，基本都能看到 AI 的影子，而且這些 AI 大多都是用 “問答” 的形式跟人互動，説白了就是 “聊天”。 當然啦，現在的 AI 也不是完美的，比如有時候會瞎編東西（就是大家説的 “AI 幻覺”），但給 APP 加個 AI 功能，確實能讓它變好玩、互動感更強。那咱們

通義千問 , 人工智能 , 前端

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：Flex 佈局

flex 佈局原理 全稱 flexible box，彈性佈局。 如何開啓：為元素添加 display: flex。 開啓 flex 佈局的元素，稱為 flex 容器（flex container），其子元素成為容器成員，稱為 flex 項目。 flex 佈局原理：通過給父盒子添加 display: flex，來控制盒子的位置和排列方式。 flex 佈局父盒子常見屬性 flex-direction

flex , typescript , 前端 , Javascript

_607c00baa52ff 頭像

懟懟 - 【vue】虛擬DOM與Diff算法

虛擬DOM與Diff算法 虛擬DOM snabbdom Vue中的Diff算法 1 虛擬DOM 概述 VNode 1.1 概述 原生DOM為我們提供了一些獲取DOM元素以及操作DOM元素的API，可以對DOM元素進行增刪改查。 複雜的頁面狀態維護需要提前寫好大量的DOM操作，會造成狀態很難維護，代碼的邏輯也很混亂。 所以我們會使用數據驅動的方式進行視圖更新 - 數據與

vue.js , 虛擬dom , virtual-dom , diff

u_17350491 頭像

轉角處的湯姆 - 前端 JavaScript 數組扁平化處理：方法與技巧

在前端開發中，數組扁平化（Flattening an Array）是一個常見的操作，特別是在處理嵌套數組時。數組扁平化的過程就是將多維數組轉化為一維數組。這在許多場景下都非常有用，例如處理API返回的數據、操作複雜的列表、或是優化數據結構。 本文將深入探討如何在 JavaScript 中實現數組扁平化，並展示幾種常見的扁平化方法，幫助你更好地處理嵌套數組。 目錄

數組 , 扁平化 , 嵌套 , 前端開發 , Javascript