tag 前端

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

@前端 / 博客 RSS 訂閱

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 , 前端

收藏 評論

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 , 前端

收藏 評論

darkcode 頭像

前端掃地僧 - Docker學習之基本概念及安裝(1)

什麼是Docker Docker 是一個開源的應用容器引擎，基於 Go 語言 並遵從Apache2.0協議開源。Docker 可以讓開發者打包他們的應用以及依賴包到一個輕量級、可移植的容器中，然後發佈到任何流行的 Linux 機器上，也可以實現虛擬化。容器是完全使用沙箱機制，相互之間不會有任何接口（類似 iPhone 的 app）,更重要的是容器性能開銷極低. Docker與傳統的虛擬機相比有哪些

ubuntu16.04 , Docker , 前端

收藏 評論

_5bc6eef861319 頭像

看煙花墜落的淺殤 - 面試解析2

HTTP2.0 特性，HTTPS 加密原理 以下是 HTTP 請求頭（Request Headers）和響應頭（Response Headers）中常見的字段及其含義，適用於 Web 開發、接口調試與系統集成場景。 ✅ 一、常見 HTTP 請求頭（Request Headers） 字段名 説明 常見值示例 Host 指定請求的目標主機

typescript , 前端 , Javascript

收藏 評論

tanking 頭像

TANKING - html2canvas將指定區域導出為圖片（js將div導出為圖片）

如何使用JS截取HTML頁面為圖片呢，html2canvas.js這個插件可以輕鬆實現。這個原理很簡單，就是html2canvas.js可以將當頁面渲染成一個Canvas圖片，然後保存下來即可。它不需要來自服務器任何渲染，整張圖片都是在客户端瀏覽器創建。 代碼 !DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-

html2canvas , canvas , HTML , 前端 , Javascript

收藏 評論

lirong_60404fde6d52d 頭像

李不要熬夜 - ES6 變量作用域與提升：變量的生命週期詳解

本文詳細討論了 JavaScript 中作用域、執行上下文、不同作用域下變量提升與函數提升的表現、頂層對象以及如何避免創建全局對象等內容。 變量作用域與提升 在 ES6 之前，JavaScript 中只存在着函數作用域；而在 ES6 中，JavaScript 引入了 let、const 等變量聲明關鍵字與塊級作用域，在不同作用域下變量與函數的提升表現也是不一致的。在 JavaScript 中，所有

ecmascript-6 , 作用域 , 技術 , 變量 , 前端

收藏 評論

sadhuji 頭像

Sadhu - Mobx 源碼與設計思想

Proxy 攔截方式 Mobx 暴露的攔截的 API 有多種，概括來説可以分為裝飾器式和基於 observable 方法調用。 裝飾器 對裝飾器不太明白的同學，可以見我以往一篇文章：裝飾器原理探究 ，通過分析轉譯後的 ES 代碼得出裝飾器的行為。 由於裝飾器在 ES 裏還處於提案中且各階段的裝飾器行為不一致，故 mobx 6.x 起就淘汰了裝飾器的寫法（也可以手動開啓），本文的源碼分析基於 mob

react , 狀態管理 , mobx , 源碼分析 , 前端

收藏 評論

huzilachadeyuechikou 頭像

晨曦鑰匙扣 - 中小企業的救星：2025 高性價比 CRM 品牌 TOP5

中小企業的救星：2025 高性價比 CRM 品牌 TOP5，超兔領銜！附真實用户評價 一、先搞懂：CRM 是什麼？對中小企業有什麼用？ CRM 的核心定義 CRM（Customer Relationship Management，客户關係管理系統），是用信息技術協調企業與客户在銷售、營銷、服務上的交互的工具。它能整合客户信息（基本資料、交易記錄、溝通曆史），幫企業提供個性化服務、優化銷售流程

人工智能 , 前端

收藏 評論