tag 前端

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

@前端 / 博客 RSS 訂閱

yuhuashi_584a46acea21f 頭像

雨花石 - webpack優化：提高二次構建速度

痛點： 開發過程中改一行代碼卻要等webpack構建半天實在太捉急。 項目背景 我們的項目是@vue/cli4生成的，基於webpack和vue2開發，未使用ts。用到了很多jquery、lodash、echarts等第三方依賴。 參考： @vue/cli4已經默認配置過一些優化方法了，比如為babel-loader增加cache-loder。請教了deepseek和google之後，根據項目的實

vue.js , vue-cli4 , webpack , 前端 , Javascript

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 第七章: SEO與渲染方式

第7章: SEO與渲染方式 在現代Web開發中，JavaScript扮演着越來越重要的角色。然而，JavaScript的廣泛使用也為搜索引擎優化（SEO）帶來了新的挑戰。本章將深入探討JavaScript SEO的核心問題，不同的渲染機制對SEO的影響，以及如何優化JavaScript驅動的網站以獲得更好的搜索引擎排名和用户體驗。 1. Google爬蟲類型及其工作原理 搜索引擎爬蟲是SEO的核心

seo , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 第七章: SEO與渲染方式 二

上一章的回顧 2. 網頁渲染機制及其對SEO的影響 在現代Web開發中，選擇合適的渲染機制對於優化搜索引擎性能至關重要。儘管Google的爬蟲技術在不斷進步，但不同的渲染方式仍然會對SEO產生顯著影響。讓我們深入探討主要的渲染機制及其對SEO的影響。 2.1 客户端渲染（CSR） 客户端渲染是單頁應用（SPA）常用的渲染方式，它依賴瀏覽器端的JavaScript來生成頁面內容。 工作原理：當

seo , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 第七章: SEO與渲染方式 三

上一篇 3. JavaScript SEO最佳實踐 在實施JavaScript SEO時，有幾個關鍵領域需要特別關注。以下是一些最佳實踐，可以幫助我們優化JavaScript驅動的網站。 3.1 內容可見性優化 確保搜索引擎能夠看到和理解我們的內容是至關重要的。 延遲加載優化： 使用 noscript 標籤為不執行JavaScript的爬蟲提供關鍵內容。 img src="place

seo , 前端

收藏 評論

xingfudenaozhong 頭像

幸福的鬧鐘 - 我們都被困在系統裏的…程序員

前言 2020年外賣最火熱的時候，有一篇文章《外賣騎手，困在系統裏》。 作為一個互聯網從業人員，我之前從未有機會體會到，當每一個工作都要被時間和算法壓榨時，我會是一種怎樣的感受。 而最近的一段經歷，我感覺也被困在系統裏了。 起因 如果你是一個研發人員，免不了要值班、處理線上問題。當然這都很正常，每個系統都有bug或者諮詢類的問題。 由於我們面臨的客户比較多，加上系統有一些易用性的問題或bu

react-native , JAVA , 程序員 , 後端 , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - SEO分頁基本功

SEO分頁基本功 1. 分頁器的實現 Bad Case 如圖，這是一個janitorai實現的分頁器，他是採用div的形式。 我們到SEMRush去查詢這個頁面的流量，可以觀察到，這整個頁面只被爬取了第一頁的數據 這其實驗證了第七章1.3 Googlebot的工作原理：Googlebot會先分析HTML裏的待爬取鏈接（a標籤）和需要下載的JS文件，選擇性的下載JS文件，然後嘗試渲染和執行JS

seo , 前端

收藏 評論

jizaodebangbangtang 頭像

文心快碼 - 快碼故事｜兩句話，0代碼開發一個跨端文件上傳系統

大家好，我是FENG吹雨飄飛，一個敲了8年代碼的程序員。最近在推一個項目，需要進行多端測試。結果發現，一個意想不到的小問題成了我的心頭刺： 每次測試過程中，我需要在不同設備間頻繁傳輸報錯截圖、日誌、配置文件等等。 依靠聊天軟件？在不同設備間切來切去太麻煩，還經常找不到歷史記錄。 自己寫個小工具？太耗時了，不值得專門投入時間。 正發愁時，剛好想起來朋友剛分享給我的文心快碼編程智能體 Co

visual-studio-code , flask , 人工智能 , 後端 , 前端

收藏 評論

jianer 頭像

健兒 - 無感刷新token解決方案

在你的 axios 封裝文件中，你需要兩個外部變量來管理狀態： // 標記是否正在刷新 token 的“鎖” let isRefreshing = false; // 存儲因 token 失效而掛起的請求的“隊列” let requestQueue = []; 請求攔截器 (Request Interceptor) 它的任務很簡單：在每個請求發出去之前，都帶上當前的 token

Ajax , 前端 , Javascript

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - Seo工具使用與數據觀察實踐 上

