tag 前端

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

@前端 / 博客 RSS 訂閱

張子楓 - 【HarmonyOS實戰】-實用!在手機桌面就能用的計算器

寫在前面 最近擼完了HarmonyOS應用開發的相關知識,也通過了高級認證以及HCIP課程,正想着實戰仿個經典的網易雲Demo練練時收到了水電繳費單,看着用水量、二次供水費用、污水處理費、電費、維修基金等等一堆項目,難免要掏出計算器出來核算下金額,結果我滑了半天屏沒找到,只好下拉搜索計算器才找到,事後我在一個大文件夾的眾多圖標中終於找到了計算器(吐槽下,這個圖標色彩真不顯眼)。 這時

移動端 , harmonyos先行者 , harmonyos , typescript , 前端

收藏 評論

風不識途 - 基於React全家桶開發「網易雲音樂PC」項目實戰(四)

前言 前言 hello大家好我是「風不識途」,如果首次閲讀本系列請點擊,正在學習React的小夥伴可以克隆該項目,參考學習,嘗試做一些小功能,下面我們開始完成本系列最重要的音樂播放器列表▶需要完成內容如下↓; 項目預覽和源碼 在線預覽地址👉:點我跳轉到雲音樂 項目Gihub地址👉:Musci 163 (如果覺得項目還不錯的話 👏,就給個 star ⭐ 鼓勵一下吧~)

react , 項目實戰 , redux , immutable-js , 前端

收藏 評論

華為雲開發者聯盟 - 華為雲官網前端的技術演進與低代碼實踐

摘要:從瀏覽類頁面到管理類頁面,看華為雲官網如何根據業務場景分階段構建低代碼平台,提升頁面迭代效率。 本文分享自華為雲社區《華為雲官網前端的技術演進與低代碼實踐【全球軟件大會技術分享】》,原文作者:技術火炬手 。 前端團隊演進往往會經歷組件化、配置化、可視化的階段,而低代碼是團隊演進中的一個必然結果。 在第七屆全球軟件大會上,華為前端研發工程師郭曉,分享了華為雲官網如何根據業務場景分階段構建

頁面佈局 , 華為雲 , 低代碼 , 可視化 , 前端

收藏 評論

Series - create-react-app v4 的less,antd,配置

1、less支持 yarn eject yarn add less@^2.7.3 less-loader@^7.3.0 在webpack.config.js中找到sassRegex const cssRegex = /\.css$/; const cssModuleRegex = /\.module\.css$/; const sassRegex = /\.(scss|sass)$/;

react , less , antd , create-react-app , 前端

收藏 評論

德來 - 預加載系列一:DNS Prefetching 的正確使用姿勢

發現 很多人都知道現代瀏覽器都支持 DNS 的預解析,學名:DNS Prefetching。用法也很簡單,就是在html代碼里加入這樣的 link 標籤 link rel="dns-prefetch" href="//delai.me" 我們之前的用法是在 Head 為2個 靜態資源服務器的域名 和 日誌圖片的域名 建了3條 dns-prefetch link。 link rel="dns-pre

prefetch , dns , web性能優化 , 前端

收藏 評論

DiracKeeko - [Vue] el-form 表單驗證的異常情況

本文針對的場景是沒有手動觸發el-form的validator驗證,但是async-validator自動觸發(驗證),控制枱async-validator驗證報錯的情況。 先貼一段代碼: template el-form ref="form" :model="formData" :rules="formRules" label-width="100px" size="medium"

validator , vue.js , form , element-ui , 前端

收藏 評論

OpenTiny社區 - 有獎問卷調研|OpenTiny給你送天命人好禮啦!

破防了!家人們! 參與這個活動到底有多簡單? 加入OpenTiny開源社區 ,到底是種什麼樣的體驗? 原來,使用項目不僅有社羣技術答疑, 還能送緊箍咒等天命人好禮! 班味太濃,是時候該去去班味了~ 這個活動,就等你來參加啦~ 活動説明:有獎問卷調研!!! 現在起至9月20日,填寫你對於 OpenTiny 項目的真實使用情況,我們會根據問卷內容,針對填寫優質問卷的小夥伴贈送相應禮物~ 友好用户

vue.js , 組件庫 , 低代碼 , typescript , 前端

收藏 評論

狂野的抽屜 - 國密證書相比於普通SSL證書有哪些優勢?

國密證書(基於國家密碼管理局GM/T系列標準)與普通SSL證書(多采用RSA/ECC等國際算法)的核心差異,本質是“自主可控的安全體系”與“全球兼容的通用體系”的區別。國密證書的優勢集中體現在算法安全、主權可控、政策合規、性能效率及生態適配等關鍵維度,尤其適配國內關鍵領域和敏感業務場景,以下展開詳細解析: 申請入口:註冊時填寫230968獲取技術支持 一、算法技術:更優的安全強度與運算效率 國密證

