tag 前端

標籤
貢獻1,058
1373
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 qaz666 頭像 opentiny 頭像 smileZAZ 頭像 invalidnull 頭像 dirackeeko 頭像 beishangdejianjidan_cqxuxf 頭像 yayu 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 icecreamlj 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

laughingzhu 頭像

LaughingZhu - DevNow: Search with Lunrjs

前言 假期真快，轉眼國慶假期已經到了最後一天。這次國慶沒有出去玩，在北京看了看房子，原先的房子快要到期了，找了個更加通透一點的房子，採光也很好。 閒暇時間準備優化下 DevNow 的搜索組件，經過上一版 搜索組件優化 - Command ⌘K 的優化，現在的搜索內容只能支持標題，由於有時候標題不能百分百概括文章主題，所以希望支持 摘要 和 文章內容 搜索。 搜索庫的橫向對比 這裏需要對比了 fus

blog , 前端

收藏 評論

liyl1993 頭像

wayneli - 【JS基礎】Object 對象的原型概念詳解

對象概念 在 javascript 中, 一切引用類型均為對象。 如 function Foo () {} 中，Foo本身就是一個對象的引用。 創建對象方式 字面量方式 new 構造函數 函數聲明 Object.create 字面量對象 javascript語言級別快速創建對象的實例 var obj = {foo: 'foo', bar: 'bar'}; // Object對象字

javascript原型 , 前端 , Javascript

收藏 評論

kagol 頭像

Kagol - 🥳重磅更新！Fluent Editor 開源富文本支持 LaTeX 可編輯公式啦~

你好，我是 Kagol，個人公眾號：前端開源星球。 Fluent Editor 是一個基於 Quill 2.0 的富文本編輯器，在 Quill 基礎上擴展了豐富的模塊和格式，框架無關、功能強大、開箱即用。 源碼：https://github.com/opentiny/fluent-editor/（歡迎 Star ⭐） 官網：https://opentiny.github.io/fluent-

富文本編輯器 , 開源 , 前端

收藏 評論

changlina 頭像

長林啊 - 掌握 React Router：構建你的 React 應用導航

大家好，我是長林啊！一個 Go、Rust 愛好者，同時也是一名全棧開發者；致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》，歡迎大家關注！ 在構建現代 Web 應用時，導航是連接用户界面的關鍵紐帶。React Router 作為 React 生態中的核心路由庫，為開發者提供了強大的工具來實現 SPA（單頁應用）的導航邏輯。它不僅簡化了頁面間的跳轉，還支持動態路由匹配、懶加載和狀態管

框架學習 , react , 單頁應用 , web開發 , 前端

收藏 評論

hai2007 頭像

你好2007 - input或textarea中關於光標移動問題

什麼是光標 頁面上輸入框中閃爍的光標其實是一個選區，也就是選區的左邊界和右邊界直接形成的選區。 非IE瀏覽器 輸入框結點input=document.getElementById('#input')有二個屬性： selectionStart、selectionEnd，分別代表選區開始位置，選區結束位置。 通過修改這二個值就可以形成選區，寬度為0也就實現了光標的位置控制和獲取。 IE瀏覽器 IE瀏覽

input , textarea , selection , HTML , 前端

收藏 評論

fengliudeshanghen 頭像

風流倜儻的傷痕 - Nuxt.js 應用中的 webpack：change 事件鈎子

title: Nuxt.js 應用中的 webpack：change 事件鈎子 date: 2024/11/24 updated: 2024/11/24 author: cmdragon excerpt: 通過webpack:change鈎子，開發者可以知道哪些文件被修改，並可以進行適當的處理，比如重新加載相關模塊，或更新用户界面等。 categories: 前端開

safari , angular , webkit , typescript , 前端

收藏 評論

jiangchuan_5ecf6be720834 頭像

蔣川 - 搭建實例：使用卡拉雲 15分鐘快速搭建用户審核認證系統

這篇文章我們講一下如何使用卡拉雲（卡拉雲官網）快速搭建一套用户認證審核後台。卡拉雲是一套幫助企業快速搭建內部後台的搭建工具，卡拉雲將 API 接口、數據庫接口以及前端組件組合在一起，只需要拖拽組件到畫布，再加上幾句簡單的SQL，即可快速組成一套實用的內部工具。 一、認證審核系統的需求 1.我們先來看一下需求。 「麪包多」是一家幫助創作者出售自己原創作品的平台，當創作者想認證自己賬號以提高相應權限

後台 , 數據庫 , 後台開發 , 後端 , 前端

收藏 評論

freeman_tian 頭像

freeman_Tian - i18n國際化方案總結

國際化i18n filter處理 通過code匹配前端展示name，查詢使用下拉 UI控件國際化

i18n , 前端

