tag 前端

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

@前端 / 博客 RSS 訂閱

mosquito_612af76da10ff 頭像

mosquito - 響應式rem適配方案

説起移動端適配，常常會想到rem,在這裏寫三種rem適配方案： 一、postcss-px2rem 1.安裝PostCSS-px2rem插件 使用npm或yarn安裝postcss-plugin-px2rem插件。在終端中運行以下命令： npm install --save-dev postcss-plugin-px2rem 或者 yarn add postcss-plugin-px2rem

響應式 , rem , 前端

收藏 評論

junxiudetuoba 頭像

伊伊DK - 同城圈子開發避坑手冊：uniapp 跨端適配+tp6 後端優化實戰

tp6 後端優化——支撐同城圈子高併發的核心策略 核心目的：針對同城圈子“高頻互動、位置檢索、數據安全”的需求，提供 tp6 後端的優化方案，避免上線後出現卡頓、宕機、數據泄露等問題。 基礎配置優化：快速提升框架性能 問題描述：tp6 框架默認配置未針對高併發優化，導致接口響應慢； 優化方案：① 關閉調試模式（.env 文件設置 APP_DEBUG = false）；

php , 後端 , 前端

收藏 評論

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - 你應該瞭解的hooks式接口編程 - useSWR

什麼是 useSWR ? 聽名字我們都知道是一個 React 的 hooks，SWR 是stale-while-revalidate的縮寫, stale 的意思是陳舊的, revalidate 的意思是重新驗證/使重新生效, 合起來的意識可以理解成 在重新驗證的過程中先使用陳舊的，在http 請求中意味着先使用已過期的數據緩存，同時請求新的數據去刷新緩存。 這在 http 請求中Cache-Con

react , hooks , 前端

收藏 評論

qaz666 頭像

可不簡單 - vxe-table 使用 spanMethod 合併卡頓的解決方案

vxe-table 使用 spanMethod 合併卡頓的解決方案，當業務需求需要合併時，由於表格數據有幾千條，使用該合併後不支持虛擬滾動會卡頓。通過查看官網，發現應該使用 merge-cells 來合併單元格，不僅使用非常簡單，還支持虛擬滾動，只需要指定行號和列號，合併數量就可以臨時合併單元格，需要注意，官網説明是臨時合併。也就是合併後如果不重新更新列或者重新加載數據，是沒問題的，但是需要需要重

前端

收藏 評論

ihengshuai 頭像

大衞talk - 使用Cypress進行端測

由於圖片和格式解析問題，可前往 閲讀原文 前端自動化測試在提高代碼質量、減少錯誤、提高團隊協作和加速交付流程方面發揮着重要作用。它是現代軟件開發中不可或缺的一部分，可以幫助開發團隊構建可靠、高質量的應用程序 單元測試（Unit Testing）和端到端測試（End-to-End Testing）是兩種常見的測試方法，它們在測試的範圍、目的和執行方式上有所不同。單元測試和端到端測試不是相互排斥的，而

端到端測試 , e2e-testing , 自動化測試 , 前端

收藏 評論

software-Development 頭像

IT開發者筆記 - 冰藍科技正式發佈全新純前端文檔編輯產品 —— Spire.WordJS

近日，知名的國產化文檔開發組件提供商E-iceblue（冰藍科技）正式發佈全新的前端文檔編輯產品——Spire.WordJS。作為E-iceblue在前端文檔處理領域的重要產品，Spire.WordJS以 Web 架構為企業提供高性能、高兼容性的 Word 文檔編輯能力，進一步完善了其在文檔技術方向的產品矩陣。 Spire.WordJS試用下載，請聯繫慧都科技 歡迎加入Spire技術交流Q羣（1

前端 , Javascript

收藏 評論

opentiny 頭像

OpenTiny社區 - OpenTiny訓練營實操體驗|輕鬆解鎖TinyVue智能組件開發Web應用

1.背景描述 TinyVue 是一套企業級的 Vue 框架下的組件庫，它具有跨端、跨框架的特性，同時支持 Vue2 和 Vue3，支持 PC 端和移動端瀏覽器。 本次實驗是通過改造一個使用 TinyVue 組件的常規 Web 應用，秒變為一個能夠對接大語言模型的智能應用。這個應用可以讓用户通過自然語言與網頁進行對話，直接“精準”操作網頁上的組件。 2.實驗簡介 首先，我們提供了一個用 Vue3 搭

vue.js , 組件庫 , 前端

收藏 評論

kestrel_task 頭像

微芒不朽 - Vue 3 動態組件詳解

在 Vue 3 中，動態組件是一個非常強大的特性，允許我們在運行時根據條件切換不同的組件。 基本用法 使用 component 標籤 template div !-- 動態組件的核心 -- component :is="currentComponent"/component !-- 切換按鈕 -- button @click="switchComponen

