tag 前端

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

@前端 / 博客 RSS 訂閱

gqkmiss 頭像

月恆 - NextJS CVE-2025-29927 安全漏洞

NextJS CVE-2025-29927 安全漏洞 CVE-2025-29927 是一個存在於 Next.js 框架中的關鍵安全漏洞。該漏洞允許攻擊者通過偽造或篡改 x-middleware-subrequest 請求頭，繞過中間件（Middleware）的安全檢查，從而訪問到原本受保護的路由或 API，進而導致授權繞過（Authorization Bypass）以及潛在的更深層次安全風險。本篇

react , middleware , next.js , 安全漏洞 , 前端

收藏 評論

http_wenwen 頭像

波羅丁的菠蘿 - hash路由原理

hello大家好，今天我們來分享一下hash路由的原理。我們不管什麼vue還是react的框架，不要太在意框架，直接來看hash路由是怎麼實現的。 原理：onhashchange hash路由是使用了onhashchange事件來實現的。我們先新建一個頁面，hashchange.html，快速創建一個頁面。然後啓動一個靜態服務，輸入http-server，執行，然後訪問，這個可以看到我們的頁面了，

route , 路由 , router , 前端

收藏 評論

pugongyingxiangyanghua 頭像

蒲公英想養花 - 自定義組件（原創）——組合Ccombine

本組件中使用到了iview的Icon，可以在全局安裝了Iview的項目或者局部引入了Icon的頁面中自由使用。 目錄 效果展示 功能描述 結構代碼 邏輯代碼 組件應用 事件鈎子 github 效果展示 從左到右分別是：未選中狀態、鼠標懸浮、選中、添加組合按鈕 功能描述 添加/刪除組合 單擊聚焦組合 雙擊修改組合名字 切換下一個組合或者新增組合時上一個

組件設計 , vue.js , stylus , iview , 前端

收藏 評論

hellotech 頭像

哈囉技術 - 基於定位的出發地異常問題治理

前言 哈囉作為一家出行互聯網公司，定位這種基礎能力是深度融入在各業務的核心鏈路中的，筆者所在的地圖團隊經常會收到定位相關的badcase，但苦於定位的複雜與較難回收出價值，一直沒有針對性去解決此類問題，那在各大互聯網廠商都在做下沉市場注重用户體驗的今天，我們重新撿起了這個話題。 問題梳理 無位置 由於APP啓動時未獲取到位置，會給用户提示並阻塞發單，用户需要使用POI搜索或拖動地圖的方式選擇出發地

地圖 , 前端

收藏 評論

wanhuabandemayi 頭像

Zoey的筆記本 - 集成產品開發（IPD）全指南：核心優勢、自動化IPD工作流工具推薦

一、IPD：重新定義產品開發模式 集成產品開發（Integrated Product Development，簡稱IPD）是一套系統性的產品開發管理理念與方法論。它起源於20世紀80年代的美國，由IBM、波音等大型科技和製造企業率先實踐，隨後華為在1999年引入併成功本土化，使其在中國企業界廣為人知。 IPD的核心思想是通過跨部門協作、結構化流程和基於市場需求的決策，將產品開發從傳統的“技術驅動”

教程 , 知識 , 前端

收藏 評論

defanqie 頭像

門思科技 - LoRa 物理層核心參數詳解：SF、BW、CR 與 LDRO 如何決定通信距離與功耗表現

一、LoRa 物理層為何能實現超遠距離通信 在低功耗廣域網（LPWAN）技術體系中，LoRa 的突出優勢並不來自高帶寬或高數據速率，而是通過犧牲傳輸效率換取極高的接收靈敏度。 這一能力並非單一參數決定，而是由多項物理層參數協同作用的結果。其中，SF、BW、CR 與 LDRO 構成了 LoRa PHY 層最核心的調節手段。 理解這些參數的工作原理，是進行鏈路預算評估、通信距離優化以及功耗控制的

