tag 前端

標籤
貢獻1,036
984
06:37 AM · Oct 27 ,2025

@前端 / 博客 RSS 訂閱

咆哮的凳子 - Yarn:包管理優化與工作空間的最佳實踐

在現代前端開發中,包管理工具是不可或缺的工具之一。Yarn 作為一個快速、可靠且安全的包管理工具,相對於 npm,提供了一些獨特的功能和優化,尤其是在工作空間管理和性能優化方面尤為突出。本文將深入探討 Yarn 的專業使用,包括其工作空間的強大功能、性能優化技術以及在大型項目中的最佳實踐。 Yarn 簡介 Yarn 是由 Facebook 開發的一個 JavaScript 包管理工具,它旨在解決

yarn , postcss , typescript , 前端 , Javascript

收藏 評論

mob64ca13ff5b03 - 前端開發系列100-小程序篇之UI組件庫的使用和封裝

🧭第20節:項目實戰:通用 UI 組件庫搭建 📖引言 本節將帶領大家完成一個完整的項目實戰——從零開始搭建一個包含 Button、Input、Select、Table、Modal 等核心組件的通用 UI 組件庫,並將其發佈到 NPM 上。項目完成後,我們還將總結 10 大高頻面試題,幫助你在面試中脱穎而出。 🎯1. 核心內

組件封裝 , 教程 , 前端開發 , 前端 , Javascript , ui

收藏 評論

尹光耀 - underscore源碼剖析之整體架構

underscore源碼分析之整體架構 最近打算好好看看underscore源碼,一個是因為自己確實水平不夠,另一個是underscore源碼比較簡單,比較易讀。 本系列打算對underscore1.8.3中關鍵函數源碼進行分析,希望做到最詳細的源碼分析。 今天是underscore源碼剖析系列第一篇,主要對underscore整體架構和基礎函數進行分析。 基礎模塊 首先,我們先來簡

underscore , 前端 , Javascript

收藏 評論

全象雲低代碼 - 如何通過 draftjs 設計留言框

draftjs 簡介 draftjs 是用於 react 的富文本編輯器框架,它並不能開箱即用,但是它提供了很多用於開發富文本的 API。基於此,開發者能夠搭建出定製化的富文本編輯器。draftjs 有幾個重要的概念:EditorState、Entity、SelectionState、CompositeDecorator。 EditorState EditorState 是編輯器的頂級狀態對象。它

頁面佈局 , 低代碼 , draft , 前端

收藏 評論

細心的紅酒 - HTTPS開頭的秘密:3分鐘看懂SSL如何為你的信息加密

我們每天都會在瀏覽器地址欄裏看到它:那個小小的鎖形圖標和以https://開頭的網址。你知道這代表着你的連接是安全的,但你是否曾想過,這背後究竟是如何運作的? 其實,這一切都歸功於一項名為SSL/TLS的技術(可以理解為安全套接字層/傳輸層安全協議)。它就像一位忠實的保鏢,在你和網站服務器之間,建立了一條專屬的、加密的“安全隧道”。今天,我們就用3分鐘,揭開這個秘密。 核心目標:解決三大安

後端 , 前端

收藏 評論

mob64ca1407216b - 【Vue3教程】創建你的第一個Vue 3項目 - 前端小智的個人空間 -

前端 Vue3 項目效率提升:DeepSeek 輔助組件邏輯編寫與 Props 類型定義 引言 在當今快速迭代的前端開發環境中,Vue3 憑藉其響應式系統、Composition API 和 TypeScript 支持,已成為企業級應用的首選框架。然而,隨着項目規模擴大,組件邏輯編寫和 Props 類型定義常成為效率瓶頸。開發者面臨代碼重複、

deepseek , AI , AI編程 , 人工智能 , 前端開發 , 前端 , Javascript

收藏 評論

MT-Joer - uni-app - switchTab 跳轉到 頁面後不走onLoad,option無法更新

場景:tabbar頁面是展示一個列表,頁面中有一個搜索按鈕,點擊按鈕進入搜索頁面,輸入字段以後返回tabbar頁面展示相應的搜索結果,切換tabbar頁面後搜索條件置空 方案1:使用 navigateTo跳轉傳值 坑1:因為搜索頁要跳轉的是tabbar頁面,不能直接使用navigateTo 跳轉,只能使用switchTab,但是switchTab不支持傳參 方案2:使用reLaunch跳轉傳值 坑

前端

收藏 評論

BD - 一個 VSCode 插件搞定所有國際化項目:I18n Fast 使用指南

前言 最近把公司內部在用的國際化插件(I18n Fast)開源了。這是一個基於 Hook 機制可動態擴展的插件,理論上可以支持任何技術棧,滿足任何複雜需求。 如果你: 項目技術棧比較特殊,沒有可用的 i18n 插件 有複雜的國際化需求無法滿足 想要完全掌控國際化流程 願意花時間瞭解並寫一些 js 代碼 不妨試試 I18n Fast,也許它就是你要找的工具。 背景 去年在對公司項目進行國

