tag 前端

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

@前端 / 博客 RSS 訂閱

tnfe 頭像

TNTWEB - 推薦25個值得收藏的前端開源Awesome項目

開源項目就像是聖誕禮物一樣，打開後經常會帶來驚喜。下面是我們整理的10個打包好的"禮物"，希望可以對你有所幫助。 ★1. Awesome-blackmagic Site: https://github.com/tnfe/aweso... 我們在web開發過程中，都會或多或少遇到過一些非常規需求，需要巧妙的應用我們所掌握的技術那不為人知的一面，這類奇技淫巧，我們稱之為黑魔法。awesome-blac

awesome , 開源 , 前端

收藏 評論

lilin_5e390e08b42e4 頭像

李霖 - 從零創建cordova插件+萬字長文+圖文並茂+示例下載

l 介紹 本文將細緻講解cordova插件的創建、編寫、配置、發佈，涉及aar+jar+so、靜態資源、四大組件等。 l 環境準備 1.node 2.ionic 3.cordova 4.plugman plugman是用於安裝和卸載用於Apache Cordova項目的插件的命令行工具, 安裝plugman $ npm install -g plugman 5.AndroidStudio l

插件 , Android , cordova , cordova-android , 前端

收藏 評論

wenjinhua 頭像

前端子金 - 移動端適配知識點梳理-part one

1. 設備像素和css像素 設備像素，又叫物理像素（physical pixel），給出您正在使用的任何設備的形式分辨率，可通過screen.width/height獲取. css像素，又叫設備獨立像素（device-indenpendent pixel），此為邏輯像素，計算機設備中的一個點 注意：設備像素和css像素的關係（縮小還是放大針對的是css像素）： 100％縮

移動端適配 , viewport , 前端 , html5 , Javascript

收藏 評論

liujunqi 頭像

倆毛豆的碎碎念 - 【基礎】Content的filesDir方法返回沙盒路徑中的<module-name>在什麼時候會不同

在HarmonyOS應用開發中，通過Content獲取文件沙盒路徑時，會隨不同的context和module而不同（developer.huawei.com/consumer/cn…獲取應用文件路徑） 其中filesDir（cacheDir、preferencesDir、tempDir等）生成的路徑中會在以下場景下發生變化： 當項目採用多HA

應用開發 , redis , 文件路徑 , re模塊 , 數據庫 , harmonyos , 前端

收藏 評論

ihengshuai 頭像

大衞talk - Docker安裝與配置

由於格式和圖片解析問題，為了更好的閲讀體驗，可以前往 閲讀原文 為什麼出現Docker？傳統的開發和部署存在着許多環境和配置的不兼容的問題，docker就是將環境和代碼統一打包的來解決這些兼容問題。Docker是一個統一了運行環境和配置問題的虛擬容器技術，是一個內核級虛擬技術。使用鏡像，保證了處處環境的一致性。 我們知道，如果將計算機的層次做一下簡單的劃分，最底層是硬件，最上層是軟件，中間是

負載均衡 , dockerfile , Docker , 後端 , 前端

收藏 評論

mukewangguanfang 頭像

慕課網 - 評審了20份前端簡歷，終於知道你們的問題在哪了

本文首發自「慕課網」，想了解更多IT乾貨內容，程序員圈內熱聞，歡迎關注"慕課網"及“慕課網公眾號”！ 作者：雙越|慕課網名師，前端技術專家 人與人之間最遙遠的距離，就是信息不對稱。 即便你我面對面，你知道的我不知道，我知道你也不知道。 我們既要規避這一點，也要利用這一點。 我的 1-1 溝通服務 在進入正文之前先介紹一下背景，好讓大家知道我本文的案例的出處。 前段時間，我推出了

簡歷 , 面試 , 前端

收藏 評論

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

收藏 評論

u_16213721 頭像

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

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

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

收藏 評論