第11章.Seo工具使用與數據觀察實踐 1.通過SimilarWeb選擇合適的競品 首先我們明確一個概念，當我們要做項目的時候，會有兩種情況，一種是有競品，另外一種是沒有競品。 而沒有競品的那種情況，一個可能是你的項目和Idea沒有價值。另外一個可能是你的項目實在是太牛逼了，門檻太高在那個時間段幾乎無懈可擊（Open Ai的早期）。 那麼我們回到擁有競品的項目，我們需要對它和它的網站的流量進行分析

seo , HTML , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - Seo工具使用與流量數據觀察實踐 中

第12章.Seo工具使用與數據觀察實踐（中） 繼上一節的SimilarWeb流量粗分析，我們已經選定了競品，並且有了一個大致的用户畫像和羣體，接下來我們就進入細節的關鍵詞和內容的分析。 那麼這本節中，用到的工具則是SemRush，SemRush是一款功能強大的SEO工具,它提供了全面的關鍵詞分析功能。通過SemRush,我們可以深入瞭解關鍵詞的搜索量、競爭程度、趨勢變化等重要指標,從而制定更有效的

seo , 前端

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - Seo工具使用與數據觀察實踐 下

第12章.Seo工具使用與數據觀察實踐（下） 繼上一節的SemRush的網站策略粗分析之後，接下來我們就介紹SemRush的keywords關鍵詞分析。基本到這一節那，其實SEO的基本功系列就已經夠了，後面我們就開始目做項目了。 基礎詞類和意圖 在前面講了這麼多之後，終於到了最核心的地方了，我們要先確定核心的基礎關鍵詞，繼續以talkie為例，它是一個AI Role Play扮演的平台，我們先看他

seo , 前端

收藏 評論

jianer 頭像

健兒 - 從一個請求封裝的“死循環”Bug，我學到了什麼？—— 深入剖析 async/await 與錯誤處理 前言：那個讓我頭疼的下午

我們都曾經歷過這樣的下午：一個看似邏輯嚴密的模塊，在實際運行時卻表現得像個失控的野獸。我的故事，就從一個本應“智能”處理登錄和 Token 刷新的 ajax 請求封裝函數開始。 我希望它能在接口返回 400（需要登錄）或 4_01（Token 失效）時，自動完成登錄或刷新 Token，然後再重新發起剛才失敗的請求。然而，它卻在某些情況下陷入了可怕的無限循環，瘋狂轟炸着我的服務器。 起初

Ajax , 前端 , Javascript

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 改了網頁結構，搜索排名直接10倍增長

改了網頁結構，搜索排名直接10倍增長 之前我的網站流量低迷 我嘗試了一些改變.現在分享給家人們, 在此打個廣告關於我求求關注了家人們. 驚人的轉變 舉一個🌰一家電子商務網站在實施網站結構優化後，​搜索排名提升了10倍​，有機流量從每月2,000訪問增長到超過20,000。這不是魔法，而是精心設計的SEO策略,説白了進行一些操作,讓SEO更能搜到到你的排名 問題 用户和搜索引擎都找不到入口，所有

seo , 前端

收藏 評論

heqiliao_5cf8819257e40 頭像

何棄療 - 一次簡單的頁面跳轉引發問題和思考

背景 後台系統首頁，存在各個訂單狀態的數量統計，現需要實現點擊後跳轉到對應頁面，即快速跳轉。目前系統只有一個訂單列表頁面，table上方倒是有查詢表單，可以根據不同狀態篩選數據。 初步思路 首頁通過框架路由API跳轉，攜帶參數；目標頁面初始化階段獲取參數，填入表單，發起查詢請求。 分析現有代碼 列表頁面由一個統一的Table組件封裝，Table內有查詢Form、Table等組件，通過外部傳入的查詢

vue.js , promise , 路由 , 前端 , Javascript

收藏 評論

baidujiagoushi 頭像

百度Geek説 - 百度日誌中台前端重構實踐

日誌中台是百度內部針對打點數據的全生命週期管理平台，作為公司日誌數據的唯一入口，承擔以下核心職能：1.功能覆蓋：提供從數據採集、傳輸、存儲到查詢分析的一站式服務，支持產品運營分析、研發性能監控、運維管理等多元場景。2.業務賦能：通過標準化流程實現用户行為日誌的埋點申請、審批及退場管理，助力APP端、服務端等業務線挖掘數據價值。3.生態協同：與大數據平台、推薦中台、性能平台深度聯動，避免重複建設，提

日誌 , 前端

收藏 評論

grewer 頭像

Grewer - 樹形選擇器的使用場景探索

在工作中，樹形選擇器（tree-select）是一種常見的基礎組件, 這次我們針對此組件做一些業務適配 背景: 在一個大型組織（2 萬以上）內，需要有一個選擇人、組的一個選擇器, 支持搜索功能。 一開始我的思路是這樣： 層級加載+後端搜索 **既然數據量很多，那最好不要一次性加載，不然會有以下的一些問題： 問題一是後端的加載速度很慢 二是前端也會手動很大的影響，比如需要開

