tag 前端

標籤
貢獻1,041
1037
06:37 AM · Oct 27 ,2025

@前端 / 博客 RSS 訂閱

luxigaola - 在Vue2和Vue3中JSX的使用集錦

Vue2安裝JSX支持 有時候,我們使用渲染函數(render function)來抽象組件,而渲染函數使用Vue的h函數來編寫Dom元素相對template語法差別較大,體驗不佳,這個時候就派 JSX 上場了。然而在Vue3中默認是帶了JSX支持的,而在 Vue2 中使用 JSX,需要安裝並使用 Babel 插件: @vue/babel-preset-jsx @vue/babel-help

vue.js , jsx , 前端 , html5 , Javascript

收藏 評論

拆技 - 音頻專用 ADC/DAC 與通用 ADC/DAC 的本質區別 ——從架構、性能到前後端設計的系統性解析

音頻專用 ADC/DAC 與通用 ADC/DAC 的本質區別 ——從架構、性能到前後端設計的系統性解析 在電子工程和嵌入式系統中,模數轉換器(ADC)與數模轉換器(DAC)是連接模擬世界和數字世界的核心器件。根據應用場景不同,這些轉換器可以大致分為音頻專用 ADC/DAC以及通用 ADC/DAC兩大類。它們雖然都完成模擬與數字之間的轉換,但在架構、指標、採樣特性以及外圍電路設計等方面存在本質差異。

觀點 , 知識 , 後端 , 前端

收藏 評論

OpenTiny社區 - TinyEngine2.9版本發佈:更智能,更靈活,更開放!

前言 TinyEngine 是一款面向未來的低代碼引擎底座,致力於為開發者提供高度可定製的技術基礎設施——不僅支持可視化頁面搭建等核心能力,更可通過 CLI 工程化方式實現深度二次開發,幫助團隊快速構建專屬的低代碼平台。 無論是資源編排、服務端渲染、模型驅動應用,還是移動端、大屏端、複雜頁面編排場景,TinyEngine 都能靈活適配,成為你構建低代碼體系的堅實基石。 最近我們正式發佈TinyEn

vue.js , 低代碼 , 前端

收藏 評論

小皇帝James - 編寫markdown-it的插件和規則

前言 最近看vuePress源碼時發現在使用markdownLoader之餘使用了大量的 markdown-it 插件,除了社區插件(如高亮代碼、錨點、emoji識別等),同時也自行編寫了很多自定義插件(如內外鏈區分渲染等)。 文章結合源碼和自己之前寫過的插件來詳細解讀如何編寫一個 markdown-it 插件規則。 簡介 markdown-it 是一個輔助解析markdown的庫,可以完成

plugin , vuepress , 前端 , Javascript , Markdown

收藏 評論

JackySummer - 【解讀 ahooks 源碼系列】DOM篇(一)

