tag 前端

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

@前端 / 博客 RSS 訂閱

shay_586ede05ded59 頭像

Shay - Chrome更新89版本後，sessionStorage丟失a標籤跳轉丟失sessionStorage

localStorage作用範圍：本地存儲，關閉瀏覽器後，數據依然會保存。同源瀏覽器窗口可以共享使用localStorage存儲的數據。 sessionStorage作用範圍：只存在於當前會話頁面，當會話結束後，數據也隨之銷燬，在不同的瀏覽器窗口中共享。也就是存在於當前瀏覽器頁面，頁面關閉，數據也會刪除。（注意：通過鼠標右鍵打開的新標籤無法共享sessionStorage） 而這塊對於sessio

chrome , sessionstorage , HTML , 前端

收藏 評論

landyliu 頭像

前端哇發哈 - 大話css預編譯處理（一）通讀介紹篇

一、什麼是css預編譯處理？ CSS 預編譯處理，從字面上理解，就是預先編譯處理CSS。它擴展了 CSS 語言，增加了變量、Mixin、函數等編程的特性，使 CSS 更易維護和擴展。CSS預編譯的工作原理是提供便捷的語法和特性供開發者編寫源代碼，隨後經過專門的編譯工具將源碼轉化為CSS語法。 CSS預編譯器幾乎成為現如今開發CSS的標配，它從以下幾個方面提升了CSS開發的效率： 增強編程

sass , less , stylus , Css , 前端

收藏 評論

xingfudenaozhong 頭像

幸福的鬧鐘 - 普通程序員的“技術債滾雪球”……讓我升職後的一件事就是“降本增效”？

🚧 本文沒有技術乾貨，只有技術人的乾巴人生。建議帶點冰闊落一起服用。 一、從Spring MVC到Spring Cloud，人生第一次“技術債滾雪球” 我工作的第八年了，回頭看自己這一身技藝。 最開始是Spring MVC，配置寫得像祖傳配方，一層包一層。 後來接觸Spring Boot，像打開了人生外掛，啓動速度快到讓我以為自己寫的服務終於不再有Bug了。 再後來，Spring Cloud來了

觀點 , 全棧 , 程序員 , 後端 , 前端

收藏 評論

kevinzhw 頭像

天涯學館 - Jest與React Testing Library：前端測試的最佳實踐

Jest 和 React Testing Library (RTL) 是前端開發中用於測試 React 應用的首選工具。Jest 是一個功能豐富的JavaScript測試框架，而React Testing Library 是一種提倡以用户角度編寫測試的庫，它鼓勵測試組件的行為而不是內部實現細節。 安裝和配置 首先，確保你已經安裝了react, react-dom, jest, @testing-l

jest , 測試工具 , 前端 , Javascript

收藏 評論

dashnowords 頭像

大史不説話 - 《前端跨界開發指南》重磅來襲！

謹以此書獻給相信“努力有用”的你 先講個故事 2019年，我和機械工業出版社簽了協議，約定用1年半時間交付一本15萬字的前端技術書籍，起名為《我是前端-JavaScript工程師的自我修養》； 2022年，書稿終於寫完了，但編輯老師似乎覺得原書名不太嚴肅，和出版社氣質不符，幾經商議最終將新書定名為 《前端跨界開發指南-JavaScript工具庫原理解析與實戰》 ，正式出版發行，歷時3年，共

書籍 , 前端

收藏 評論

woai3c 頭像

woai3c - 從零開始實現一個玩具版瀏覽器渲染引擎

前言 瀏覽器渲染原理作為前端必須要了解的知識點之一，在面試中經常會被問到。在一些前端書籍或者培訓課程裏也會經常被提及，比如 MDN 文檔中就有渲染原理的相關描述。 作為一名工作多年的前端，我對於渲染原理自然也是瞭解的，但是對於它的理解只停留在理論知識層面。所以我決定自己動手實現一個玩具版的渲染引擎。 渲染引擎是瀏覽器的一部分，它負責將網頁內容（HTML、CSS、JavaScript 等）轉化為用户

