tag 前端

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

@前端 / 博客 RSS 訂閱

zhaoxiaoman 頭像

漫姐賊6 - 前端開發規範

開發規範 本文檔為前端 vue 開發規範(包含規範目的,命名規範,結構化規範,註釋規範,編碼規範,CSS 規範) 規範目的 為提高團隊協作效率，便於後台人員添加功能及前端後期優化維護，輸出高質量的文檔 命名規範 為了讓大家書寫可維護的代碼，而不是一次性的代碼，讓團隊當中其他人看你的代碼能一目瞭然，甚至一段時間時候後你再看你某個時候寫的代碼也能看 普通變量命名規範 命名方法 ：駝峯命名法

規範化 , Css , 前端 , Javascript

收藏 評論

smileZAZ 頭像

林恆 - 書架效果的實現

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 1. 對齊目標 前端想實現一個類似的書架放置書籍的效果，目標如下： 2. 思路梳理 我們使用的技術棧：vue 實現這樣的一個效果，我們需要知道以下信息： 每行可以放置多少書本？ 放下所有的書本需要多少行? 需要什麼樣的數據結構? 我們現在一個個來思考，既然我們選擇了vue來實現，秉

前端

收藏 評論

ihengshuai 頭像

大衞talk - 使用DockerCompose部署服務

由於格式或圖片解析問題，為了更好的閲讀體驗，可前往 閲讀原文 以前我們總是用命令管理每個容器的啓動、停止等等，若有多個容器時可能還存在啓動優先級的問題，那就要等到指定的容器啓動後再去啓動另一個容器，對於整體的應用服務管理極其不方便，簡單的docker run命令更適合初學者或者調試使用， docker提供docker compose來解決多容器部署。 Docker Compose是Docke

容器 , docker-compose , Docker , 後端 , 前端

收藏 評論

xiaojt 頭像

甜點cc - GitHub Pages 站點建設

1、簡介 GitHub Pages 是通過 GitHub 託管和發佈的公共網頁，將純文本轉換為靜態博客網站。 您可以使用 GitHub Pages 來展示一些開源項目、博客甚或分享您的簡歷，有內存限制，可以綁定個人域名。 啓動和運行的最快方法是使用 Jekyll 主題選擇器加載預置主題。 然後，您可以修改 GitHub Pages 的內容和樣式。👉 文檔 2、創建倉庫 倉庫名： use

github-pages , 前端

收藏 評論

xingyunliushui_678f3a01be2b3 頭像

行雲流水 - Dart 語法基礎

Dart 註釋 Dart 支持單行註釋、多行註釋和文檔註釋。 單行註釋 單行註釋以 // 開頭。 // 和行尾之間的所有內容都被 Dart 編譯器忽略。 void main() { // TODO: 重構為 AbstractLlamaGreetingFactory？ print('歡迎來到我的羊駝農場！'); } 多行註釋 多行註釋以 /* 開頭，以 */ 結尾。 /* 和 */ 之間的所

dart , Android , flutter , ios , 前端

收藏 評論

skychx 頭像

鹵代烴 - ⚡️ [性能優化] 瀏覽器是如何用 HTML Preload Scanner 偷偷優化資源下載的

如果你喜歡我的文章，希望點贊👍 收藏 📁 評論 💬 三連支持一下，謝謝你，這對我真的很重要！ 大家好，我是專注於做性能優化的鹵代烴。 做網頁相關的性能優化時，需要對瀏覽器的底層原理有一定的瞭解，這樣才能更好的讓頁面走在 happy path 上。今天我們就瞭解一個很少被人所知的瀏覽器默認性能優化方案 —— HTML Preload Scanner，看看它是如何優化網絡資源加載速度的。 瀏覽器

性能優化 , chrome , 瀏覽器原理 , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - TinyVue v3.22.0 正式發佈：深色模式上線！集成 UnoCSS 圖標庫！TypeScript 類型支持全面升級！

我們非常高興地宣佈，2025年4月7日，TinyVue發佈了v3.22.0🎉。 本次 3.22.0 版本主要有以下重大變更： 支持深色模式 增加基於 UnoCSS 的圖標庫 更豐富的 TypeScript 類型聲明 支持 XSS 配置 詳細的 Release Notes 請參考：https://github.com/opentiny/tiny-vue/releases/tag/v3.

vue.js , 組件庫 , 前端

收藏 評論

powerful_simon 頭像

小謳 - 《javascript高級程序設計》學習筆記 | 8.2.創建對象