前端

收藏 評論

beishangdebanma 頭像

悲傷的斑馬 - GreatSQL優化技巧全解析：從硬件配置到查詢優化，解鎖數據庫性能新高度

在數據庫性能優化領域，GreatSQL憑藉其強大的優化器與MGR（Group Replication）集羣能力，成為企業級應用的首選。本文將從硬件配置、操作系統調優、MGR集羣優化、查詢優化器特性四大維度，深度解析GreatSQL的性能提升策略，助力開發者突破性能瓶頸。 一、硬件配置：奠定性能基石 CPU與內存：核心性能驅動 CPU選擇：優先採用高主頻多核處理器（如Xeon Plat

前端

收藏 評論

apifox 頭像

Apifox - 如何使用mock.js實現接口測試的自動化？

Mock.js 基礎用法介紹 Mock.js是一個常用於生成隨機數據和攔截Ajax請求的JavaScript庫。本文將介紹Mock.js的用法，包括安裝和基礎用法，在開始前我們可以看下看：瞭解 Mock.js 的語法規範。 安裝 可以通過npm安裝Mock.js： npminstallmockjs 基礎用法 隨機生成一個用户信息 使用Mock.js可以很方便地生成隨機數據。下面的示例中，每個用户信

vue.js , mock.js , mock , 前端 , Javascript

收藏 評論

qaz666 頭像

可不簡單 - vxe-table 導入 excel xlsx 時，單元格內容值丟失前面0解決方法

vxe-table 導入 excel xlsx 時，單元格內容值丟失前面0解決方法，不如到出數據為 "003200" ，導出到 xlsx 時，由於 xlsx 會自定義格式化數字，所以 0 就沒了；解決方法就是知道為字符串類型，可以通過 column.cell-type 設置 查看官網：https://vxetable.cn gitbub：https://github.com/x-extend

前端

收藏 評論

caideheirenyagao 頭像

菜的黑人牙膏 - React-flux雜記

簡介 Flux是一種搭建WEB客户端的應用架構，更像是一種模式而不是一個框架。 特點 單向數據流 與MVC的比較 1.傳統的MVC如下所示（是一個雙向數據流模型） 用户觸發事件 View通知Controller執行相關邏輯 Controller通知Modal需要數據 Modal返回數據給Controller Controller再通知View更新 2.前端中的MVC 因為前端中視

react , flux , 前端框架 , 前端 , Javascript

收藏 評論

beishangdejianjidan_cqxuxf 頭像

悲傷的煎雞蛋_cQXuXF - 沒想到，外包竟然成了我最長久的工作 ？！

兄弟們，聊個反常識的。 我，一個前端碼農，在當前這個環境下，竟然在一家大廠的外包崗穩穩幹了快三年，而且這是我職業生涯裏幹得最久的一份工。 説出來可能很多人不信。畢竟在程序員的“職業鄙視鏈”裏，外包好像總跟“不穩定”、“沒成長”、“打雜”掛鈎。三年前接這個offer時，我也沒想過能待這麼久，純粹是當時薪酬和平台不錯。但現在回頭看，它意外地精準匹配了我的核心需求。 目標驅動，極度省心 我

程序員 , 後端 , 前端

收藏 評論

m_63573a116d2a5 頭像

熊的貓 - 談談 H5 移動端適配原理

前言 歡迎關注同名公眾號《熊的貓》，文章會同步更新，也可快速加入前端交流羣！ H5 移動端 開發的必不可少的一個環節就是 移動端網頁的適配，因為 UI 通常只會提供 大小固定的設計稿，而各種不同移動設備具有不同的頁面分辨率和大小，所以適配的目的就是讓一份設計稿在不同移動設備上表現出一致性。 雖然現如今各種插件都可以幫助我們快速配置完成，例如 lib-flexible、postcss-pxto

vue.js , chrome , 移動端適配 , 前端 , Javascript

收藏 評論