瀏覽器原理 , 前端 , Javascript

收藏 評論

qinyuanqiblog 頭像

qinyuanqiblog - 使用 puppeteer + nodejs 爬取喜歡的動漫資源

起源 最近突然想嘗試剪視頻，所以就想先從動漫開始，二次元搞起來，剪視頻就必須需要原視頻，怎麼找到這些資源呢，知乎一搜一大把 我經常會上六DM 裏面去看動漫,裏面的動漫清晰度也還可以，所以就想怎麼寫個爬蟲直接把喜歡的動漫下載下來，畢竟是幹前端的，手動下載有點丟人把 😄😄😄 最終效果 下載後的文件名不是.mp4 怎麼解決 比如説我下載的這個龍貓就是啥yum格式的，我

puppeteer , node.js , 前端

收藏 評論

xiaoyezi_5a6aa2e2e11f8 頭像

小葉子 - Webpack3+React16代碼分割

項目背景 最近項目裏有個webpack版本較老的項目，由於升級和換框架暫時不被leader層接受o(╥﹏╥)o，只能在現有條件進行優化。 webpack3 + react16 webpack v3配置檢查 很明顯項目的配置是從v1繼承過來的，v1-v3的升級較為簡單，參考官網https://webpack.js.org/migrat... 即可。 loaders變為rules 不再支持鏈式寫法的

性能優化 , react , webpack3 , 打包 , 前端

收藏 評論

jhcan333 頭像

JHCan333 - 代碼 review 介紹

一、為什麼要review 1、提高代碼質量 這是代碼 Review 的初衷，也是代碼 Review 最直接的價值。Reviewers 根據各自的經驗，思考方式，看問題的角度給代碼提出各種可能的改進意見，從而形成更好的代碼以及產品質量。 我們知道產品問題越晚提出解決它的代價就越大，參與進去的人、要走的流程都會越來越多。代碼 Review 可以説是早期解決問題最有效的途徑之一了，在代碼 Review

規範化 , 程序員 , 前端

收藏 評論

momeak9 頭像

泯瀧 - 「譯」2024 年的 5 個 JavaScript 安全最佳實踐

鏈接：https://thenewstack.io/5-javascript-security-best-practices-f... 作者：Alexander T. Williams 原標題：5 JavaScript Security Best Practices for 2024 網絡安全已成為一個瞬息萬變的戰場，JavaScript 應用程序的安全性也不例外。Web 應用程序已成為

chrome , webkit , typescript , 前端 , Javascript

收藏 評論

nanke_6944ddd8297d4 頭像

南柯 - 免費SSL證書申請指南：為你的網站開啓安全加密

什麼是SSL證書？ SSL證書是一種數字證書，用於在網站服務器和用户瀏覽器之間建立加密連接。當網站安裝了SSL證書後，網址會從“http://”變為“https://”，並在瀏覽器地址欄顯示鎖形圖標，表示連接是安全的。 為什麼需要SSL證書？ 你需要SSL證書的首要原因是保護用户與網站之間的數據傳輸安全，防止信息被竊取或篡改。其次，它可以驗證網站所有者的真實性，增強用户對網站的信任感。此外，谷歌

後端 , 前端

收藏 評論

hai2007 頭像

你好2007 - 關於字符串解析的一點理解 （以解析一段HTML字符串為例）

在分析一段字符串的時候，可以藉助字符串的indexOf等方法，或者是正則表達式，可是，如果需要解析的是下面這段字符串： group arc c-bind:cx='_width*0.5' c-bind:cy='_height*0.5' c-bind:radius1='_min*0.5' radius2='100' deg='120deg' /arc group c-for='

vue-loader , 算法 , webpack , template-engine , 前端

收藏 評論

yunpan-plus 頭像

雲棧開源日記 - 前後端全棧技術棧深度剖析：從Vue到Node.js的完整學習路徑