vue.js , 前端 , Javascript

收藏 評論

xutongbao 頭像

徐同保的博客 - 如何在國內使用Claude Code命令行工具和Claude Code for VS Code

裝包 npm install -g @anthropic-ai/claude-code 配置環境變量 export ANTHROPIC_BASE_URL=https://chat.xutongbao.top/api/light/chat/claudeCode export ANTHROPIC_AUTH

配置環境變量 , API , 後端開發 , harmonyos , 前端

收藏 評論

u_16099326 頭像

編程小天才 - 一個vue項目配置rem 既能做移動端也能做PC端

目錄 第二篇完成度 Mock模擬數據 源碼: 折線圖 圖例 X軸 series配置數據 源碼 柱狀圖 template js mounted 餅圖 template js mounted 完整效果 第二篇完成度 接下來

機器學習 , 項目 , Vue , 開發技巧 , 人工智能 , 開源項目 , 前端

收藏 評論

zhuifengdekaomianbao 頭像

張老師講數字孿生 - 古今對話！都江堰治水智慧借數字孿生實現現代化躍遷

2024年10月，中央紀委國家監委網站刊登 《全國水利數據底板基本建成》 一文，重點介紹了都江堰渠首數字孿生系統在防汛調度中的成功應用，標誌着我國數字孿生水利建設從先行先試進入全面深化新階段。 公元前256年，李冰父子修建都江堰，以 “深淘灘、低作堰”的治水智慧實現了人與自然的和諧共生。2200多年後的今天，都江堰灌區建成了覆蓋26.7平方公里的數字孿生系統，通過數字線程將千年治水經驗轉化

數字化轉型 , 觀點 , 知識 , 人工智能 , 前端

收藏 評論

u_16213653 頭像

mob64ca14092155 - vue框架集成cesium“黑科技”

上一篇我們成功讓3D地球在Vue裏“站穩了腳跟”，但光禿禿的地球顯然滿足不了開發需求——實際項目中，我們常需要在地球表面標記位置、繪製運動軌跡，甚至加載建築物、車輛等3D模型。這一篇，咱們就給地球“加點料”，讓它從“靜態背景”變成“交互載體”，所有代碼都能直接套用上一篇的項目框架，新手也能輕鬆跟進！ 一、核心邏輯：Cesium的“實體Entity”

vue.js , 加載 , 3d , 後端開發 , 前端 , Python

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - React+TypeScript 組件庫開發全攻略：集成Storybook可視化與Jest測試，一鍵發佈至npm

平時我除了業務需求，偶爾會投入到UI組件的開發中，大多數時候只會負責自己業務場景相關或者一小部分公共組件，極少有從創建項目、集成可視化、測試到發佈的整個過程的操作，這篇文章就是記錄組件開發全流程，UI組件在此僅作為調試用，重點在於集成項目環境。 組件 我們使用 React + TypeScript 來開發UI組件庫，為了簡化 webpack 環境和 Typescript 環境配置，這裏直接使用 c

react , jest , storybook , npm , 前端

收藏 評論

segfal_coder 頭像

腳踏實地一點一滴 - Flutter本地持久化數據工具類ShareLocalDataTool，方便二次開發

在使用前先倒入shared_preferences: ^2.0.15 import 'package:shared_preferences/shared_preferences.dart'; //本地持久化存儲工具類 class ShareLocalDataTool { ShareLocalDataTool._(); static Futurebool saveStringList(

vue.js , dart , visual-studio-code , flutter , 前端

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 免費SSL證書如何申請

一、主流免費SSL證書提供商 1.Let's Encrypt 特點：90天有效期，支持自動續期 申請方式： Certbot工具（推薦）： 手動獲取： DNS驗證方式（適合無公網IP服務器）： 2. JoySSL · 證書類型：DV證書 · 適配範圍：單域名證書 · 簽發時間：10分鐘左右 · 證書續簽：優惠升級 二、申請通用步驟（以JoySSL為例） 1.訪問https://www.joy

後端 , 前端

收藏 評論

u_16099323 頭像

架構魔法師 - es6封裝接口

什麼是Promise呢？ 首先我們先看一個例子 script // 1.封裝異步函數 5.給這個封裝函數傳入三個形參 function getFood(count,successCallback,errCallback){ // 3.聲明一個定時器 來模擬異步操作

開發語言 , 回調函數 , es6封裝接口 , 架構 , 後端開發 , 前端 , Javascript

收藏 評論

jueqiangqingtongsan 頭像

倔強青銅三 - vscode插件開發中文文檔教程(1)——擴展 API

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