前言 本文是 ahooks 源碼系列的第二篇,下面鏈接是第一篇 DOM 篇的前置講解: 【解讀 ahooks 源碼系列】(開篇)如何獲取和監聽 DOM 元素 後續的文章將會直入主題,每篇文章解讀四至六個 Hooks 源碼實現。 useEventListener 優雅的使用 addEventListener。 官方文檔 用法 import React, { useState, useRe

react , hooks , 前端 , Javascript

收藏 評論

Apifox - Node.js 是什麼?Node.js 簡介及安裝配置詳解指南!

Node.js 是一個基於 Chrome V8 引擎的開源、跨平台的 JavaScript 運行時環境。它允許開發者使用 JavaScript 構建高性能、可擴展的網絡應用程序,使 JavaScript 能夠在服務器端運行,而不僅僅侷限於瀏覽器端。Node.js 的包管理器 npm,是全球最大的開源庫生態系統。使用 Node.js 可以實現前端開發和後端開發,它具有事件驅動、非阻塞 IO 模型等特

node.js , nodejs爬蟲 , 程序員 , 前端 , Javascript

收藏 評論

DiracKeeko - [JS] js原生 toUpperCase 和 lodash中的upperCase 區別

同事踩了lodash的upperCase的坑。 場景: 基金搜索,輸入字符串搜索基金。選擇器按輸入的字符串過濾並展示過濾後的結果。 例如:搜索 "中證A500" 預期能夠出現"國泰中證A500ETF", "銀華中證A500ETF", "嘉實中證A500ETF", "南方中證A500ETF" 等等包含"中證A500"的結果。 但是結果是用户輸入"中證A500" 之後,過濾後的結果為空。

lodash , 前端 , Javascript

收藏 評論

南玖 - 熟悉又陌生的package.json

前言 隨着前端的不斷髮展,package.json可謂是在前端項目中無處不在,它不僅在項目根目錄會有,而且在 node_modules 中也存在。那麼這個文件到底是幹嘛的,又有什麼作用?很多人對它的認識是不是隻停留在dependencies、devDependencies項目依賴列表,或者是script項目的各種腳本指令等,實際上它能做的事情遠不止這些。 創建package.json 現如今當你使

package.json , npm , 前端

收藏 評論

可不簡單 - vxe-gantt 甘特圖實現產品進度列表,自定義任務條樣式和提示信息

vxe-gantt 甘特圖實現產品進度列表,自定義任務條樣式和提示信息 查看官網:https://gantt.vxeui.com/ gitbub:https://github.com/x-extends/vxe-gantt gitee:https://gitee.com/x-extends/vxe-gantt 安裝 npm install xe-utils@3.8.0 vxe-pc-u

前端

收藏 評論

675173ff-65c2-413a-b556-576966012357 - 為什麼你的網絡任務離不開高質量代理?一文看懂代理IP的價值與未來趨勢

在數據驅動的時代,無論是企業級業務還是個人的網絡任務,穩定、安全、可控的網絡環境已經成為剛需。代理 IP因此從早期的小眾技術,逐漸演變為各行業標配的核心基礎設施之一。從跨境業務到AI訓練,從廣告驗證到爬蟲工程,代理的角色正在變得越來越關鍵。 然而許多人對代理的理解仍停留在“換一個IP地址”這種表層概念。事實上,高質量代理在底層網絡路徑、協議優化、連通性保障、識別規避等方面都扮演着非常深層的技

Android , go , 前端

收藏 評論

零落 - vscode常用快捷鍵大全可以做背景圖

編輯器管理快捷鍵 Ctrl + F4, Ctrl + W 關閉編輯器 Ctrl + |切割編輯窗口 Ctrl + 1/2/3 切換焦點在不同的切割窗口 Ctrl + Shift + PgUp/PgDown 切換標籤頁的位置 文件管理快捷鍵 Ctrl + N 新建文件 Ctrl + O 打開文件 Ctrl + S 保存文件 Ctrl + Shift +

快捷鍵 , visual-studio-code , 前端工具 , 前端

收藏 評論

用户bPdeG32 - Fiddler:如何利用Fiddler進行API調試與性能分析?

在現代軟件開發中,API(應用程序編程接口)是各個組件和服務之間進行交互的關鍵。然而,在開發和測試過程中,API的請求和響應可能會遇到各種問題,包括錯誤的請求格式、響應延遲、身份驗證失敗等。為了有效地調試這些問題,開發者通常需要一個強大的工具來監視和分析HTTP(S)流量。Fiddler便是這樣一款流行的網絡調試代理工具,能夠幫助開發者深入理解和優化API的調用過程。 本文將專注於如何利用Fidd

fiddler , yarn , typescript , 前端 , Javascript

收藏 評論

冉冉同學 - VS Code 推出全新 JS/TS 工具,自動升級老舊 JS/TS 項目

微軟悄悄在VSCode 中放了一個新東西,JavaScript/TypeScript Modernizer,可一鍵將老舊的JS/TS 項目,升級到現代化的最新的項目 原文:https://developer.microsoft.com/blog/jsts-modernizer-preview 1. 背景:為何我們需要它? 隨着 JavaScript 和 TypeScript 標準的快速迭代,

vscode插件 , ai開發 , typescript , 前端 , Javascript

收藏 評論

LYX6666 - 理解觀察者模式——用Angular的httpClient來解釋觀察者

前言 本文關鍵詞:觀察者模式。 觀察者模式是什麼? 觀察者模式和回調函數有什麼關係? 使用httpClient時,加上.subscribe有什麼作用? Angular的httpClient中如何體現觀察者模式? 解決了上述問題之後,就寫了這篇文章。 (這篇文章實際上是給上一篇文章填個坑...上一篇寫到回調函數,卻沒有給出實際應用的例子。) 引入問題:httpClient http

觀察者模式 , angular , 回調函數 , 前端 , Javascript

收藏 評論

OpenTiny社區 - TinyVue 組件庫官網煥然一新!

本文由體驗技術團隊Kagol原創~ 之前有一些朋友吐槽我們 TinyVue 組件庫的 UI 不夠美觀,於是我們請了設計師小姐姐給我們的組件和網站進行優化,經過設計師小姐姐和我們的開發兄弟們一個多月的努力,終於完成網站第一版的優化。 優化點 主要優化點: 選項式和組合式寫法、單示例和多示例這兩個切換入口移到右下角,和主題切換放在一起,讓頁面整體上更加清爽 組件示例和 API 通過頁籤分開

vue.js , 組件庫 , 前端 , Web

收藏 評論

細心的紅酒 - 黑客在窺探?圖解SSL/TLS握手如何築起安全隧道

想象一下,你正在一個擁擠的咖啡館,需要向吧枱服務員傳遞一張寫有銀行密碼的紙條。但周圍全是陌生人,你怎麼確保紙條在傳遞過程中不被他人偷看或篡改? 在互聯網上,你的電腦(客户端)和網站服務器(服務器)之間的每一次通信,都面臨着同樣的問題。而 SSL/TLS協議,就是解決這個問題的終極方案——它能在公開的、不安全的網絡上,為你築起一條專屬的安全加密隧道。 這條隧道並非憑空產生,而是通過一次精妙的“握手”

後端 , 前端

收藏 評論

雲魚 - JavaScript中各種源碼實現

前言 能夠手撕各種JavaScript原生函數,可以説是進大廠必備!同時對JavaScript源碼的學習和實現也能幫助我們快速紮實地提升自己的前端編程能力。 最近很多人和我一樣在積極地準備前端面試筆試,所以就整理了一些前端面試筆試中非常容易被問到的原生函數實現和各種前端原理實現,其中部分源碼戳這裏。 實現一個new操作符 我們首先知道new做了什麼: 創建一個空的簡單JavaScript對象

面試 , 源碼 , 筆試 , 前端 , Javascript

收藏 評論

晨曦鑰匙扣 - 2025企業CRM選型全景指南:15 大主流系統深度測評 + 落地實操手冊

2025 企業 CRM 選型全景指南:15 大主流系統深度測評 + 落地實操手冊 在數字化浪潮席捲各行各業的今天,客户關係管理(CRM)已從企業的 “可選工具” 升級為 “生存必備基建”。它不僅是整合客户數據的 “中央數據庫”,更是打通營銷、銷售、服務全鏈路的 “業務操作系統”,直接決定企業以客户為中心的運營效率與增長潛力。 然而,當前 CRM 市場呈現 “百家爭鳴” 的格局:國際巨頭憑藉生態優勢

前端

收藏 評論

冴羽 - 冴羽答讀者問:錢和成長,哪個更重要?

前言 最近我發起了「冴羽答讀者問」活動,如果你也有想要提問的問題,歡迎留言,我會按照順序依此回答。 正文 如果只是抽象的回答這個問題,那毫無疑問是“成長”重要,因為我認為“成長”就意味着你有能力拿到更匹配的職位,拿到更高的薪酬,實現更自由的財務,否則你連這些也沒有做到,“成長”不就只是一句美好的自我幻想嗎? 不過讓我們假設一個更加具體的場景來聊一下: 畢業後就一直在這家公司工作,剛畢業的時候,

程序人生 , 程序員 , 總結 , 後端 , 前端

收藏 評論

可不簡單 - vxe-table 修改表格樣式,修改邊字體、框、背景色等樣式的用法

vxe-table 修改表格樣式,修改邊字體、框、背景色等樣式的用法,支持 css 變量和 scss 主題變量,可以非常方便的對樣式進行全局修改和局部修改。 https://vxetable.cn 修改字體大小 css 變量 如下: --vxe-ui-font-size-default: 18px; --vxe-ui-font-size-medium: 16px; --vxe-u

前端

收藏 評論

一顆冰淇淋 - 通過Proxy和Reflect實現vue的響應式原理

vue3通過Proxy+Reflect實現響應式,vue2通過defineProperty來實現 Proxy Proxy是什麼 Proxy是ES6中增加的類,表示代理。 如果我們想要監聽對象的操作過程,可以先創建一個代理對象,之後所有對於對象的操作,都由代理對象來完成,代理對象可以監聽到我們對於原對象進行了哪些操作。 Proxy怎麼使用 Proxy是一個類,通過new關鍵字創建對象,傳入原對

vue.js , ecmascript-6 , 響應式 , 前端 , Javascript

收藏 評論

Grewer - 淺析微前端框架 qiankun 的實現

微前端簡介 Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -- Micro Frontends 前端是一種多個團隊通過獨立發佈功能的方式來共同構建現代化 web 應用的技術手段及方法策略。 在

qiankun , 微前端 , 前端 , Javascript

收藏 評論

數據探索家 - JavaWeb快速入門--JavaScript(2)

文章目錄 JavaScript 運算符與流程控制全解析 一、運算符:自增、比較與邏輯🥝 1. 自增運算符(++) 2. 比較運算符 3. 邏輯運算符 二、條件判斷語句🥝 1. if 語句

運算符 , 學習 , 開發語言 , 前端開發 , 前端 , Javascript

收藏 評論

楊一一 - 4 Star/狗頭! 讓後台人員一鍵擁有自己系統的管理平台前端功能!

前言 沒錯,是 4 Star /狗頭。話不多説,做人後端開發人員,不愛寫前端代碼,但又不得不需要一個系統的管理端來配置些數據等等操作的時候,前端又木的人,那麼怎麼辦。 別怕,可以自動生成啦!我來提供個免費快捷的一鍵生成前端功能的工具啦。前後分離開型,無侵入。可在線使用,可本地部署,高效快捷。 開始 相信很多小夥伴開發後端的時候會經常碰到很多需要動態配置的功能,或者需要些增刪改查的頁面,自己又

generator , JAVA , 後端 , 前端

收藏 評論