tag 前端

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

@前端 / 博客 RSS 訂閱

dirackeeko 頭像

DiracKeeko - [Vue] 在vue中接收iframe的傳遞的信息

頁面A中有一個iframe標籤。iframe標籤的src屬性指向的跨域頁面B，跨域頁面B通過postMessage方式傳遞信息。現在在頁面A中想要獲取跨域頁面B傳遞來的信息。 實現方式是監聽A頁面的"message"事件。考慮是vue2框架。其實現方式與原生html有稍許不同。 在vue的mounted生命週期裏添加 mounted() { window.addEventListener("

iframe , message , vue.js , 前端

收藏 評論

smileZAZ 頭像

林恆 - 總結 Next.js 中的 Server Actions

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 我們知道，Next.js 最核心的特性便是 支持靜態生成（SSG）和服務端渲染（SSG），這也就意味着我們可以以部署 Node 服務的方式，將其部署在服務器上，用請求後端接口類似的形式來請求頁面文件。換句話説，我們其實可以直接把 Next.js 看成一個特殊的 Node 後端服務。 既然是在服務端進行運行，那麼它在數據庫

前端

收藏 評論

sihaihande 頭像

漢得數字平台 - H-ZERO富文本組件又上新啦！新增快速創建表格和配置文件封面，快來使用吧！

01 引言 H-ZERO 平台團隊始終專注於開發高效的前端工具組件，通過對 CKEditor4 的深度封裝與創新拓展，為企業用户提供更強大、更貼合業務需求的富文本解決方案。 最近，我們收到了不少項目的真實反饋，集中在這幾個痛點： 關於大家關心的 “是否升級 CKEditor5”：我們調研後發現，CKEditor5 採用 GPL 2+ 開源許可證，該條款要求所有衍生產品必須開源 ——

組件庫 , 前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [前端] 間接依賴的版本處理

最近工作裏遇到個問題，公司的流水線檢測到了某個前端工程中用到了vite @4.5.2，vite@4.5.2這個版本存在安全漏洞 CVE-2025-31486、CVE-2025-31125、CVE-2025-30208，是風險項，會被阻斷。 修復建議是vite升級到 [4.5.12, 5.0.0) [5.4.17, 6.0.0) [6.0.14, 6.2.0) 或 =6.2.5 版本 我檢查了一下項

npm , 前端

收藏 評論

suporka 頭像

suporka - underscore 誕生記（一）—— 基本結構搭建

1. 簡介 underscore 是一款成熟可靠的第三方開源庫，正如 jQuery 統一了不同瀏覽器之間的 DOM 操作的差異，讓我們可以簡單地對 DOM 進行操作，underscore 則提供了一套完善的函數式編程的接口，讓我們更方便地在 JavaScript 中實現函數式編程。 jQuery 在加載時，會把自身綁定到唯一的全局變量 $ 上，underscore 與其類似，會把自身綁定到唯一的

underscore , 前端 , Javascript

收藏 評論

u_16213611 頭像

mob64ca13ff28f1 - 前端pdf文件預覽以及大文件處理

1.前沿 總結工作遇到的處理文件的一些情況，簡單入門文件 2.背景 某天陽光明媚的早上，app的同事問我：我這邊有個上傳圖片的接口調不通，後端説你們前端接口調通了，那個前端input type=file 讀取到的數據叫什麼？ 一臉懵逼的我心裏想數據是叫什麼？二進制流？blob？buffer？file對象？

下載文件 , Css , ios , 前端開發 , HTML , 前端

收藏 評論

yguang 頭像

前端餘光 - this指向詳解，思維腦圖與代碼的結合，讓你一篇搞懂this、call、apply。系列（一）

this指向詳解 這是我在segmentfault的第一篇文章，歡迎大家指正 思考 + 導圖 + 示例代碼 = 船新版本 目錄 前言+思考題 一、this的指向 二、call和apply 三、模擬實現一個call 四、bind 五、結尾 前言+思考題 記得當時找實習的時候，總是會在簡歷上加上一句——熟悉Js，例如this指向、call、apply等... 而每次投遞簡

call , apply , this , 前端 , Javascript

收藏 評論

u_14457 頭像

clghxq - Vue Prop屬性功能與用法實例詳解_vue.js

文章目錄 一、追本溯源：兩個世界的“語言”差異 1.1 HTML 世界：大小寫不敏感的“寬容”天性 1.2 JavaScript 世界：大小寫敏感的“嚴謹”法則 1.3 “鴻溝”與“橋樑”：Vue 的命名轉換機制 二、核心規則：`kebab-case` 與 `camelCase` 的自動轉換

vue.js , 前端框架 , 前端開發 , HTML , 前端 , Javascript

收藏 評論

qaz666 頭像

可不簡單 - vue 如何實現 vxe-table 的按鍵操作回車鍵的上下移動修改為 Tab 鍵的左右切換

vue 如何實現 vxe-table 的按鍵操作回車鍵的上下移動修改為 Tab 鍵的左右切換，支持將回車鍵替換Tab鍵的功能操作 https://vxetable.cn 通過設置 keyboard-config.enterToTab 將回車鍵上下切換行為修改為 Tab 鍵左右切換行為,還可以通過 keyboard-config.enterMethod 覆蓋默認行為實現自定義業務邏輯 templa

前端

收藏 評論

software-Development 頭像

IT開發者筆記 - AG Grid與Bryntum達成戰略合作：共同打造更強大的數據密集型應用組件生態

近日，全球知名的高性能數據表格與圖表解決方案提供商AG Grid宣佈與專注於高級排程與項目管理 Web 組件的Bryntum達成戰略合作伙伴關係，並獲得來自Adelis Equity Partners的長期投資支持。本次合作將進一步強化雙方在現代 Web 應用領域的技術佈局，持續為全球開發者提供更高性能、更豐富、更易用的前端組件生態。 慧都科技是AG Grid 在中國區的合作伙伴，與AG Gri

前端

收藏 評論

xigupro 頭像

西谷 - 開源任務懸賞接單平台前後端開發搭建

鯊魚任務懸賞平台 倉庫地址: https://gitee.com/xigupro/SharkTask_H5 注: 此倉庫為H5版客户端，需配合服務端、管理端使用。 查看演示 公司官網 為什麼開源 到目前已有300+的付費客户選擇了我們，考慮到有一部分小公司或個人可能前期沒有太多的預算投入到平台的開發建設方面來，加上近兩年口罩原因大家都非常困難，為了能幫助到這部分客户，所以將此項目開源，

node.js , eggjs , typescript , 前端 , Javascript

收藏 評論

jueqiangdeqianbi 頭像

倔強的鉛筆 - Mock 語法講解

Mock 是生成隨機數據，攔截 Ajax 請求的 JavaScript 庫。 本文來介紹下 Mock 的常用語法。 模擬數據 生成隨機數據 Mock.Random.boolean() 生成一個隨機的布爾值。例如： 返回值為 true 或 false。 Mock.Random.integer(min, max) 生成一個隨機的整數，可以指定範圍。例如： 返回值為 0 到 10 之間的整數。 Mock

mock.js , mock , 前端框架 , 前端工程師 , 前端

收藏 評論

codechen8848 頭像

codechen8848 - 運維必備！一款全平台可用的服務器管理利器！

大家好，我是 Java陳序員。 在企業開發中，你是否有遇到過如下難題：管理 3 台服務器需要同時打開終端工具、文件傳輸軟件和監控面板，切換窗口的時間比實際操作還多；出門在外想臨時調整配置，手機上卻找不到能流暢運行的 SSH 客户端；團隊協作時，服務器連接信息在 Excel 和聊天記錄裏雜亂堆放，安全性無從談起？ 今天，給大家推薦一款開源、全平台可用的服務器管理利器，運維必備！ 關注微信公眾號：

前端

收藏 評論

cornerak 頭像

AKclown - gbkill輕鬆刪除git分支

🤡 批量刪除git分支 在日常開發中我們每做一個需求就會創建一個git功能分支，時間久了本地和線上的分支就會被累計很多。那麼此時有一個批量刪除git分支的工具就顯得尤為重要。GBKILL正是為了解決這一需求也生的工具,讓你更加高效的刪除git分支 該工具將列出項目中的git分支列表，然後您可以批量選擇需要刪除的git分支 🤡 安裝 您實際上不需要安裝它即可使用它！只需使用以下命令: $

cli , typescript , 前端 , Javascript

收藏 評論

minnanitkong 頭像

王大冶 - Web 性能優化：21種優化CSS和加快網站速度的方法

阿里雲最近在做活動，低至2折，有興趣可以看看： https://promotion.aliyun.com/... 為了保證的可讀性，本文采用意譯而非直譯。 這是 Web 性能優化的第 4 篇，上一篇在下面看點擊查看： Web 性能優化：使用 Webpack 分離數據的正確方法 Web 性能優化：圖片優化讓網站大小減少 62% Web 性能優化：緩存 React 事件來提高性能

web性能優化 , Css , 程序員 , 前端 , Javascript

收藏 評論

xsl 頭像

seasonley - FE.CLI-使用playwright對pywebview應用做自動化測試

背景 在 基於pywebview搭建企業級桌面端 這篇中記錄了多種webview桌面端的框架，並記錄了pywebview的使用和相關的坑。本篇記錄如何在pywebview中實現自動化測試。 由於pywebview沒有提供測試套件，只有幾個基礎的操作接口，所以需要結合一些測試框架來實現。 如果pywebview中不涉及bridge通信，那可以當做普通瀏覽器來測試，以上框架都支持。但pywebview

playwright , webview , 前端 , Javascript

收藏 評論

u_16213634 頭像

mob64ca14048514 - SpringMVC構建WEB應用（一） - ritchielei的個人空間 -

📒文章目錄 Spring Web MVC概述 MVC模式解析 Spring Web MVC的優勢 核心組件與工作原理 DispatcherServlet：請求分發中心 控制器（Controller） 視圖解析器（ViewResolver）與數據綁定

spring , 後端開發 , JAVA , mvc , harmonyos , 前端

收藏 評論

yinguangyao 頭像

尹光耀 - underscore數組遍歷函數分析（一）

這是underscore源碼剖析系列第三篇文章，主要介紹underscore中each、map、filter、every、reduce等我們常用的一些遍歷數組的方法。 each 在underscore中我們最常用的就是each和map兩個方法了，這兩個方法一般接收三個參數，分別是數組/對象、函數、上下文。 // iteratee函數有三個參數，分別是item、index、array或者value、

underscore , 前端 , Javascript

收藏 評論

jimodetiebanshao 頭像

UXbot - 2026年手機APP設計工具選型指南：10款核心工具深度解析

隨着技術革新與互聯網的迅猛發展，智能設備普及度持續提升，消費者對新技術的接受度不斷提高，這使得用户對APP設計的要求日益嚴苛。APP設計行業的快速迭代，也要求設計師持續更新技術儲備，以滿足用户對APP高性能與創新體驗的雙重期待。面對品類繁多的設計軟件與資源平台，設計師如何精準篩選2025年最適配自身需求的手機APP設計工具？本文將深度解析10款不可錯過的手機APP設計軟件——UXbot、Sketc

設計 , app開發 , 人工智能 , 前端

收藏 評論

hhepan 頭像

HHepan - angular echarts 折線圖點的個性化設置和操作 以及 this 的指向問題

背景 最近做項目時需要為折線圖（angular 中使用 echarts 畫的圖）上的點設置更加個性化的顯示和操作： 不同數值區間的點以不同顏色顯示。 點擊圖上的點後會執行自定義的操作。 查看官方文檔後發現，這其實並不困難。因為 echatrs 支持以方法的返回值作為圖表中某個屬性的值，也提供了接口以監測點擊事件，可以在其回調函數中設置點擊後的自定義操作。 echarts 官方文檔點擊這裏。

this的用法 , echarts , 前端

收藏 評論

huzilachadeyuechikou 頭像

晨曦鑰匙扣 - 2025中小企業CRM全景測評：聚焦七大核心模塊，從單一工具到一體化能力橫評

2025 中小企業 CRM 全景測評：聚焦七大核心模塊，從單一工具到一體化能力橫評 在數字化轉型浪潮中，中小企業的CRM需求早已從“客户信息存儲”升級為“全業務鏈路貫通”——既需要管好客户和銷售，也需要聯動進銷存、薪資、財務，甚至對接生產與上下游。然而，市場上CRM產品能力參差不齊：有的擅長銷售管理但缺進銷存，有的需依賴ERP集成才能用，有的則實現了真正的“一體雲”閉環。 本文選取超兔一體雲、Sa

前端

收藏 評論

jianrendechaomian_czry72 頭像

億元程序員 - 如何在遊戲行業裏面“白手起家”

引言 筆者是一名有着8年遊戲行業經驗並且熱愛遊戲的主程，從0到1帶領着技術團隊經歷過多個大型的遊戲項目起步到上線，取得非常好的成績。歡迎大家關注訂閲。 大家週末好，週末好好休息，不發技術文，給大家講講遊戲開發入門。 遊戲開發是一個創造性和技術性兼具的領域，吸引着越來越多的小夥伴想要探索其中的奧秘。本文將為想要入門遊戲開發編程的新人介紹一個簡單而有效的學習流程，幫助你逐步建立起堅實的編程基礎和遊戲開

遊戲開發 , 行業 , 入門教程 , 前端

收藏 評論

notrynosuccess 頭像

NoTryNoSuccess - 前端應用關於瀏覽器緩存策略問題

瀏覽器緩存類型 瀏覽器緩存的作用和好處無需多言，其根據是否需要向服務器重新發起 http 請求分為強緩存和協商緩存兩種類型。強緩存的優先級要高於協商緩存。 強緩存 強緩存機制下瀏覽器首先查找本地緩存，如果命中則不會向服務器發起請求。此時返回 200 狀態碼，並帶有 from disk cache 或 from memory cache 字樣。強緩存可以通過設置兩種 HTTP Header 實現：E

瀏覽器緩存 , spa , 前端

收藏 評論