i18next , react , vscode插件 , i18n , 前端

收藏 評論

mob64ca141677f9 - 為何要使用 Rust ?

文章目錄 引言:前端的邊界,已經不止“前端” 一、TypeScript 帶來的類型覺醒:從靈活到強約束的進化 TypeScript 的靈活性:類型擦除 二、Rust 的靜態類型與所有權模型 1. 所有權:變量的唯一歸屬權 2. 借用與可變引用

rust , webassembly , 後端開發 , 前端 , Javascript , Python

收藏 評論

可不簡單 - vue 甘特圖 vxe-gantt 任務里程碑類型的配置用法

vue 甘特圖 vxe-gantt 任務里程碑類型的配置用法 查看官網:https://gantt.vxeui.com/ gitbub:https://github.com/x-extends/vxe-gantt gitee:https://gitee.com/x-extends/vxe-gantt 通過設置 task-bar-milestone-config 和 type=move

前端

收藏 評論

道道里 - 【Mobile Dev Weekly #383】移動先行 or 桌面先行

🥳 歡迎有興趣的小夥伴,一起做點有意義的事!本文譯者:一緒 我發起了一個週刊翻譯計劃,倉庫地址,訪問地址 現在還很缺志同道合的小夥伴,純屬個人興趣,當然對於提升英語和前端技能也會有幫助,要求:英語不要差的離譜、github熟練使用、有恆心、謙虛、對自己做的事負責。 想參與的小夥伴,可以wx私信,也可以給倉庫發issue留言,我博客也有具體的個人聯繫方式:daodaolee.cn 不知

Css , 移動端適配 , 前端

收藏 評論

DiracKeeko - [React] react項目keepAlive導致的頁面切換Tooltip不消失