收藏 評論

flyhome 頭像

bilibili - 前端常見面試-進階篇

上一篇文章，我們對js相關的知識點做了一個具體的介紹，有需要的朋友可自行查看：前端常見面試-js篇。當然對於前端面試來説，還會涉及到一些原理性的東西，具體這篇來重點探討一下這方面的問題。 1、請講述一下瀏覽器從輸入一個url到網頁展示的整個過程？ 具體總結主要為6個步驟： DNS解析：進行域名解析，找到對應的服務ip TCP連接 ：進行三次握手，確保可以進行數據傳輸 發送HTTP請求：發送

面試 , 原理 , 知識體系 , 前端 , Javascript

收藏 評論

hanhoudedengshanxie_66641de47decd 頭像

憨厚的登山鞋 - Node.js接入geetest極驗行為驗證4.0

Node.js接入geetest極驗行為驗證4.0 使用場景 網站和APP，在所有可能被機器行為攻擊的場景，例如但不限於註冊、登錄、短信接口、查詢接口、營銷活動、發帖評論等等，都可以部署使用「行為驗證」，來抵禦機器批量操作。 產品體驗地址 驗證碼流程時序圖 極驗產品後台使用 1、獲取賬號 如您需體驗行為驗證 4.0 產品，請事先註冊極驗產品賬號，可點擊此處提交賬號申請 2、通過註冊郵箱登錄極驗產

node.js , 驗證碼 , 後端 , 前端 , Javascript

收藏 評論

dunizb 頭像

杭州程序員張張 - 使用 Node.js 和 htmx 構建全棧應用程序

在本教程中，我將演示如何使用 Node 作為後端和 htmx 作為前端來構建功能齊全的 CRUD 應用程序。這將演示 htmx 如何集成到全棧應用程序中，使您能夠評估其有效性並確定它是否是您未來項目的不錯選擇。 htmx 是一個現代 JavaScript 庫，旨在通過實現部分 HTML 更新來增強Web應用，而無需重新加載整個頁面。與傳統前端框架中的 JSON 有效載荷不同，它通過有線方式發送 H

全棧 , node.js , htmx , 前端

收藏 評論

onemonth 頭像

無名小貝勒 - 10年後再打開 SegmentFault感慨萬千

很久很久沒有打開過 SegmentFault 了，它一直躺在我的書籤裏。今天下午隨手點了一下，“誒，怎麼打不開了？”書籤裏的 URL 是個人主頁鏈接，大概是登錄態早就失效了，一直跳轉到一個失敗頁面。我索性手動刪掉後面的路徑，直接訪問首頁，重新登錄。剛進來，右上角一堆紅點：動態、私信、郵件……我點開一看，發現居然有 324 個粉絲。 哈哈，這是我所有平台賬號裏粉絲最多的一個，説實話還真有點驚喜

chatgpt , 程序員 , web3 , 前端

收藏 評論

apifox 頭像

Apifox - REST API 的 HTTP 請求參數：最佳實踐

當我們在談論現代 Web 開發時，REST API (Representational State Transfer Application Programming Interface) 扮演着至關重要的角色。它允許不同的系統以一種簡潔且高效的方式進行通信。HTTP 請求參數是控制此通信流程中數據如何被髮送和接收的重要組成部分。 HTTP 請求參數簡介 HTTP 請求參數允許你將信息從客户端（例如

rest-api , HTTP , 後端 , 前端 , Web

收藏 評論

warn 頭像

Warn - web開發如何入門元宇宙？Blender探索筆記 | 大帥老猿threejs特訓

前言 精彩的世界盃決賽期間，參與了胖達老師基於Three.jsBlender的元宇宙搭建入門實訓，趁着年前還有點記憶，來做個筆記。本來想在這篇筆記裏面完整記下整個流程，但是篇幅實在太長了，本文暫時以Blender探索為主。 基礎環境搭建 Three.js提供的API是可以讓我們基於原生JavaScript隨便玩的，但是為了讓我們能在VSCode環境下有更好的代碼提示和熱更新，我們可以把Vite和T

元宇宙 , web開發 , three.js , blender , 前端

收藏 評論

qaz666 頭像

可不簡單 - vue 表格 vxe-table 樹結構實現單元格複製粘貼功能，實現樹層級節點複製功能

vue 表格 vxe-table 樹結構實現單元格複製粘貼功能，實現樹層級節點複製功能；樹結構默認是平級粘貼，可以通過 clip-config.isDeepPaste 啓用深層數據結構的粘貼，需要注意樹結構只支持 tree-config.transform 模式 https://vxetable.cn 可以通過 clip-config.isDeepPaste 啓用深層數據結構的粘貼 templa

前端

收藏 評論

jueqiangqingtongsan 頭像