做了三年前端，發現自己還停留在"調用API"的層面？想突破瓶頸卻找不到方向？本文從實際項目出發，梳理了前端進階的關鍵技術節點：框架底層原理、全棧開發能力、工程化思維，以及那些面試官真正關心的技術深度。 📚 介紹 前端全棧技術體系深度解析 本技術資料系統梳理了現代Web前端開發的完整技術棧，適合有一定基礎的開發者進行系統性學習和技術深度提升。 技術覆蓋範圍 基礎夯實部分 從JavaScript核

前端

收藏 評論

camille_5f9b7f6b8693f 頭像

牛仔碼農 - Ajax實戰學習教程，ajax基礎原理及使用詳解

在學習AJAX之前，大家應該對AJAX有一個簡單的瞭解。 AJAX 是一種在無需重新加載整個網頁的情況下，能夠更新部分網頁的技術。通過在後台與服務器進行少量數據交換，AJAX 可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。 Ajax教程看哪個好？網絡上的AJAX入門教程五花八門，讓很多小夥伴看得眼花繚亂。這裏也推薦我看過的ajax視頻，動力節點的A

Ajax , JAVA , ajax跨域 , 後端 , 前端

收藏 評論

xuexishiwokuaile_612449e36bade 頭像

凌覽 - Puppeteer無頭瀏覽器：開啓自動化之門，掌握瀏覽器世界的無限可能

大概還是入門期，我曾用Puppeteer做爬蟲工具以此來繞過某網站的防爬機制。近期有需求要做任意鏈接網頁截圖，像這種場景非常適合用Puppeteer完成。無頭瀏覽器我已知的還有Selenium。 完成截圖需求踩的最大的坑不是具體的邏輯代碼，而是Docker部署Puppeteer到服務器總是缺少某個包。踩坑過程我想另外寫一篇文章分享，所以這篇就單純給讀者介紹Puppeteer無頭瀏覽器。 什麼是Pu

puppeteer , node.js , 截圖 , 前端

收藏 評論

xialiwei 頭像

夏力維 - 使用樹莓派搭建家庭存儲系統

項目背景 家裏有庫存閒置的樹莓派 續費的百度網盤讀取播放不便利 使用雲存儲感覺下行偏貴（小農思想，感覺每GB都在疊加花錢手機流量費+下行流量） 家裏小朋友學習新知識需要強交互和播放記錄 在老婆面前裝個X 功能迭代過程 下載樹莓派燒錄工具和系統 樹莓派系統燒錄工具 樹莓派操作系統 使用燒錄工具，燒錄操作系統

raspberry-pi , 後端 , 前端 , Python

收藏 評論

ekko_5cd3886c312b8 頭像

Durant - CSS之BFC

1. BFC特性 區塊格式化上下文（Block Formatting Context，BFC）是 Web 頁面的可視 CSS 渲染的一部分，是塊級盒子的佈局過程發生的區域，也是浮動元素與其他元素交互的區域。 個人理解：在一個BFC區域裏，不管內部元素怎麼倒騰，始終不影響該區域外部元素。 2. 如何創建BFC 參閲MDN文檔説明： 區塊格式化上下文 3. 為何創建BFC 格式化上下文影響佈局，通常，

bfc , Css , 前端

收藏 評論

jizaodebangbangtang 頭像

文心快碼 - 我用文心快碼開發了一款「積木工坊」：用AI讓每個孩子都成為小小建築師

作者簡介 詹林峯，全棧開發工程師，積極擁抱 Vibe Coding，專注探索 AI IDE 與全棧開發全流程的深度融合 —— 從前端界面實現、移動端適配到後端邏輯開發、數據庫優化，將 AI 賦能提效落地於每一個環節。作品「積木工坊」入圍“CCF程序員大會碼力全開：AI加速營”活動決賽，並獲得“最佳商業價值獎” 。 初衷：在這個數字化的時代，我想做一件有意義的事——讓每一個孩子都能平等地獲得