最近在做一個項目,把原來的vue2工程用react重構,遇到了這樣一個場景。 頁面有keepAlive,在vue2項目中,用原生的keepAlive實現。react項目中為了實現keepAlive引入了react-activation依賴。 react-activation的使用,本文不表,下面看我遇到的問題。 在概覽頁(列表頁),鼠標移入之後,出現Tooltip,點擊此選項,頁面跳轉(進

react , tooltip , keep-alive , 前端

收藏 評論

isNealyang - 自動化生成骨架屏的技術方案設計與落地

個人文章集:Nealyang/PersonalBlog 主筆公眾號:全棧前端精選 背景 性能優化,減少頁面加載等待時間一直是前端領域永恆的話題。如今大部分業務合作模式都是前後端分離方案,便利性的同時也帶來了非常多的弊端,比如 FCP 時間顯著增加(多了更多的 HTTP 請求往返的時間消耗),這也就造成了我們所説的白屏時間較長,用户體驗較差的情況。 當然,對此我們可以有很多種優化手段,即便是

vscode插件 , 前端架構 , 骨架屏 , 前端

收藏 評論

兔子先森 - uniapp微信小程序分包以及分包優化

分包限制説明 微信小程序上傳項目時會有分包大小限制,官方文檔介紹: 目前小程序分包大小有以下限制: 整個小程序所有分包大小不超過 30M(服務商代開發的小程序不超過 20M) 單個分包/主包大小不能超過 2M 主包就是Tabbar頁面,所有的Tabbar頁面加起來的文件大小不能超過2M 在小程序啓動時,默認會下載主包並啓動主包內頁面,當用户進入分包內某個頁面時,客户端會把對應分

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

收藏 評論

前端向後 - 魚和熊掌兼得:Next.js 混合渲染

寫在前面 React 生態中,SSR 支持做得最好的可能是 Next.js,但 SSR 並不是Next.js的全部,只是其提供的預渲染支持之一: SSG(Static Site Generation/Static Generation):靜態生成,在編譯時生成靜態 HTML SSR(Server-Side Rendering):服務端渲染,用户請求到來時動態生成 HTML 通過各種方式在

服務端渲染 , 前端框架 , ssr , 前端

收藏 評論

哇喔WEB - 手撕JS(可能持續更新···)

  關於實現js中一些常見的方法屬於面試中的常問問題,可能剛開始接觸的時候會一籌莫展。知道和理解其中的原理能夠在日常開發中更如魚得水,面對面試也不成問題。另外,學會以目的(實現的功能)為導向一層一層反推,總結出實現的思路就能按照步驟直接實現或者曲線實現(整理不易記得點贊哈)。 一、call的實現   call() 方法:讓call()中的對象調用當前對象所擁有的function。例如:test.

promise , this的用法 , 前端 , Javascript

收藏 評論

曾深愛過的洋葱 - JSAPI Three 是什麼?—— 百度地圖二三維一體化渲染引擎入門指南

如果你正在尋找一個既能實現傳統地圖的二維功能,又能無縫融合三維渲染能力的解決方案,或者對"JSAPI Three"、"mapvthree"這些名詞感到困惑,那麼這篇文章就是為你準備的。我們將用最通俗易懂的方式,幫你理解這個突破傳統地圖引擎侷限的二三維一體化渲染引擎。 一、JSAPI Three 是什麼? 1.1 簡單理解 JSAPI Three 是百度地圖推出的二三維一體化地圖渲染引擎,它的全稱是

three.js , 百度地圖 , 前端

收藏 評論

可不簡單 - 如何使用 vxe-table 導出為帶圖片的單元格到 excel 格式文件

如何使用 vxe-table 導出為帶圖片的單元格到 excel 格式文件 需要注意導出圖片時,需確保圖片是有效鏈接,且允許跨域獲取,否則不支持導出圖片 查看官網:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-table

前端

收藏 評論

高德開放平台 - 高德智能手錶解決方案,助力榮耀手錶5 Ultra開啓智慧出行

6月12日,高德開放平台推出了全新的智能手錶解決方案,憑藉其海量數據與多品類地圖服務的深度融合,為智能穿戴設備帶來了全新的可能性。 這一解決方案不僅覆蓋了全國超過7000萬的POI數據以及海外超過1.2億的POI數據,還實現了全球200多個國家和地區的地圖、搜索、定位和導航服務,滿足了用户在智能守護、運動出行等場景下的多樣化需求。同時,該方案支持多樣化的地圖模板和個性化元素配置,助力開發者快速定製

地圖開發 , 地圖api , 人工智能 , 後端 , 前端

收藏 評論

mob64ca140e76c8 - .NET誕生20週年,微軟透露新版本發佈_51CTO博客

目錄 一、性能巔峯:刷新"最快.NET"紀錄 1. JIT編譯:37.5%的速度飛躍 2. GC優化:52%的暫停時間縮減 3. 服務端冷啓動:43.75%的速度提升 二、語言升級:C# 14與F# 10的簡潔之道 C# 14核心特性:少寫代碼,多做事情 F# 10亮點:併發與性能雙提升 三、框架革新:Bl

vue.js , 開發者 , 前端開發 , ASP , 前端 , Javascript

收藏 評論

一顆冰淇淋 - 自定義防抖函數五步應對複雜需求

防抖定義 某些頻繁操作的事件會影響性能,"防抖"可以用來減少事件的響應頻次,當事件觸發的時候,相對應的函數並不會立即觸發,而是會進行等待,只有等待了一段時間之後,事件停止觸發,此時才會執行響應函數。 防抖案例 比如屏幕設定了1分鐘的熄屏時間,如果用户在這1分鐘之內,沒有對電腦進行任何的操作,那麼電腦就會在一分鐘時準時熄屏,但如果用户在第50秒的時候,移動了一下鼠標,熄屏的時間會從這一刻開始重新計時

前端性能優化 , 前端 , Javascript

收藏 評論

風流倜儻的傷痕 - Nuxt Kit 的使用指南:從加載到構建

title: Nuxt Kit 的使用指南:從加載到構建 date: 2024/9/12 updated: 2024/9/12 author: cmdragon excerpt: 摘要:本文詳細介紹了Nuxt Kit的使用方法,包括如何使用loadNuxt加載配置、buildNuxt進行項目構建、loadNuxtConfig單獨加載配置以及writeTypes生成Typ

vue.js , webkit , typescript , 前端 , Javascript

收藏 評論

小謳 - ElementUI:表格如何展示超出單元格的內容且不影響單元格?

關注前端小謳,閲讀更多原創技術文章 這個問題之前在封裝表格行內編輯校驗時就一直困擾我,近期因為業務需求又不得不面對了 需求詳述 ElementUi表格列若干(肯定有橫向滾動條),在若干行(不固定)的某一列上(不固定)展示指定文字, 要展示的文字長度大概率比該列寬度大 文字需要完整展示,可跨單元格 嘗試過程 直接使用自定義渲染單元格,失敗,超出單元格部分會被遮蓋 自定義指

vue.js , element-ui , 前端

收藏 評論

秦羽 - Vue配置生成無限分割的表格,可快速實現任意複雜報表

GitHub項目:infinite-split-table 通過代碼配置無限分割表格,可快速實現任意佈局 配置説明 每一行,每一列都可以當做一個節點 每個節點裏可嵌套節點 每個節點必須由id,type,data三個字段組成 id:唯一值 type:節點類型 data:節點數據 type可選類型: row:行 column:列 label:標籤 其他(自行擴展) 樣式配置

vue.js , 表格 , htm , 報表 , 前端

收藏 評論