vscode插件 , typescript , 前端 , Javascript

收藏 評論

dewujishu 頭像

得物技術 - “整潔架構”和商家前端的重構之路

1. 背景 團隊歸屬於後方業務支撐部門，組內的項目都以pc中後台應用為主。對比移動端應用，代碼庫比較龐大，業務邏輯也相對複雜。在持續的迭代過程中，我們發現當前的代碼倉庫仍然有不少可以優化的點： 可以減弱對ui框架的依賴 21年前端平台決定技術棧統一遷移到React生態，後續平台的基礎建設也都圍繞React展開，這就使得商家使用Vue生態做開發的系統面臨技術棧遷移的難題，將業務邏輯和UI框架節藕變得

重構 , 前端

收藏 評論

mingtian_62fef71159161 頭像

明天 - Markdown語法大全

Markdown是什麼意思？ Markdown是一種輕量級標記語言，它允許人們使用易讀易寫的純文本格式編寫文檔，然後轉換成結構化的HTML（或者其他格式）。Markdown的語法包括標題、段落、列表、鏈接、圖片、代碼等元素的簡單標記。 對比我們日常使用的Word文檔，Markdown的優勢在於，兼容性更強，編輯時無需特定的軟件就能打開，與此同時，基於Markdown編輯排版的文檔，經過渲染就能一鍵

mditor , 後端 , 前端 , Markdown

收藏 評論

zhuomoxiansheng_5f1901de6fd23 頭像

琢磨先生 - 2025最新開源後台管理系統模版（Art-Design-Pro）

在無數個深夜碼字的時刻，我曾反覆問自己：如何才能讓那一成不變的後台管理系統煥發新生？在不斷地摸索和嘗試中，我發現傳統系統總是缺少那份能觸動人心的美感和流暢體驗。於是，一個念頭悄然萌生——為什麼不創造一個既賞心悦目又高效便捷的後台管理解決方案呢？ 那一刻，我與代碼對話，與設計共舞，Art-Design-Pro 應運而生。它不僅承載着我對美學和用户體驗的執着追求，更是基於 ElementPlus 的設

後台管理 , 後台 , admin , admin-template , 前端

收藏 評論

qaz666 頭像

可不簡單 - 如何使用 vxe-table 實現虛擬滾動Dom的查找替換功能，excel查找與替換功能

如何使用 vxe-table 實現虛擬滾動Dom的查找替換功能，excel查找與替換功能 https://vxetable.cn 通過 keyboard-config.isFNR 啓用，支持 formatter 內容查找，需要注意如果不希望被隨意替換成任意值時應該重寫替換方法 查找規則是按照字段實際值進行匹配，如果需要按照自定義的值進行匹配，可以通過 fnr-config.findMethod

前端

收藏 評論

xingfudenaozhong 頭像

幸福的鬧鐘 - 前端程序員應該往全棧方向發展嗎?還是堅守前端?

​作者：寒蟬（知乎） 順便吆喝一聲，技術大廠，內推撈人，前/後端or測試←感興趣 要求學歷：全日制統招本科（非學院派即可）： --加班偶爾較多，但週末加班兩倍工資。 --15-35K，工資在一線城市屬於一般，但二線城市很可以。 前端幹了有四年多了，在我有限的認知內（認知就這麼點，不要槓我，槓就是你對）和能力範圍內所觸及到的崗位種類中，前端這個崗位在我看來是最難堅守的。 大多

人工智能 , 全棧工程師 , 程序員 , 後端 , 前端

收藏 評論

u_16264967 頭像

smartApi - android 使用 java 編寫網絡連通性檢查

下面給出 純 Java 代碼、兼容 Android API 19+、零三方庫 的“網絡連通性檢查”工具類。 特點： 同時檢測 Wi-Fi/移動數據是否真正上網（不只是“已連接”） 使用 HttpURLConnection，不阻塞主線程 支持 超時設置（秒級） 返回 布爾結果 + 失敗原因日誌

redis , Android Studio , 開發語言 , 數據庫 , Android , JAVA , 前端

收藏 評論

junxiudetuoba 頭像

伊伊DK - 低成本搭建校園服務平台：Uni-app 前端跨端 + TP6 後端快速開發

一、 開篇：為什麼選擇 Uni-app + TP6 搭建校園服務平台？ 校園服務平台的核心需求（低成本、輕量化） 校園場景痛點：學生跑腿、二手交易、失物招領、校園資訊等高頻需求； 開發痛點：預算有限、需同時適配微信小程序 / APP/H5、開發週期短； 技術選型的核心優勢（低成本 + 高效率） Uni-app：一套代碼編譯多端（小程序 / APP/H5），無需重

php , 後端 , 前端

收藏 評論