tag 前端

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

@前端 / 博客 RSS 訂閱

maimengdeliejiu 頭像

maimengdeliejiu - SiteGround與Hostinger深度對比：如何選擇最適合你的主機服務商

SiteGround與Hostinger深度對比：如何選擇最適合你的主機服務商 在當今數字化時代，選擇一款穩定可靠的主機服務商對個人網站和企業業務的成功至關重要。SiteGround和Hostinger作為全球知名的主機服務提供商，憑藉各自的技術優勢和服務特色佔據了市場重要份額。本文將從性能表現、價格策略、功能配置、客户支持及適用場景五個維度進行深度解析，為用户提供清晰的選擇指南。 一

前端

收藏 評論

willxiao90 頭像

Will - 前端 UUID 生成 3 種方案

UUID UUID 通用唯一識別碼（Universally Unique Identifier）是用於計算機體系中以識別信息的一個128位標識符。 UUID按照標準方法生成時，在實際應用中具有唯一性，且不依賴中央機構的註冊和分配。UUID重複的概率接近零，可以忽略不計。 因此，UUID 的應用非常普遍，被廣泛應用於需要對數據記錄、資源和實體進行唯一標識的眾多應用中：數據庫、資源標識符、會話和事務標

uuid , 前端 , Javascript

收藏 評論

pikaqiu_5cf8dafd0d4bd 頭像

若北 - 瀏覽器緩存

前言 緩存如果不能用以提升性能，那麼它就毫無用處。 以HTTP緩存為例，如果緩存未過期那麼就減少了網絡請求，如果緩存通過驗證那麼就減少了傳輸資源大小。而關於過期與驗證機制的講解將在下文中展開。 注：本文將提供詳細參考資料，如果你對其中細節感興趣對某個細節進行更為深入的瞭解。 瀏覽器緩存概述 瀏覽器緩存可以從多個維度進行抽象分類。在廣義上來講無論是memory cache、service

瀏覽器 , HTTP , 瀏覽器緩存 , 前端 , Javascript

收藏 評論

zyronon 頭像

zyronon - 不到200行用Vue實現類似Swiper.js的輪播組件

前言 大家在開發過程中，或多或少都會用到輪播圖之類的組件，PC和Mobile上使用 Swiper.js ，小程序上使用swiper組件等。 本文將詳細講解如何用Vue一步步實現的類似Swiper.js的功能，無任何第三方依賴，乾貨滿滿。 最終效果 在線預覽：https://zyronon.github.io/douyin/ 項目源代碼：https://github.com/zyronon/douy

vue.js , swiper.js , 手寫組件 , 前端

收藏 評論

gundy 頭像

Gundy - 告別命令行！我用 Electron + React 開發了一款 FFmpeg 可視化工具

告別命令行！我用 Electron + React 開發了一款 FFmpeg 可視化工具 視頻處理不應該這麼複雜。FFmpeg Studio 讓每個人都能輕鬆處理視頻和音頻。 前言 作為開發者，我們經常需要處理視頻和音頻文件：轉換格式、裁剪片段、提取音頻、添加水印…… 雖然 FFmpeg 是最強大的多媒體處理工具，但它的命令行參數讓很多人望而卻步： ffmpeg -i input.mp4 -ss

electron , 後端 , 前端

收藏 評論

8dzne 頭像

.8DZne - npm包發佈403錯誤

錯誤現象 執行 npm publish 命令發佈包時，遇到以下錯誤 npm error 403 403 Forbidden - PUT `https://registry.npmjs.org/xxxx` - Two-factor authentication or granular access token with bypass 2fa enabled is required to publi

npm , 前端

收藏 評論

zxl20070701 頭像

zxl20070701 - H5輸入區域光標控制

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

input , textarea , 光標 , HTML , 前端

收藏 評論

ximikang 頭像

ximikang - fetch請求中的跨域和攜帶Cookies問題