關注前端小謳，閲讀更多原創技術文章 創建對象 創建單個對象：Object 構造函數 和 對象字面量 缺點：使用一個接口創建很多對象，產生大量重複代碼 相關代碼 → 工廠模式 抽象創建特定對象的過程，按照特定接口創建對象 function createPerson(name, age, job) { var o = new Object() o.name = name

面向對象編程 , object , 前端 , Javascript

收藏 評論

tanking 頭像

TANKING - JavaScript實現一個在線URL編碼解碼、base65編碼解碼工具

摘要 url編碼解碼在開發調試的時候很常見，還有base64編碼解碼，都是日常開發使用的，因此需要藉助一些工具快速實現編碼解碼。在很多編程語言都有url編碼解碼，base64編碼解碼的函數，本次使用的是javascript實現的編碼解碼功能。 上代碼 !DOCTYPE html html lang="zh-CN" head meta charset="UTF-8" meta htt

urlencode , urldecode , base64 , 前端 , Javascript

收藏 評論

map-3d-vis 頭像

map_3d_vis - JSAPIThree 地圖投影學習筆記：理解座標系統

作為一個剛開始學習 mapvthree 的小白，今天要學習地圖投影了！聽説這個系統可以控制地圖的座標系統，不同的投影方式有不同的效果！想想就好奇！ 第一次聽説地圖投影 今天在文檔裏看到了"投影"這個詞，一開始我還以為是投影儀那種投影，結果查了一下才知道，原來這是地圖學裏的概念！ 文檔説地圖投影是： 將地球表面的地理座標（經緯度）轉換為平面座標的數學方法 不同的投影方式適合不同的應用場景

前端

收藏 評論

yayu 頭像

冴羽 - 冴羽答讀者問：功利性學習的心態，你是否也會有？

前言 最近我發起了「冴羽答讀者問」活動，如果你也有想要提問的問題，歡迎留言，我會按照順序依此回答。 正文 我很少對自己的行為以“是否功利”這個維度進行思考，所以我不知道你是怎樣定義功利性學習這個詞的。 在傳統的認知裏，功利性學習是一個貶義詞，指的是將學習作為尋求短期利益的工具，就比如為了考完這場試，為了找一份好工作，而不是將學習作為追求有意義生活的一種方式，但是現在越來越多的文章，對功利性學習做了

程序員 , 總結 , 後端 , 前端 , Javascript

收藏 評論

qaz666 頭像

可不簡單 - vxe-table 個性化列自定義列彈出層修改高度、修改最大高度不自動適應表格高度的方法

vxe-table 個性化列自定義列彈出層修改高度、修改最大高度不自動適應表格高度的方法 默認情況下，在表格設置高度或最小高度的情況下個性化列彈出層默認內部模式（自適應表格高度），表格多高就最大多高；未設置高度情況下默認外部模式（不跟隨表格高度） https://vxetable.cn 自適應高度時 當 custom-config.poupuOptions.mode='auto' 時,且同時設置高

前端

收藏 評論

qaz666 頭像

可不簡單 - vue 樹組件 vxe-tree 如何異步判斷右鍵菜單的權限控制，異步顯示隱藏菜單選項

vue 樹組件 vxe-tree 如何異步判斷右鍵菜單的權限控制，異步顯示隱藏菜單選項,通過 menu-config.options 來配置右鍵菜單 https://vxeui.com 通過 menu-config.options.loading 來配置是否加載中,menu-config.options.visible 來實現是否顯示菜單 template div vxe-tree

前端

收藏 評論

weirdo_5f6c401c6cc86 頭像

Weirdo - CommonJS規範 ES6模塊化規範

JavaScript模塊化規範 1.模塊化概述 2.有哪些模塊化規範 3.導入導出的概念 4.CommonJS規範 可以安裝兩個vscode插件： 1. Code Runner:安裝後可直接運行js文件，如在打開的index.js文件右鍵點擊Run Code 即可在終端查看運行結果 2. Live Server:安裝後可直接在瀏覽器端預覽頁面效果，如在index.html文

cmd , amd , commonjs , 前端 , Javascript

收藏 評論

devui 頭像

DevUI團隊 - 前端有了這兩樣神器，再也不用追着後台要接口啦

DevUI是一支兼具設計視角和工程視角的團隊，服務於華為雲DevCloud平台和華為內部數箇中後台系統，服務於設計師和前端工程師。 官方網站：devui.design Ng組件庫：ng-devui（歡迎Star） 官方交流羣：添加DevUI小助手（微信號：devui-official） DevUIHelper插件：DevUIHelper-LSP（歡迎Star） 前言

mock.js , 前端 , Javascript

收藏 評論

maogexiaodi 頭像

沒有夢想的鹹魚 - 瀏覽器緩存機制介紹及前端優化方案

背景 緩存是用來做性能優化的好東西，但是，如果用不好緩存，就會產生一系列問題： 為什麼我的頁面顯示的還是老版本 為什麼我的網頁白屏 請刷新下網頁 ... 以上問題大家或多或少都遇到過，歸根結底是使用緩存的姿勢不對，今天，我們就來一起了解下瀏覽器是如何進行緩存的，以及我們要怎樣科學的使用緩存 瀏覽器的緩存機制 1. 什麼是瀏覽器緩存？ 簡單説，瀏覽器把 http 請求的資源保存到本地

瀏覽器緩存 , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - TailwindCSS自定義主題變量

theme中配置-官方推薦 在根css文件裏添加@theme，在其中添加變量 @import "tailwindcss"; @theme { /* 顏色的定義 */ --color-primary: #1677FF; } 使用：直接border-primary即可 div className="border border-primary text-primary"測試文字/div; 具

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

收藏 評論

minnanitkong 頭像

王大冶 - 理解 CSS 佈局和 BFC

個人專欄 ES6 深入淺出已上線，深入ES6 ，通過案例學習掌握 ES6 中新特性一些使用技巧及原理，持續更新中，←點擊可訂閲。 點贊再看，養成習慣 本文 GitHub https://github.com/qq44924588... 上已經收錄，更多往期高贊文章的分類，也整理了很多我的文檔，和教程資料。歡迎Star和完善，大家面試可以參照考點複習，希望我們一起有點東西。 為了保證的可讀

程序 , bfc , Css , 前端

收藏 評論

chenpi_58a5478b3d689 頭像

tonychen - TypeScript 裏 infer 常見用法

1 什麼是「infer」 1.1 概念 infer 只能在 條件類型（conditional types） 中使用，用來 在類型推斷時聲明一個待推斷的類型變量。 語法為： T extends SomeTypeinfer U ? U : never 可以這麼理解： 如果 T 能匹配 SomeType某個類型 的結構 那麼把內部類型推斷為 U 然後返回 U 1.2 特點 1.2.1 只能在

typescript , 前端

收藏 評論

brokensky 頭像

next_world - Windows 下 Node.js 重定向輸出導致中文亂碼的問題分析

根本原因分析僅供參考，都是AI分析的 一、問題描述 在 Windows 環境下執行以下命令時，發現 中文輸出出現亂碼： node client.js --code b16fcb6181383533844e5572ca9b56a8 output.log 21 但如果只重定向標準輸出（stdout），則 不會出現亂碼： node client.js --code b16fcb61813835338

前端

收藏 評論

u_16099237 頭像

編程夢想實現家 - 學前端需要學Node.js嗎？

前端與Node.js 1. 前端（瀏覽器環境） 前端通常指的是在瀏覽器中運行的JavaScript代碼。它主要負責用户界面的渲染、交互邏輯和與後端API的通信。 核心運行環境：瀏覽器（如Chrome、Firefox、Safari等） 核心引擎：V8（Chrome）、SpiderMonkey（Firefox）、JavaS

跨平台 , node.js , API , Css , ios , 前端開發 , HTML , 前端

收藏 評論

meiduyandekaodigua 頭像

沒讀研的烤地瓜 - 學不動了？沒事，前端娛樂圈也更新不動了

開始 從 2024 年春天到現在 2025 年初夏，好像遍地都是 AI 的各種新聞，前端圈裏都有啥動向呢？好像沒有啥印象。 我本人是自由職業，每天都會關注行業動態，可能比很多上班族都要看的多。但憑我個人的記憶和印象，我只能記住兩件事兒 第一，React19 發佈，同時 Nextjs 15 發佈。React19 發佈新增的功能都是為了滿足 RSC 和 Nextjs 而做的，如果你用 React 做純

人工智能 , 程序員 , 前端

收藏 評論

jianer 頭像

健兒 - 關於vue3的watch綁定解析

什麼時候寫deep這個問題 困擾了我很久。這次深度解析下： 需要 deep: true 的情況 // 情況1：直接監聽一個 ref/reactive 對象，且可能只修改內部屬性 const obj = ref({ a: { b: 1 } }) watch(obj, callback) // 不會觸發 obj.value.a.b = 2 // 修改內部屬性 watch(obj, ca

vue3 , 前端

收藏 評論

wensandaoshi 頭像

fx67ll - 詳解如何用 CSS3 完成 3D transform變換

Tips：閲讀提示！！！ 首先，本文針對的是3D transform變換的學習，所以你需要對 2D transform變換 有一定的瞭解 其次，需要説明的是，代碼是一種需要自己不斷實踐的學科，建議各位在開始學習本篇文檔的時候，先創建一個html頁面來邊讀邊練， 相信這樣，一定會給你留下一個非常直觀且深刻的印象！ 本文練習一些公共代碼 鑑於本文貼了不少代碼來演示，所有這裏提前放一個

transform , Css , 前端

收藏 評論