maolinlaoshi 頭像

貓林老師 - HarmonyOS鴻蒙開發 - 解決上下兩欄白邊 - 沉浸式效果

鴻蒙應用開發從入門到入行 第九天 - 解決上下兩欄白邊 - 沉浸式效果 預覽器上下兩欄白邊 自從HarmonyOS升級到release版後，很多同學會問貓林老師：為什麼他的預覽器上下有白邊，為什麼明明根容器寫了寬高百分百但沒鋪滿。如下圖 白邊原因 其實上面的白邊，稱之為狀態欄。上面會放手機wifi信號、電池電量等信息。一般情況下我們不需要把應用中具有交互效果的界面延伸到上

harmonyos-next , 移動app , harmonyos , 前端

收藏 評論

fannaodeshafa 頭像

煩惱的沙發 - 免費 SSL 證書縮短至 90 天，你的運維成本還能hold住嗎

隨着網絡安全環境的變化，SSL 證書行業正在經歷一次深刻的調整。以 Google 為首的國際標準制定者及主流雲服務商，紛紛將免費 DV SSL 證書的有效期從 1 年縮減至 90 天，我懷疑是為了賣付費證書（bushi）。這一舉措雖然在理論上縮短了密鑰泄露的風險窗口，但在實際執行層面，卻給企業的運維管理帶來了顯著的弊端。 一、 管理成本的顯著增加 對於擁有大量域名和服務器資產的企業而言，證書有效

ssl , ssl證書 , 後端 , 前端

收藏 評論

lijinhuaboke 頭像

此顏差矣。 - 高德地圖實現實時軌跡展示

Vue3 + 高德地圖(AMap) 實現平滑的實時軌跡回放與追蹤 前言 在物聯網、物流監控或安防調度系統中，實時展示設備（如無人機、車輛、手環）的移動軌跡是一個常見需求。如果僅僅是簡單的更新標記點位置，視覺上會出現“跳變”現象，體驗很不流暢。 本文將分享如何在 Vue 3 項目中，利用 高德地圖 (AMap) JS API 實現比較絲滑的實時軌效果。 核心痛點 平滑移動：點位更新時，Marke

前端

收藏 評論

landyliu 頭像

前端哇發哈 - 大話css預編譯處理（二）安裝使用篇

一、Sass、LESS和Stylus的安裝 1.Sass的安裝 Sass是Ruby語言寫的，但是兩者的語法沒有關係。不懂Ruby，照樣可以正常使用Sass。只是必須先安裝Ruby，然後再安裝Sass。首先安裝Ruby，如果你使用的是IOS系統，那麼你的系統已經安裝好了Ruby。如果你使用的是微軟的Windows系統，那麼安裝就有些許的麻煩。不過也不用過於擔心，按照下面的步驟就能幫你快速的安裝好。

sass , less , stylus , Css , 前端

收藏 評論

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的(column)柱狀圖修改圖例