業務 , antd , 組件化 , 前端 , Javascript

收藏 評論

grewer 頭像

Grewer - 記一次樣式 debug

背景 在一個平凡的工作日中，突然有客户説我們產品的彈窗點擊無法顯示，這讓我立刻放下了手裏的活，去看了下線上環境，結果卻是一切正常 這不禁讓我有些奇怪，所以和客户要了截屏，最後發現在客户的電腦上點擊無效，作為一個老開發，第一反應就是兼容性的問題 涉及到公司產品，暫時不能放出對應截圖，不過會用 demo 截圖來代替。 這裏我用 demo 復現的場景： 這是正常的antd modal樣式： 現

兼容性 , debugging , 前端

收藏 評論

immerse 頭像

沉浸式趣談 - 熱點面試題：聊聊對 this 的理解？

前言 歡迎關注 『前端進階圈』 公眾號 ，一起探索學習前端技術...... 前端小菜雞一枚，分享的文章純屬個人見解，若有不正確或可待討論點可隨意評論，與各位同學一起學習~ 聊聊對 this 對象的理解？ 定義 在執行上下文中的一個屬性，它指向最後一次調用這個屬性或方法的對象。通常有四種情況來判斷。 四種情況如下 1. 函數調用模式：當一個函數不是一個對象的屬性時，直接作為函數來調用時

面試問題 , this , javascript專題系列 , 前端 , Javascript

收藏 評論

shimiandekaohongshu_ewvskz 頭像

失眠的烤紅薯_ewVskz - 2025真實面試前端開發 Top 50 問題（分類與優先級）

根據360+真實面試數據，篩選最高頻、最核心的50個問題，按技術領域分類並標註優先級（1-5​🌟）。問題按​​​優先級降序​​​排列，同星級按出現頻率排序。 ​​一、性能優化​​​（佔比26%，面試核心） 優先級 問題 出現次數 🌟🌟🌟🌟🌟 你覺得如何提高頁面加載速度？ 11次 🌟🌟🌟🌟🌟

面試小抄 , 面試 , 面試問題 , 前端

收藏 評論

xixindeshoutao 頭像

細心的手套 - HTTP代理：網絡世界的智能中轉站

在互聯網信息高速流動的時代，HTTP代理作為一種基礎卻強大的網絡工具，正在各類網絡活動中扮演着越來越重要的角色。它就像一位經驗豐富的網絡嚮導，不僅能夠優化訪問路徑，還能在用户與目標網站之間建立起安全屏障，讓網絡體驗更加流暢和安全。 HTTP代理最基本的功能是作為網絡請求的中轉站。當用户通過代理訪問網站時，請求首先發送到代理服務器，再由代理服務器向目標網站獲取數據。這種間接訪問的方式帶來了多重優勢：

safari , swoole , typescript , 前端

收藏 評論

yourena_c 頭像

友人A - threejs-夜景

記錄threejs實現夜景光照、投影、陰影、反射、材質顏色編碼的效果 主要是光源設置了shadow、encoding !DOCTYPE html html head meta charset="UTF-8" titleThree.js Scene/title style body { margin: 0; }

three.js , 三維模型 , gis , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 原生微信小程序響應式數據

原生微信小程序提供兩種響應式數據處理方式 1、module:value="{{ xxx }}" 2、setData module:value 第一種方式為簡易雙向綁定，這種雙向綁定只能對應data中的簡單數據類型，例如：string、number、boolean、null，例如： data: { keyword: '' // data中直接定義 }, 頁面用module:va

react , vue.js , 微信小程序 , 前端 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 提升開發體驗：基於 JSDoc 的 React 項目自動代碼提示方案詳解

需求背景 主管和其他同事基於公司的業務特點，開發了一套自研前端框架。技術選型是 React + JavaScript 的組合，上線後表現還不錯。現在他們想把這個組件庫推廣到其他團隊使用，所以讓我琢磨一下：怎麼能讓使用者用得更順手一點？尤其是能不能在寫代碼的時候有自動提示？ 我調研了一下市面上常見的幾種方案，大致有以下幾類： 把整個項目從 JavaScript 重構為 TypeScript，這樣

前端工程化 , jsdoc , typescript , 前端 , Javascript

收藏 評論

haiyong 頭像

海擁 - Madalin Stunt Cars 2：極限特技賽車網頁版深度解析（附遊戲試玩）

💂 網站推薦:【 摸魚遊戲】【神級代碼資源網站】【星海網址導航】 摸魚、技術交流羣👉 點此查看詳情 你是否厭倦了傳統賽車遊戲的固定賽道？《Madalin Stunt Cars 2》（點此試玩）帶來完全不同的狂野體驗： ✅ 自由開放世界 – 無賽道限制，全地圖任你狂飆 ✅ 超真實物理引擎 – 翻車、飛躍、360°空翻全模擬 ✅ 多款豪車可選 – 跑車、越野車、肌肉

css3 , 前端 , html5 , Javascript

收藏 評論