tag 前端

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

@前端 / 博客 RSS 訂閱

lneoi 頭像

LnEoi - 更安全的隨機數生成

Math.random() 通常情況下我們使用Math.random()來生成偽隨機數，在大部分情況下可以很方便的使用。比如 生成混合隨機字符 Math.random().toString(36).substr(2); 生成指定範圍的隨機數 const randomNumber = (min, max) = Math.floor(Math.random() * (max - min) + min)

隨機數 , 前端 , Javascript

收藏 評論

bianchengsanmei 頭像

編程三昧 - 前端 CSS 變量簡介及基本使用方法

背景 複雜的網站都會有大量的CSS代碼，通常也會有許多重複的值。 舉個例子，同樣一個顏色值可能在成千上百個地方被使用到，如果這個值發生了變化，需要全局搜索並且一個一個替換，效率不高且容易出錯。 自定義屬性在某個地方存儲一個值，然後在其他許多地方引用它。另一個好處是語義化的標識。比如，--main-text-color 會比 #00ff00 更易理解，尤其是這個顏色值在其他上下文中也被使用到。 概

css3 , css技巧 , css變量var , Css , 前端

收藏 評論

yilezhiming 頭像

以樂之名 - 前端進擊的巨人（六）：知否知否，須知this

常見this的誤解 指向函數自身（源於this英文意思的誤解） 指向函數的詞法作用域（部分情況） this的應用環境 1. 全局環境 無論是否在嚴格模式下，全局執行環境中（任何函數體外部）this都指向全局對象 var name = '以樂之名'; this.name; // 以樂之名 2. 函數（運行內）環境 函數內部，this的值取決於函數被調用的方式（被誰調用） var name

面試 , 進階 , 前端 , Javascript

收藏 評論

limingcan562 頭像

limingcan - 弄懂這幾個概念後，我對webpack有了新的理解

前言 隨着vite的誕生，webpack似乎漸漸的被大家拋棄。前陣子我也用vue@3.x + vite@4.x開發了一個後台管理系統，體驗了一把，確實有被vite飛快的啓動速度給驚豔到。 但是畢竟webpack已經誕生了許久，也經過市場的一些考驗，並且它有着豐富的插件，豐富的功能，一些大型的項目也使用過它，目前來説，它是一個相對於vite來説更穩定的打包工具。 基於以下原因： 有些公司由於歷史

構建工具 , webpack5 , webpack , 前端 , Javascript

收藏 評論

mark04 頭像

letier - Web 前端發展歷史以及未來的展望

Web 前端的發展歷史：從靜態頁面到現代工程化 前端開發（Front-End Development）是構建用户可見和交互界面的核心技術領域。自 20 世紀 90 年代萬維網誕生以來，Web 前端經歷了從簡單文本展示到複雜富應用的深刻變革。本文將系統梳理 Web 前端的發展歷程，分為五個主要階段，展現其技術演進與生態變遷。 一、第一階段：靜態網頁時代（1990s 初 — 2000 年前） 技術特

前端

收藏 評論

gqkmiss 頭像

月恆 - CSS 小技巧 —— CSS 實現 ... 的 loading 加載中動畫

CSS 小技巧 —— CSS 實現 ... 的 loading 加載中動畫 1. 前言 需求中想做出個這種效果，這個頁面又是一個單獨的 html 頁面，沒必要再單獨引入其他模塊了 就想着用 CSS 動畫來實現 2. 實現效果 3. 實現思路 3.1. 項目要求 ... 不能使所在的 dom 元素寬度變化，不然加個 . 變寬，少個點變窄，不好看 需要使用 animation 動畫的 infi

loading , css3 , css技巧 , Css , 前端

收藏 評論

u_17534189 頭像

qq68d2318712d49 - react實多併發請求同步處理封裝