前端

收藏 評論

zhangjinzhe - V8的垃圾回收器

垃圾回收算法 遍歷 GC Root(window,DOM,棧等)標記活動對象和非活動對象 回收非活動對象所佔據的內存 內存整理 新生代和老生代 在 V8 中,會把堆分成新生代和老生代兩個區域 新生代通常只支持 1~8M 的容量,存放生存時間短的對象,由副垃圾回收器負責。 老生代通常容量很大,存放生存時間長的對象,由主垃圾回收器負責。 Scavenge 算法(新生代) 在新生代中被

前端 , Javascript

收藏 評論

細心的紅酒 - 免費SSL證書全解析:類型、頒發機構與適用場景

在當今網絡安全日益重要的背景下,SSL/TLS證書已成為網站的標準配置。對於預算有限的個人開發者、小型企業和初創公司來説,免費SSL證書提供了一個既經濟又可靠的加密解決方案。本文將系統解析免費SSL證書的核心要素,幫助你全面瞭解並做出合適選擇。 一、免費SSL證書的主要類型 1. 域名驗證型(DV)證書 這是最常見的免費SSL證書類型,僅驗證申請者對域名的控制權,不驗證組織真實

後端 , 前端

收藏 評論

文心快碼 - CCF程序員大會碼力全開:AI加速營決賽入圍名單揭曉,12月6日大理見!

CCF程序員大會碼力全開:AI加速營決賽將於12月6日在大理舉辦! 活動由中國計算機學會主辦、msup承辦,文心大模型、文心快碼合作支持。 經過選手們激烈的角逐和初賽專業技術評審團慎重考量與嚴格篩選,CCF程序員大會碼力全開:AI加速營決賽入圍名單震撼出爐!以下10個優秀作品最終入圍決賽~組委會將於12月6日,在風花雪月的大理展開最終評選。 ⏰ 12月6日決賽議程 13:00-13:30 簽

資訊 , 知識 , 人工智能 , 程序員 , 前端

收藏 評論

墨色天香 - 若依框架 -------- vue3+element-plus(三)_51CTO博客

後端搭建部分 首先去若依官網下載最新的若依代碼,或者在我的git上進行下載(沒有跟隨官方版本更新) 若依後端項目初始化: 用於在本地快速搭建若依的後端初始化項目 注意:這裏我們需要點擊下載,下載對應的zip壓縮文件並解壓,而不是直接用克隆的方式到本地,因為這樣可以更方便的上傳到自己的gitee遠程倉庫。 在本地

數據庫 , intellij-idea , JAVA , 前端開發 , 後端 , 前端 , Javascript

收藏 評論

675173ff-65c2-413a-b556-576966012357 - 如何技術性地檢測代理質量?B2Proxy從延遲、帶寬到穩定性的五項核心測試

選擇代理服務時,最關鍵的不是價格,而是其技術性能能否滿足你的業務需求。在高併發訪問、自動化任務、數據採集和賬號運營等場景中,一個代理 IP 的真實質量往往直接決定成功率與成本。 為了避免踩雷,你需要從技術角度對代理進行科學測試。本文將圍繞延遲、帶寬、穩定性、IP 信譽度以及併發承載能力五個關鍵維度,全面拆解如何評估代理質量。 一、延遲測試(Latency Test) 延遲反映請求從本地到目標

php , Android , 前端

收藏 評論

是檸新呀 - 手摸手教你用VitePress + Github Pages搭建博客

前言 這是一期關於VitePress搭建博客並將它部署到Github Pages的教程文章,起因是把年前給自己立的一個flag實現以及最近打算把之前的學過的知識鞏固一下 因此打算搭建一個博客來作為平時寫作的地方。 我的博客地址如下:https://xuxing409.github.io/my-blog/ VitePress是什麼 在搭建博客之前,我們先做一下準備工作, 瞭解一下Vit

github-pages , vitepress , 博客搭建 , 前端

收藏 評論

陳學家_6174 - 精益 React 學習指南 (Lean React)- 3.3 理解 redux 中間件

書籍完整目錄 3.3 理解 Redux 中間件 這一小節會講解 redux 中間件的原理,為下一節講解 redux 異步 action 做鋪墊,主要內容為: Redux 中間件是什麼 使用 Redux 中間件 logger 中間件結構分析 applyMiddleware 中間件的執行過程 3.3.1 Redux 中間件是什麼

react , redux , leanreact , 前端 , Javascript

收藏 評論

Oliver - 項目記錄 : goodpic - 圖牀工具