(highchart的(column)柱狀圖修改圖例) 情況説明 柱狀圖的圖例默認是圓點的，如圖 要修改成方形，可以採用如下形式 plotOptions: { column: { tooltip: { pointFormat: `span style="color:{point.color}"\u25A0/span {series.n

vue.js , highcharts , 前端 , Javascript

收藏 評論

jimodetiebanshao 頭像

UXbot - 2026年AI原型設計工具篩選指南

在AI浪潮的推動下，產品原型設計正發生翻天覆地的變化。從傳統的手工繪圖，到如今只需輸入一句話便能自動生成完整頁面，AI原型工具已不再只是設計師的“輔助工具”，而是逐步成為產品團隊不可或缺的創作核心。2025年，眾多AI設計工具持續進化，在功能深度、智能化程度和協作體驗上日益出色。以下為大家推薦幾款今年尤為值得關注的AI原型工具，適配不同角色、場景與核心需求。在AI技術迅猛發展的浪潮下，產品原型設計

vue.js , 產品經理 , 原型 , 程序員 , 前端

收藏 評論

3yya 頭像

三眼鴨的編程教室 - 學廢了，JavaScript 中的作用域與作用域鏈

什麼是作用域？ 作用域定義了變量的可見性或可訪問性。大白話來説，就是一個變量能不能被訪問或引用，是由它的作用域決定的。 在 JavaScript 中有三種作用域。 全局作用域 函數作用域（局部作用域） 塊作用域 let globalVariable = "我是全局作用域下的變量" function func() { let localVariable = "我是局部作用域下的變量

vue.js , 作用域 , 作用域鏈 , 前端 , Javascript

收藏 評論

yinzhixiaxue 頭像

銀之夏雪 - Vue 3 vs Vue 2：深入解析從性能優化到源碼層面的進化

Vue.js 是當今前端開發中最受歡迎的框架之一。隨着 Vue 3 的發佈，它在性能優化、開發體驗、響應式系統、構建工具和熱更新等多個方面都帶來了巨大提升。本文將深入剖析 Vue 3 的進化，包括其 源碼實現 方面的優化，如 diff算法、靜態標記、編譯優化 ，以及 Vue 3 在熱更新、構建工具上的改進。 1. 性能提升：底層優化的革命 1.1 響應式系統的改進：從 Object.defineP

vue2 , vue.js , vue3 , 前端 , Javascript

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 小白必看！SSL證書類型掃盲：DV, OV, EV到底怎麼選？

當你決定為網站安裝SSL證書時，迎面而來的就是三個神秘的縮寫：DV、OV、EV。它們看起來很像，價格卻天差地別。 別擔心，這篇文章將用最通俗易懂的方式，幫你徹底搞懂它們的區別，並告訴你如何根據自身情況做出最佳選擇。 核心概念：驗證等級的不同 這三種證書最根本的區別，在於證書頒發機構（CA）對申請者身份信息的驗證嚴格程度不同。你可以把它類比成我們生活中的三種證件： DV證書 ≈ “網上暱稱”

後端 , 前端

收藏 評論

shawnphang 頭像

茶無味的一天 - 面試官問我 JS 中 foreach 能不能跳出循環

當年懵懂無知的我被問到這個問題時，腦袋一片空白，因為我一度認為forEach可能只是為了方便書寫所創造出來的語法糖，在業務代碼中也經常使用，但沒有思考過它存在的問題，本文旨在記錄自己的心路歷程，拋磚引玉，如果對你有所幫助那就更好啦。 那麼回到標題，首先forEach是不能使用任何手段跳出循環的，為什麼呢？繼續往下看。 我們知道forEach接收一個函數，它一般有兩個參數，第一個是循環的當前元素，第

foreach , for循環 , 前端 , Javascript

收藏 評論

shiqing_5e690563e48cc 頭像

時傾 - sessionStorage 多 Tab 標籤頁數據“共享”

問題描述 在 A 頁面設置一些 sessionStorage 數據，然後 a 標籤 _blank 方式打開另一個 tab B 頁面，發現 B 頁面有A 頁面的 sessionStorage 數據。 問題原因 不同 tab 頁面 sessionStorage 數據出現了 “共享”。 sessionStorage 為什麼會共享呢？下面看下 sessionStorage 的官方 MDN 介紹： 頁面

sessionstorage , 前端 , Javascript

收藏 評論

susuhhhhhh 頭像

用户bPcSPjP - 用css的transform屬性實現一個翻轉字符

本文將用rotateY為大家展示一個翻轉的字符 1.實現效果 2.transform介紹 transform 屬性向元素應用 2D 或 3D 轉換。該屬性允許我們對元素進行旋轉、縮放、移動或傾斜。 語法： transform: none|transform-functions; eg： transform:rotate(7deg); -ms-transform:rotate(7deg);

css3 , transform , hsl , HTML , 前端

收藏 評論