倔強青銅三 - vscode插件開發中文文檔教程(6)——擴展的主題

vscode插件開發中文文檔教程(6)——擴展的主題 原文鏈接：Theming\ 作者：Microsoft\ 譯者：倔強青銅三 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。歡迎點贊、收藏、關注，一鍵三連！！！ 擴展的主題 在 Visual Studio Code 中，有

vscode插件 , typescript , 前端 , 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 , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - Client Side Cache 和 Server Side Cache 的區別

Cache me outside 緩存是一種優化網頁加載時間並優化其使用的內存量的持久化機制。 Cache 的定義 出於篇幅限制，本文重點介紹 Web 緩存。 當您加載網站時，網站數據（如圖像、視頻和 html 文檔）將被保存。 重新加載網站後，它不會調用數據庫再次獲取該數據。 它只是將數據從內存中讀取。 緩存以容量換取速度，緩存通常會暫時存儲數據的子集，而數據庫的數據通常是完整且持久的。 Cli

cache-control , 緩存 , 前端 , html5 , Javascript

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - SEO高手不説，但都在做的秘密：SSL證書的排名加成

在SEO的世界裏，真正的頂尖高手往往默默踐行着一些基礎卻極其關鍵的優化法則。其中，為網站部署SSL證書，從HTTP遷移到HTTPS，就是這樣一條公開的“秘密”。它並非奇技淫巧，而是由搜索引擎官方背書、影響深遠的基礎性排名因素。 如果你還在忽略它，可能正在將寶貴的排名機會拱手讓人。本文將為你清晰拆解，SSL證書如何以及為何能成為你的SEO助推器。 獲取SSL證書提示SEO排名 註冊碼230976 官

後端 , 前端

收藏 評論

iamguyu 頭像

guyu - less&scss 常用 mixin&function集合

lessscss 常用 mixinfunction集合 scss mixin：返回樣式集合 定義：@mixin 變量名(參數) { 樣式 } 調用：@include 變量名(參數); mixin 基礎用法 // 單行文本溢出 @mixin oneRowOverflow { white-space: nowrap; overflow: hidden; text-

less , scss , mixin , function , 前端

收藏 評論

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - 點量雲流突破架構壁壘，實現全棧信創自主可控

在信創產業加速推進的背景下，軟硬件技術的自主可控成為關鍵發展路徑。點量雲流率先實現從硬件適配到軟件生態的全棧信創佈局，為各行業提供安全可靠的實時雲渲染解決方案。 一、全面覆蓋主流硬件架構，夯實自主根基 點量雲流實時雲渲染率先完成對ARM架構的深度適配，全面支持鯤鵬等國產芯片，同時兼容x86架構的海光、兆芯等處理器，實現跨平台硬件覆蓋。在圖形處理層面，點量雲流已完成對摩爾線程等國產GPU的兼容適配

Android , ios , 後端 , 前端

收藏 評論

xiaohe0601 頭像

xiaohe0601 - 🧸 前端不是隻會寫管理後台，我用 400 行代碼畫了一個 LABUBU ！

注意看，這個男人叫小何，別小看他，每天晚上 9 點 59 分他都準時打開泡泡瑪特小程序蹲守 LABUBU 搶購。就在剛才，屏幕時鐘倒計時又到 00:00:00 了，他立刻開始狂戳屏幕上的「立即購買」按鈕，切換「購買方式」反覆刷新庫存，熟練的讓人心疼。 可是，現實卻從來沒有什麼“功夫不負有心人”，有的只是無數“黃牛”揮舞着自己的“科技”與小何同台競技。毫無意外，今天的小何依然沒有勝利，看着屏幕上的「

vue.js , canvas , typescript , 前端

收藏 評論

u_16213717 頭像

mob64ca1418736f - React系列--Hook真的很簡單

React官網Hook學習——下篇 本文記錄的是React官網部分的內置Hook學習第二部分 10、useInsertionEffect useInsertionEffect 可以在佈局副作用觸發之前將元素插入到 DOM 中。 useInsertionEffect(setup, dependencies?)

學習 , 開發語言 , Css , 前端開發 , HTML , React.js , 前端 , Javascript

收藏 評論

shangxindi 頭像

RandomSleep - JS中的塊作用域和遮蔽效應

JS中的代碼塊是什麼？ 我們的程序是由一條條語句構成的，語句是按照自上而下的順序一條條執行的。代碼塊(block)也被稱為複合語句(coumpound statement)，其作用是通過“{ }”將多條語句組合在一起。 { // 複合語句 var a = 10; console.log(a); } 那麼為什麼要將多條語句組合在一起呢？ 因為我們可以將多條語句“打包”在一起，

作用域 , 前端 , Javascript

收藏 評論