tag 前端

標籤
貢獻1,058
1427
06:37 AM · Oct 27 ,2025

@前端 / 博客 RSS 訂閱

京東雲開發者 - 微前端無界機制淺析 | 京東物流技術團隊

簡介 隨着項目的發展,前端SPA應用的規模不斷加大、業務代碼耦合、編譯慢,導致日常的維護難度日益增加。同時前端技術的發展迅猛,導致功能擴展吃力,重構成本高,穩定性低。 為了能夠將前端模塊解耦,通過相關技術調研,最終選擇了無界微前端框架作為物流客服系統解耦支持。為了更好的使用無界微前端框架,我們對其運行機制進行了相關了解,以下是對無界運行機制的一些認識。 基本用法 主應用配置 import Wuji

微前端 , 前端 , Javascript

收藏 評論

林一一 - 面試 |call, apply, bind的模擬實現和經典面試題

推薦閲讀地址 掘金 歡迎 Start 思維導圖 大家好,我是林一一。下面的這一篇是關於 JS 中 call,apply,bind 原理和模擬實現和場景的面試題文章,一起開始閲讀吧。🧐 call,apply,bind 都可以改變 this 的指向 關於this 指向問題可以看看這篇 面試 | 你不得不懂的 JS this 指向 一、call 格式 [function].call([t

call , apply , bind , 前端 , Javascript

收藏 評論

寬容的杯子 - 在線轉換圖片為Base64編碼,一鍵分享無界限!

  圖片轉換Base64工具,是圖形開發學院在線工具集中的一員,它以簡潔的界面和強大的功能,為圖形開發的學員、專家、愛好者以及專業人士提供了一種全新的服務體驗。這款工具以其易用性,讓複雜的圖片處理變得簡單,讓每一位用户都能輕鬆上手。                   圖片轉換Base64工具界面 原文鏈接:“圖片轉換Base64”詳細介紹 - 在線工具 | 圖形開發學院 工具鏈接:圖

base64 , 前端

收藏 評論

IPD產品研發管理 - “你覺得客户需要”是殺死TA的最後一根稻草 | IPD集成產品開發

這個米老鼠洗衣機,大家眼熟嗎? 相信最近熱衷於在網上衝浪的朋友們,對這款形似米老鼠的“懶人洗衣機”並不陌生,甚至算是小小地參與了一下這個產品研發項目。 在海爾的周雲傑總裁爆火出圈後,有網友在海爾的媒體賬號下,喊話周總研發一款可同時並分區洗衣服、內衣、鞋子和襪子的 “懶人洗衣機”。基於此,2天后,海爾集團宣佈“懶人洗衣機”即將上市。 這個看似偶然的“懶人”產品的誕生,實則折射出如何精準洞察客户需求

產品經理 , 程序員 , 產品 , 後端 , 前端

收藏 評論

京東雲開發者 - 給 Web 前端工程師看的用 Rust 開發 wasm 組件實戰 | 京東雲技術團隊

什麼是wasm組件? wasm 全稱 WebAssembly,是通過虛擬機的方式,可以在服務端、客户端如瀏覽器等環境執行的二進制程序。他有速度快、效率高、可移植的特點。 對我們 Web 前端工程最大的好處就是可以在瀏覽器端使用二進制程序處理一些計算量大的處理,使用他比 javascript 快的特點優化性能。 目前瀏覽器對wasm的兼容性如下: 在移動端除了 android 4.4 和 ios

rust , webassembly , HTML , 前端 , Javascript

收藏 評論

新新人類 - 給萌新的Flexbox簡易入門教程 - 葡萄城技術團隊博客 -

先來點顧名思義,Flex,摺疊;box,盒子。可以摺疊的盒子,也稱作彈性盒子,就是可以根據可用的空間進行縮放的網頁元素。 既然是盒子,那麼肯定有容器,又有容器內部的元素。 那麼具體怎麼縮放呢?我們通過幾個例子來看看 Flex 的基本用法…… 伸展、收縮和基準 Flex 的縮放,影響的是容器內部的元素。 要用 Flex,首先得

縮放 , 自動換行 , 前端開發 , HTML , 前端 , Javascript

收藏 評論

675173ff-65c2-413a-b556-576966012357 - 為什麼高質量代理 IP 已成為現代業務的底層基礎設施?——B2Proxy從技術視角透析其核心價值

在過去幾年裏,代理 IP(Proxy IP)從一個可選工具,逐漸演變為許多企業業務鏈條上的“隱性基礎設施”。無論是電商風控、數據採集、廣告投放、跨境業務,還是 AI 訓練與模型評測,都離不開穩定、真實、可控的網絡環境。 但很多人只把代理 IP 當成“換個地址”的簡單工具,忽視了它背後真正的技術價值。今天,從技術角度深入分析:為什麼代理 IP 正在成為越來越多企業的核心基礎設施? 一、代理 I

php , go , 前端

收藏 評論

望記 - html2canvas生成海報白邊以及文字被遮擋問題

1. 如何在vue3中使用html2canvas npm install --save html2canvas 生成海報: template div class="poster-box" ref="posterBox" div class="thumb"img src="@assets/goods.jpg" alt=""/div div class="

html2canvas , vue3 , 前端

收藏 評論

王金濤 - 不夠“坦誠”的 Zustand:我們是否為了函數式而函數式?

引言 Zustand 是目前 React 生態中最流行的狀態管理庫之一。它以極簡著稱,也是我個人非常喜歡的庫。 但在長期的使用中,我常常產生一種違和感:我們在一個名為“函數式”的庫裏,費力地模擬着面向對象。 那個無處不在的 get() 來看看經典的 Zustand 寫法: const useStore = create((set, get) = ({ count: 0, inc: () = s

觀點 , react , typescript , 前端 , Javascript

收藏 評論

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳,閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案,其原理是: 1.把真實的 DOM 樹轉換成 js 對象(虛擬 DOM) 2.數據更新時生成新的 js 對象(新的虛擬 DOM) 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript

收藏 評論

OpenTiny社區 - 揭秘!TinyEngine低代碼源碼如何玩轉雙向轉換?

本文由TinyEngine低代碼源碼轉換功能貢獻者張珈瑜原創。 背景 當前主流低代碼平台普遍採用“單向出碼”模式,僅支持將 DSL(Domain Specific Language,領域特定語言)轉換為 Vue 或 React 源代碼。一旦開發者在生成代碼後手動修改了源碼,平台通常無法將這些修改同步回可視化編輯器,導致代碼與可視化配置割裂,嚴重影響開發效率與協同維護。本項目旨在構建低代碼 Vue/

vue.js , 低代碼 , 前端

收藏 評論

codechen8848 - 年會抽獎不用愁!這款開源 3D 抽獎工具,顏值與實用雙在線!

大家好,我是 Java陳序員。 臨近年底,又到了喜聞樂見的年會活動。但對於策劃部門來説,每年都會為年會抽獎環節用什麼工具發愁?用 Excel 隨機抽獎太枯燥,花錢買商業軟件又不划算。 今天,給大家安利一款免費開源的 3D 抽獎神器,炫酷球體抽獎效果直接拉滿活動氛圍,自定義配置更是精準適配各類年會、團建場景! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算

前端

收藏 評論

Yaha - 如何寫簡歷-學習如何在 2023 年撰寫簡歷所需的所有技巧、工具、模板和示例

學習如何在 2023 年撰寫簡歷所需的所有技巧、工具、模板和示例擁有一份經過精心打磨和精心撰寫的簡歷就像在求職過程中擁有超能力一樣。當大多數人走上招聘階梯時,你卻披上了深紅色的斗篷,以超音速的速度向上翱翔。本關於如何撰寫簡歷的指南概述了創建此類令人驚歎的簡歷的最重要的構建塊。我們將在本博客中介紹 10 個重要的簡歷撰寫步驟: 如何寫簡歷——寫簡歷的10個重要步驟關於作者的説明:芊芊簡

編輯器 , 簡歷 , 程序員 , 後端 , 前端

收藏 評論

沐華 - Vue3的7種和Vue2的12種組件通信,值得收藏

本文原文首發掘金:https://juejin.cn/post/699968... 如有不對的或者遺漏的,歡迎指正,你的一讚一評都是我前行最大的動力,感謝 Vue2.x組件通信12種方式寫在後面了,先來 Vue3 的 奧力給! Vue3 組件通信方式 props $emit expose / ref $attrs v-model provide / inject Vuex Vue

vue.js , 組件通信 , vue3 , 前端

收藏 評論

JackZhouMine - 地圖投影

地圖投影 為了更好地展示地球上的數據,需要將地球投影到一個平面上。地圖投影是一個數學問題,按照一定的幾何關係,將地球上的經緯度座標映射到一個平面上的座標。地球投影有很多種,每種投影都有自己的優缺點。本文介紹一些常用的地球投影。 什麼是地圖投影 投影,在數學上的含義是建立兩個面之間點與點、線與線的對應關係。同樣地,地圖投影的定義是:建立地球橢球面(或球體表面)與地圖平面之間點與點或線與線的一一對應關

地圖開發 , webgis , 地圖 , gis , 前端

收藏 評論

DiracKeeko - [highcharts] 01_dataGrouping 和xDateFormat失效

前言、基礎、約定 一般我們會用這種方式來使用highcharts,所需的配置都在stockOptions裏 (注:這裏命名不一定要用stockOptions,它只是一個對象) stockOptions是一個對象如下圖所示 下文我們用對象語法來介紹配置,圖中箭頭指向的”type”記作 stockOptions.chart.type (也就是 stockOptions.ch

highcharts , tooltip , 可視化 , 前端

收藏 評論

access開發 - Access可視化進階:散點圖的底層邏輯與實現

hi,大家好! 今天我接着來聊access的新圖表。在數據分析的語境下,當我們想要探究兩個數值型變量之間是否存在某種關聯(例如:廣告投入與銷售額的關係、設備運行温度與故障率的關係)時,散點圖(Scatter Plot)是無可替代的工具。 雖然 Access 的強項在於數據管理,但作為全棧開發者,我們經常需要在窗體或報表中直接呈現這種分析結果,而不是每次都將數據導出到 Excel。

excel , vba , access , 圖表 , 前端

收藏 評論

用户bPdeG32 - Yarn:如何優化依賴管理和加速構建過程

在現代JavaScript開發中,包管理器扮演着至關重要的角色。npm(Node Package Manager)是最常見的包管理工具,但在一些項目中,開發者可能會遇到npm在處理大型依賴和複雜構建過程時出現性能瓶頸的問題。此時,Yarn作為一個替代品應運而生,尤其以其對依賴管理的優化和構建速度的提升而受到開發者青睞。 Yarn是如何優化依賴管理的? 在早期的npm版本中,安裝依賴的過程可能非常緩

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

收藏 評論

方始終 - 使用wujie(無界)微前端過程中的e.target指向問題修復

緣起 微前端的方案很多,大體上調研階段躲不過qiankun, wujie, single-spa這些。 如果你使用的是無界,那麼在使用子應用的時候會發現事件回調函數的e.target指向發生了變化,導致你原先的從e.target.value取值的方式無法讀取到表單的值,或者setTimeout的回調函數執行會出現一些詭異的現象。 官方解釋 對於這種現象官方的文檔也做了解釋,官方歸咎於瀏覽器原生的處

微前端 , 前端

收藏 評論

倔強青銅三 - vscode插件開發中文文檔教程(4)——擴展功能概述

vscode插件開發中文文檔教程(4)——擴展功能概述 原文鏈接:Extension Capabilities Overview 作者:Microsoft 譯者:倔強青銅三 前言 大家好,我是倔強青銅三。是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。歡迎點贊、收藏、關注,一鍵三連!!! 擴展功能概述

vscode插件 , typescript , 前端 , Javascript

收藏 評論

風華絕代的java - spring中的流輸出

目錄 方式一:使用 ResponseEntity + StreamingResponseBody 方式二:使用 SseEmitter(Server-Sent Events) 方式三:使用 Flux 實現(推薦) 流式輸出 指的是服務器將數據以“流”的方式逐步寫入響應體,而不是一次性生成整個結果後再返回。

flux , 流式輸出 , 後端開發 , JAVA , harmonyos , 前端 , Javascript

收藏 評論

我的名字豌豆 - 如何使用rem或viewport進行移動端適配?

 在開發移動端界面時,移動端適配一直是一個比較頭疼的事情,常見的移動端適配有viewport適配,rem適配,百分比適配等等,在這裏我們只介紹viewport適配和rem適配。看完這篇文章相信你應該會實戰操作移動端對於不同手機大小的適配問題了。 一:rem適配  rem是指相對於根元素的字體大小(font-size)的單位,根標籤的font-size=1rem。其可以稱作為相對單位,也就是説我們可

less , 移動端適配 , rem , viewport , 前端

收藏 評論

新新人類 - go web框架_[進階]學習一下!只需3天就能用Go擼一個Web框架

想要給網站加個評論功能,接入第三方服務怕數據不安全,引入龐大的前端框架又覺得“殺雞焉用牛刀”? 其實,利用瀏覽器現代標準 Web Components 和編譯極其方便的 Go 語言,我們可以快速構建一個無依賴、高性能的全棧評論系統。它不需要複雜的構建流程,部署時只需一個二進制文件,非常適合個人開發者快速上手。 技術棧一覽 Backend (後端): G

golang , jvm , 開發語言 , Css , 前端開發 , 後端 , HTML , 前端

收藏 評論

晨曦鑰匙扣 - 2025企業CRM選型寶典:8 大主流品牌銷售 - 服務全流程能力對比

企業級CRM核心能力橫向對比:從銷售到服務的全流程決勝力 在數字化轉型的浪潮中,客户關係管理(CRM)已從“工具”升級為“企業增長引擎”——其核心價值在於整合銷售、客户、服務全鏈路數據,通過流程自動化、智能決策提升團隊效率,實現“精準獲客-高效轉化-留存復購”的閉環。 本文選取超兔一體雲、Salesforce、 SAP CRM 、Microsoft Dynamics 365 CRM、Oracle

前端

收藏 評論