在React中處理多併發請求並實現同步處理（如等待所有請求完成後再執行後續操作）是常見需求。以下是一個通用的多併發請求同步處理封裝方案，結合React的useEffect和Promise特性實現： 1. 核心封裝函數：處理多請求同步 /** * 同步處理多個併發請求 * @param {Array() = Promise} requestList - 請

封裝 , 數據 , Css , ios , 前端開發 , HTML , 前端

收藏 評論

winnn 頭像

Winn - 前端圖片壓縮上傳，減少等待時間！優化用户體檢

這裏有兩張圖片，它們表面看上去是一模一樣的，但實際上各自所佔用的內存大小相差了180倍。 可以看到右邊的圖片是22.3MB，而左側的圖片只有127KB，但是實際上這兩張圖片的大小都是22.3MB。 最近在開發中遇到這樣的一個需求，需要把用户上傳的圖片先進行一次壓縮，然後再保存到服務器，這裏我們除了優先考慮壓縮圖片的大小外，還要顧及圖片壓縮後的清晰度問題。 經過對比，圖片並沒有明顯的失真情況

設計模式 , 程序員 , 架構師 , 優化 , 前端

收藏 評論

shellingfordly 頭像

shellingfordly - 我的博客 3.0

前言 第一個博客是在大學時候弄的，用的是 hexo 搭建的。但是當時還是個小白，只在 github 上部署了打包後的代碼，沒有保存源代碼，導致後面我就再也沒更新過我的個人博客，一直停留在了 2019 年。後來有用 vuepress 搭建了一個學習筆記記錄的項目，但感覺不是很好看，沒有當主力的博客使用，之後就一直在掘金和思否上寫，就沒怎麼更新個人博客了。 由於今年上半年經常跑出去完，最近突然又想重新

博客搭建與配置 , 博客遷移 , 博客搭建 , 博客 , 前端

收藏 評論

showonne 頭像

Showonne - 面試官：HTTP/2 有什麼優點？別再説 Server Push 了

2022年8月18日，Chrome 開發團隊博客發佈了“Removing HTTP/2 Server Push from Chrome”一文，表示 Chrome 106 和之後的版本將默認禁用 HTTP/2 Server Push 特性 為什麼會被移除？ Server Push 允許網站主動推送頁面所需的資源，而不是被動等待。但實際上很難以此實現性能提升，所以用這個特性的人並不多，使用了 HTTP

http-2 , 前端

收藏 評論

u_16213724 頭像

mob64ca141a2a87 - css 右對齊_Web前端教程：簡單實用的CSS網頁佈局中文排版技巧_weixin

不管你怎麼換字體、調字距，都達不到那種自然的效果。這其實不是你的鍋，也不是設計師的問題——而是瀏覽器長期沒有正確處理中文與西文混排的間距。在中文網頁排版的世界裏，這個問題已經困擾了我們很多年。 如果你經常寫內容類應用，一定有過這樣的困惑： 為什麼中文和英文、數字混在一起，總是看起來那麼彆扭？ 比如「我愛Vue」、「版本2.0」，這些混排的文字總顯得擠在一起、不太

人工智能 , Css , ci , 前端開發 , HTML , 前端

收藏 評論

jiaolvdekaixinguo 頭像

FFF方 - 技術面🧑‍🏫：前端代碼是如何與服務器交互的

前言： 本篇文章主要是想講解 .html 文件和 .CSS 文件在實際開發中和後端服務器交互最後上線的基礎原理。 面向的人羣🆕：是剛入行不久，且目前只會寫前端業務代碼而不清楚整個工作流的前端新人。我會從 0 開始一步一步帶你理解整個流程的底層邏輯是什麼，希望你能跟着我一起做完今天的所有步驟。 hr/ 一. 前期準備 為了能讓更多的人明白這其中的原理，今天我們迴歸前端最原始的本質，拋開 Vue

服務端 , node.js , 前端

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 國密內網IP證書如何申請

國密內網IP證書（基於SM2算法的SSL證書）的申請流程與傳統公網SSL證書有所不同，主要適用於政務、金融、企業等內部網絡環境。以下是具體申請步驟和注意事項： 一、申請前準備 確認需求 國密證書需支持SM2算法，且瀏覽器/客户端需適配（如使用360安全瀏覽器、信創環境瀏覽器等）。 確保內網有國密SSL證書籤發系統（如CFCA、數安時代等機構提供的內網證書服務）。 生成國密密鑰對 使用支持SM2算

後端 , 前端

收藏 評論

qaz666 頭像

可不簡單 - vxe-gantt vue table 甘特圖子任務多層級自定義模板用法

vxe-gantt vue table 甘特圖子任務多層級自定義模板用法，通過樹結構來渲染多層級的子任務，將數據帶有父子層級的數組進行渲染 查看官網：https://gantt.vxeui.com/ gitbub：https://github.com/x-extends/vxe-gantt gitee：https://gitee.com/x-extends/vxe-gantt 安裝 n

前端

收藏 評論

nealyang231 頭像

isNealyang - 【THE LAST TIME】this：call、apply、bind

前言 The last time, I have learned 【THE LAST TIME】一直是我想寫的一個系列，旨在厚積薄發，重温前端。 也是給自己的查缺補漏和技術分享。 歡迎大家多多評論指點吐槽。 系列文章均首發於公眾號【全棧前端精選】，筆者文章集合詳見Nealyang/personalBlog。目錄皆為暫定 講道理，這篇文章有些拿捏不好尺度。準確的説，這篇文章講解的內容基本算是基礎的

apply , this , bind , 前端 , Javascript

收藏 評論

chenpi_58a5478b3d689 頭像

tonychen - 【React源碼閲讀】React 渲染流程 —— 前置知識

系列文章： 【React 源碼閲讀】為什麼 React Hooks 不能用條件語句來執行？ 【React 源碼閲讀】useCallback 【React 源碼閲讀】Scheduler 1 寫在前面 React 源碼裏的概念實在是太多了，以至於如果真的要能完全理解源碼的話，我們就不得不提前瞭解一部分知識，不然看源碼的時候完全就是抓瞎。 2 Fiber 2.1 為什麼要有 Fiber 想象一

react , 源碼分析 , 前端

收藏 評論

shuangxiao99 頭像

shuangxiao99 - TOML 格式簡介

TOML（Tom's Obvious, Minimal Language）是為配置文件設計的序列化格式，目標是簡潔、可讀且易於手寫。常用於項目配置（如 Rust 的 Cargo、Python 的 Poetry、各類工具的配置文件）。下面概要説明其特性、示例及與 JSON 的對比，幫助選擇合適場景。 核心特點（簡要） 面向配置：設計用於人類編輯的配置文件。 支持註釋：使用 #。 明確的原生類

前端 , Javascript , Json

收藏 評論

yidingmu 頭像

一丁目 - javascript變量命名規範

程序員三大難題：變量命名、緩存失效、循環邊界。 駝峯命名 首先，和其他語言一樣，大部分變量建議採用駝峯命名法。 var articleTitle = 'javascript變量命名規範' 而對於常量，使用大寫字母和下劃線來組合命名。 const COUNTRY_NAME = 'China' 根據變量類型來命名 普通變量/屬性 儘量用簡單易懂的 名詞 結尾，前面可以加 形容詞/名詞 來修飾。 va

命名規範 , 代碼規範 , 重構 , 前端 , Javascript

收藏 評論

shenfq 頭像

Shenfq - 在命令行裏也能用 React

用過 React 的同學都知道，React 作為一個視圖庫，在進行 Web 開發的時候需要安裝兩個模塊。 npm install react --save npm install react-dom --save react 模塊主要提供了組件的生命週期、虛擬 DOM Diff、Hooks 等能力，以及將 JSX 轉換為虛擬 DOM 的 h 方法。而 react-dom 主要對外暴露一個 rend

react , terminal , 前端 , Javascript

收藏 評論

lenglengdechaomian 頭像

冷冷的炒麪 - 怎麼查看SSL證書有效期

在當今互聯網+時代，SSL證書早已成為一項關鍵的網絡安全基礎設施，無論是個人網站、電子商務平台、企業官網還是小程序，普遍部署有SSL證書。因為它不僅能保障網站與用户之間數據傳輸的安全性，還有助於提升網站可信度和搜索引擎排名。然而，任何一張SSL證書均設有有效期，一旦證書過期就可能造成網站無法訪問、數據泄露等嚴重後果，因此，及時查看SSL證書有效期，確保證書處於有效狀態尤為重要。那麼，怎麼查看SSL

觀點 , HTTP , HTTPS , 知識 , 前端

收藏 評論

huzilachadeyuechikou 頭像

晨曦鑰匙扣 - 主流CRM解決方案全場景能力橫向對比：從選型邏輯到核心能力拆解

主流CRM解決方案全場景能力橫向對比：從選型邏輯到核心能力拆解 在數字化轉型浪潮中，覆蓋市場、銷售、服務、渠道全場景的 CRM已成為企業破解“數據孤島”“協同低效”的核心工具。本文選取超兔一體雲、Salesforce、 SAP CRM、騰訊企點CRM、Zoho CRM、HubSpot CRM六大主流解決方案，從核心場景能力、流程效率、生態適配三大維度展開對比，為企業選型提供專業參考。 一、對比框架

前端

收藏 評論

wenwenjie 頭像

雞蛋炒番茄 - Immutable.js 源碼解析 --List 類型

一、存儲圖解 我以下面這段代碼為例子，畫出這個List的存儲結構： let myList = []; for(let i=0;i1100;i++) { myList[i] = i; } debugger;//可以在這裏打個斷點調試 let immutableList = Immutable.List(myList) debugger; console.log(immutableList.s

immutable-js , 前端 , Javascript

收藏 評論

simonbaker_5ec61c266b1df 頭像

simonbaker - koa異常處理詳解

文章不易，請關注公眾號 毛毛蟲的小小蠟筆，多多支持，謝謝 問題 koa是怎麼處理異常的？ 分析 首先了解下node.js是怎麼處理異常的 一般來説，node.js頂層有個uncaughtException事件，當異常沒被捕獲的時候，就會一層層上升，直到觸發定義好的uncaughtException事件。 但有個問題，node.js最大的特點是異步機制。比如讀取文件信息的stat的異步寫法： req

koa , 前端

收藏 評論

jarrychung 頭像

jarrychung - 2018這一年 | 以自己喜歡的方式向前漫步

2018年印象很深刻的一句話，來自於節目《知識就是力量》，“人的本質是一段時間”，經營好自己的時間以提升自身內在價值。 鄙認為大學四年的目標只有一個，那就是沒有遺憾。在這之下又可細分為兩個階段：嘗試與探索是第一階段，定位與洞見是第二階段。現在，到了第二階段的後半段路了。 定位與洞見 定位，找到自己的位置 與2017年所傾向的產品或市場不同，經過了漫長的自我探索，終於在2018年的確定了自己

年度總結 , 2018總結 , 前端

收藏 評論