goodpic 預覽鏈接:https://oliver-ysq.github.io/... 代碼地址:https://github.com/Oliver-Ysq... 技術棧: React:base技術框架 React-Router:路由管理 Mobx6:全局數據管理 styled-component:css in js解決方案 antd:組件庫 leancloud:阿里ser

react , leancloud , serverless , 前端 , Javascript

收藏 評論

OpenTiny社區 - 從千問靈光 App 看生成式 UI 技術的發展

本文由體驗技術團隊OpenTiny項目負責人莫春輝老師原創。 引言 2025 年 11 月 18 日,螞蟻集團全模態通用 AI 助手——靈光 App 發佈,上線兩週用户已創建 330 萬個閃應用。這一現象級數據的背後,不僅是開發效率的提升,更是人機交互範式正在從圖形用户界面(GUI)向生成式用户界面(GenUI)的跨越。在新的範式下,應用不再是預先固化的靜態資產,而是根據用户自然語言意圖實時生成。

vue.js , 人工智能 , 前端

收藏 評論

map_3d_vis - JSAPIThree 加載 Mapbox 數據學習筆記:使用 Mapbox 矢量瓦片地圖

作為一個剛開始學習 mapvthree 的小白,今天要學習加載 Mapbox 數據了!聽説這個功能可以加載 Mapbox 的矢量瓦片地圖,還能自定義樣式!想想就期待! 第一次聽説 Mapbox 數據加載 今天在文檔裏看到了"Mapbox"這個詞。文檔説 Mapbox 數據加載可以: 加載 Mapbox 官方地圖 支持自定義 MVT 路徑 需要配置 AccessToken 我的理解:

前端

收藏 評論

Eolink - 【前端小技巧】如何使用 Eolink Apilkit 調用 Mock ?

在開發過程中,進度比較趕的情況下,前端人員當頁面寫完時,後台的接口還沒寫完,等要交付的時候後端才把接口給你,這個時候就很尷尬。 這個時候 Mock 就可以很好的解決這個問題,前端團隊可以在 API 還沒開發完成的情況下,藉助 Mock API 實現預對接,加速開發進程。測試團隊可以通過 Mock API 解決不必要的系統,完成集成測試。 Eolink Apikit 為前端工程師提供 API 文檔管

mock , API , 前端

收藏 評論

你好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

收藏 評論

劉悦的技術博客 - 前端已死?全棧當立?取法於中,僅得其下。

開篇明義,前端已死?根本就是扯淡。前端技術精微淵深,駁雜寬廣,除了基礎的 HTML、CSS 和 JavaScript 技術外,前端技術還涉及到許多其他相關技術和工具,比如前端框架、UI 庫、自動化構建工具、代碼管理工具等等。這些技術並沒有死,反而生態圈愈發健壯,但為什麼前端已死的論調甚囂塵上? 前端市場萎靡 前端技術並未消亡,但前端工程師的坑位卻逐年減少,為什麼?是由於競爭加劇、市場飽和、經濟衰退

行業 , 前端框架 , 前端工程師 , 行業週刊 , 前端

收藏 評論

開發者精選資訊 - fix-broken-img:零依賴的圖片優雅降級解決方案

fix-broken-img:零依賴的圖片優雅降級解決方案 在現代 Web 開發中,圖片加載失敗是一個常見但容易被忽視的問題。今天我要介紹一個我最近開源的解決方案——fix-broken-img,一個零依賴的 WebComponents 組件,專門用於處理圖片加載失敗時的優雅降級。 問題背景:為什麼需要圖片降級? 在 Web 開發中,我們經常會遇到以下場景:

前端

收藏 評論

何棄療 - 微信小程序onShow的坑點

最近,公司小程序項目功能更新,部分功能複測,讓某些兼容性問題再次暴露在我的面前,特此發出來給暫未遇到這個問題的開發者,提供一些思路。 onShow表現 這個事件鈎子,在頁面重新顯示的時候觸發,無論是否重新加載,對於一些數據更新和獲取,提供了穩定的處理方案。但是,假如當前頁面有選擇圖片上傳的功能或者文件上傳,選擇文件後,頁面會進入onShow鈎子,且這種情況安卓是必然觸發,IOS系統,身邊設備有限,

生命週期 , 小程序 , 前端

收藏 評論

小楊同學906 - 海康威視web插件版-vue3

1、下載web插件 官網地址:https://open.hikvision.com/download/5cda567cf47ae80dd41a54b3?type=20id=77c7f9ab64da4dbe8b2df7efe3365ec2 下載 並安裝 2、引入web插件包 在 public/index.html中引入插件 script src="/webV

Vue , 前端

收藏 評論