教程 , 知識 , 人工智能 , 後端 , 前端

收藏 評論

u_16213721 頭像

mob64ca14196783 - 前端數據本地存儲介紹

前端本地存儲（Cookie、LocalStorage、SessionStorage） 在前端開發中，本地存儲用於在瀏覽器中持久化或臨時存儲數據，常見場景包括保存用户登錄狀態、記住用户偏好、緩存臨時數據等（如小米官網手機端頭部廣告的 “關閉後不再顯示” 功能）。本文將詳細梳理Cookie、LocalStorage、SessionStorage及輔助工

狀態模式 , 字符串 , 數據 , 後端開發 , 前端 , Json , Python

收藏 評論

hello888 頭像

洛陽醉長安行 - mui 移動端側邊欄菜單組件導致頁面無法滾動問題

無法滾動設置如下css能解決 .mui-scroll-wrapper{ overflow: auto !important; } 如點擊外面遮罩層關閉不了側欄，需要添加一個div class="mui-off-canvas-backdrop"/div在同級就能解決 !-- 側欄內容-- div class="mui-content mui-scroll-wrapper" ... /d

移動端 , Css , mui , 前端 , html5

收藏 評論

zhouxiaojie_5e8fe4f9879df 頭像

周曉傑 - mpvue不維護了，已經成型的mpvue項目怎麼辦

mpvue作為美團技術團隊的一個KPI產品，莫名其妙突然就不維護了，隨着node版本和項目依賴不斷更新，你會發現你原先的項目可能突然跑不起來了，此時你需要mpvue的替代品，沒錯，我要説的就是uni-app。 只需幾步，你可以很輕鬆的把mpvue項目遷移到uni-app。 先去官網按步驟建好項目 https://uniapp.dcloud.io/quickstart 1、 把mpvue項目裏src

小程序 , uni-app , mpvue , 前端

收藏 評論

musicfe 頭像

雲音樂技術團隊 - 淺嘗IM方案在H5活動場景中的應用

本文作者：入雲 前言 説起 IM，大家應該都或多或少了解過一些，一般被熟知是在一些聊天場景裏應用的比較多；而一般情況下我們常接觸的業務中大多是做一些接口的查詢提交之類的操作，用正常的 Ajax 請求就足以滿足需求，比較難接觸到 IM 這種方案。 但如果涉及到一些需要頻繁更新數據的業務場景，使用常規接口查詢難免會給服務端造成比較大的性能開銷，並且數據更新的延遲也會很大；嘗試使用 IM 則可以讓我們在

im , websocket , h5頁面 , 前端

收藏 評論

imwty 頭像

imwty - Mac上最簡單配置多版本Nodejs環境

背景 Nodejs版本更新非常迅速，截止目前（2023年2🈷️）已經更新到了19.17.0，筆者查了下官網列出的歷史版本，足足有73頁之多。而我們經常需要維護一些多年前的舊項目，因為一些依賴的原因導致最新版本的Node不一定兼容，所以也就出現了我們需要根據項目去切換Node版本的問題了。 安裝Nodejs 筆者使用的是Mac系統，本文將以Mac操作系統為例進行多版本Nodejs的安裝

node.js , macbook , npm , 前端

收藏 評論

liweihao_5f8e96c308646 頭像

李偉豪 - UniApp/小程序開發新姿勢：告別繁瑣的接口管理，像調用本地函數一樣請求 HTTP 接口

前言 在小程序開發中，我們通常面臨兩種後端選擇： 雲開發 (TCB)：使用 wx.cloud.callFunction，體驗很好，像調本地函數一樣。 傳統 HTTP 後端 (Node.js/Java/Go/PHP...)：使用 wx.request。 絕大多數企業級項目，依然在使用傳統 HTTP 後端。 於是，我們不得不面對那熟悉的“封裝地獄”： 封裝 request.js，處理

小程序 , API , rpc , 接口 , 前端

收藏 評論