fetch解讀 Fetch API 提供了一個 JavaScript 接口，用於訪問和操縱 HTTP 管道的一些具體部分，例如請求和響應。它還提供了一個全局 fetch() 方法，該方法提供了一種簡單，合理的方式來跨網絡異步獲取資源。這種功能以前是使用 XMLHttpRequest 實現的。Fetch 提供了一個更理想的替代方案，可以很容易地被其他技術使用，例如Service Workers。 [

kubernetes , fetch , cookies , 前端

收藏 評論

vivotech 頭像

vivotech - 從不足到精進：H5即開並行加載方案的演進之路

作者： vivo 互聯網客户端團隊- Chen Long 並行加載是 H5 即開 SDK 的加速技術，通過 native 層在用户打開頁面時並行請求關鍵資源（如 index.html 和 CSR 模式 API），利用 webview 初始化時間窗口提前發起請求，減少加載耗時。其核心挑戰是解決 webview 與並行任務間的資源交接問題。 1分鐘看圖掌握核心觀點👇 一、並行加載能力核心

前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3一個簡單好用的複製到剪貼板插件

npm: https://www.npmjs.com/package/vue-clipboard2 開始 npm i vue-clipboard2 在main.ts中引入 import Vue from 'vue' import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard) 引入後就可以直接在頁面中使用了 script setu

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

收藏 評論

xiaoemo_5df065196d684 頭像

LUYrty櫻花 - 移動WEB開發-rem適配佈局

移動web開發之rem佈局 rem 基礎 媒體查詢 Less 基礎 rem 適配方案 一、 rem基礎 1、rem單位 rem (root em)是一個相對單位，類似於em，em是父元素字體大小。 不同的是rem的基準是相對於html元素的字體大小。 rem的優勢：父元素文字大小可能不一致， 但是整個頁面只有一個html，可以很好來控制整個頁面的元素大小。 比如，根元素（ht

移動端適配 , rem , 前端 , html5

收藏 評論

gkymfrg1 頭像

ohoherror - react 常用的hook

react最常用的hooks有，useState,useEffect,useMemo，useCallback 首先我們來先聊useState,設置和改變state，代替原來的state和setState import { useState } from "react"; import './index.css' export default () = { const [ count,

react , hooks , 前端

收藏 評論

qaz666 頭像

可不簡單 - vxe-tree 樹組件拖拽排序功能的使用教程

vxe-tree 樹組件拖拽排序功能的使用教程，通過 drag 啓用行拖拽排序功能，支持同層級、跨層級、拖拽到子級非常強大的拖拽功能等 官網：https://vxeui.com github：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 同層級拖拽 通過 drag-c

前端

收藏 評論

kagol 頭像

Kagol - 重回鐵王座！時隔5年！Quill 2.0 終於發佈啦🎉

你好，我是 Kagol。 2024年4月17日，Quill 2.0 正式發佈🎉 最後一個 1.0 版本 1.3.7 發佈於 2019年9月9日，時隔4年零7個月。 富文本編輯器擁有非常豐富的使用場景，我在做 OpenTiny 開源運營過程中，也經常有用户問：OpenTiny 有富文本嗎？ 於是在2023年6月，我們開始規劃富文本組件，做技術選型時，考慮了 Quill、Tiptap、Editor.

富文本編輯器 , quill , 前端

收藏 評論

haixiang6123 頭像

寫代碼的海怪 - 寫了一本開源小書《Jest 實踐指南》

哈嘍，大家好，我是海怪。 前段時間一直在給公司項目引入 Jest，這過程中學到了不少東西，也查了很多相關資料。**最後編寫了一本小書《Jest 實踐指南》， 希望能幫助到想了解和學習前端測試的朋友。** 教程首頁 教程 Github 教程配套項目 Github 測試難點 Jest 看似很簡單，就像很多博客寫的那樣： expect(sum(1, 1)).toEqual(2) 然而在

單測 , 單元測試 , 工程化 , jest , 前端

收藏 評論

nanke_6944ddd8297d4 頭像

南柯 - 學習C語言：從入門到精通的系統路徑

為什麼學習C語言？ C語言作為現代編程語言的基石，至今仍在系統編程、嵌入式開發和高性能計算等領域佔據核心地位。學習C語言不僅能幫助你理解計算機底層原理，還能培養嚴謹的編程思維，為學習其他高級語言奠定堅實基礎。 一、學習前的準備 1.1 建立正確心態 耐心是關鍵：C語言概念抽象，初期會遇到各種錯誤和困惑 實踐為王：編程是技能，不是理論，必須親自動手 擁抱調試：錯誤不是失敗，而是學習機會 1.2

後端 , 前端

收藏 評論

smileZAZ 頭像

林恆 - VUE3大屏自適應佈局

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 1. 視口單位佈局 (Viewport Units) 使用vw和vh單位來實現響應式佈局： .full-screen { width: vw(1920); height: vh(1080); padding: vh(5) vw(5) vh(5) vw(5); } .header-title { font-size

前端

收藏 評論

jianrendechaomian_czry72 頭像

億元程序員 - 其實Creator裏面這個裁剪代碼的功能很好用，建議試試

點擊上方font color=blue億元程序員/font+關注和font color=orange★/font星標 引言 哈嘍大家好，無論是個人的小遊戲項目還是公司的商業遊戲項目，通常都會進行多平台分發。 例如個人小遊戲可以上架微信小遊戲、抖音小遊戲，公司的商業遊戲除了可以上架前面兩個平台外，還可以上架渠道(OV華)、AppStore等等。 遊戲要上架不同的平台，意味着要接入不同的SDK，特別在

前端

收藏 評論

daodandejidanmian 頭像

pasonghun000 - 鴻蒙路由傳參實戰：跨頁面數據傳遞的藝術

在鴻蒙應用開發中，路由傳參是實現頁面間通信的核心技術。路由合理設計傳參機制對複雜應用的十分重要。在鴻蒙學習過程中，有多種路由方式可以使用，下面是有關路由傳參的經驗分享： 一、router 核心技巧： 參數類型處理：支持string | number | boolean | object類型傳遞，對象需用JSON.stringify序列化 參數安全獲取：在目標頁面的onPageShow生命週期獲取

路由 , harmonyos , typescript , 前端

收藏 評論

u_16213626 頭像

mob64ca1402a190 - 前端實現在線預覽pdf、word、xls、ppt_陳澤鋒博客的技術博客

【預覽PDF】前端預覽pdf 通過pdfjs-dist預覽 注：需要在public中放入對應的pdf.worker.min.mjs文件 script setup lang="ts" import { ref, onMounted, defineProps } from 'vue' import * as pdfjsLib fr

狀態模式 , pdf , 加載 , 位圖 , 前端開發 , 前端 , Javascript

收藏 評論

nanke_6944ddd8297d4 頭像

南柯 - 計算機基礎要學習哪些東西

一、數據結構與算法 這是編程的“靈魂”，決定了你寫出的代碼是否高效、優雅。 學什麼？ 數據結構：組織和存儲數據的方式。 線性結構：數組、鏈表、棧、隊列。 樹形結構：二叉樹、二叉搜索樹、堆、AVL樹、B樹。 圖形結構：圖的各種表示方法和遍歷算法。 哈希表：通過Key直接訪問Value的數據結構。 算法：解決問題的步驟和方法。 基本算法：排序（冒泡、快排、歸併）、查找（順序、二分）。 算法思想：遞歸

後端 , 前端

收藏 評論

8ypl7bo0 頭像

mengy7762 - 《python透明人士，他是憑什麼成為主流編程的寵兒？！》Python基礎簡介及入門配置

工作將近兩年了，做過B/S結構的項目，也做過android，也做過C/S結構的項目，相信無論是那種項目都是基於Java。學習運用Java也已經好多年了，雖然也接觸過C/C++,C#,.NET之類的開發語言，但似乎好久沒有了解新的語言工 工作將兩年多了，想起申請頭條號的初衷就是一方面記錄一些學習的東西同時可以分享給大家，和大家一起交流共同進步，畢竟技術是山外有山，人外有人，沒有最好的只有最合適的。做

emacs , pycharm , 人工智能 , 前端 , Python

收藏 評論

huzilachadeyuechikou 頭像

晨曦鑰匙扣 - 企業級CRM核心能力橫向對比：從線索到決策的全鏈路深度解析

企業級CRM核心能力橫向對比：從線索到決策的全鏈路深度解析 引言 在數字化轉型背景下，CRM（客户關係管理）已從“銷售工具”升級為“企業增長引擎”——其核心價值是通過線索精準獲取、銷售效率提升、服務體驗優化、數據驅動決策，實現“客户全生命週期價值最大化”。 本文選取超兔一體雲、Salesforce、Microsoft Dynamics 365、銷售易 CRM 、HubSpot CRM五大主流CRM

人工智能 , 前端

收藏 評論

sihaihande 頭像

漢得數字平台 - H-ZERO前端開發：編輯組件選型實用指南！

一、引言 編輯組件作為 H-ZERO 前端生態中的核心組件之一，其選型直接關係到開發效率和產品質量。面對前端開發中編輯組件的多樣選擇。本文將為您揭示 H-ZERO 項目中編輯組件選型思路，幫助您輕鬆應對選型挑戰！ 二、富文本編輯 H-ZERO 前端團隊提供了兩種適用於不同場景的富文本編輯組件： NewRichTextEditor：基於 Quill 2.x 封裝，具有輕量級、易於擴展，功能全面且適

組件設計 , 組件庫 , 前端

收藏 評論