tag 前端

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

@前端 / 博客 RSS 訂閱

wadelau 頭像

wadelau - 🙋Hanjst漢吉斯特優化+JsonDataFromScript等

近日繼續對🙋Hanjst漢吉斯特優化改進。這次的改進思考是從服務器端返回的 HanjstJsonData的容器設計問題。目前的做法是服務器端的HanjstJsonData放入終端頁面的一個Div元素中。這個Div的id默認被設置為Hanjstjsondata。 div id=”Hanjstjsondata” style=”display:none;height:0px;width:0px;”

模板引擎 , 模板 , 前端 , html5 , Javascript

收藏 評論

mt-joer 頭像

MT-Joer - 前端工程化 - 良好的feature-based-目錄結構與具體示例

良好的feature-based-目錄結構與具體示例 背景 先拆”業務邊界”,不是拆組件 從業務角度來説,這個訂單頁其實有3個部分: 核心 - 瀏覽能力 訂單列表 基礎篩選 分頁 Extension - 可選 - 插件能力 高級篩選 導出 狀態變更 Detail - 按需能力 訂單詳情單牀 重構目錄結構

前端

收藏 評論

u_15654855 頭像

此星光明 - 中科星圖（案例）——基於Landsat8 TOA數據的全國大範圍2022年的NDVI指數計算

簡介 Landsat 8是一顆搭載有多光譜遙感儀器的衞星，可以捕捉地表的反射率數據。其中，TOA (Top of Atmosphere) 數據是指觀測到的反射率值，未經過大氣校正。NDVI (Normalized Difference Vegetation Index) 是一種衡量植被生長狀況的指數，可以通過Landsat 8 TOA數據計算得到。

中國 , 後端開發 , ndvi , 植被指數 , 前端 , Javascript , Python

收藏 評論

dirackeeko 頭像

DiracKeeko - [highcharts] 07_在highcharts渲染完成後結束loading

vue2項目 highcharts實例，如何在highcharts渲染開始時加載loading，在渲染結束時結束loading? 好久沒寫highcharts，最近有個同事寫highcharts時遇到了一個問題。 該業務場景的數據處理非常複雜，且存在某些個特定id的情況下，數據量極大，導致頁面上的highcharts卡頓(具體表現是：點了切換之後，有一段時間沒反應，之後highcharts重新渲染

vue2 , loading , highcharts , 前端

收藏 評論

gplml 頭像

會説話的樹 - uniapp開發app，使用高德地圖，如何進行打包配置

使用uni.chooseLocation()下方的搜索一直顯示加載中 造成這樣的原因是因為沒有配置key、權限等原因造成的。 一、創建高德地圖key 這裏需要獲取SHA1、需要先安裝jdk工具，由於我們需要用到SHA1、SHA256、MD5 目前最新版的jdk已經不支持MD5了，僅支持sha1,sha256兩種簽名。 分享一下可以獲取MD5的舊版本jdk 下載鏈接

高德地圖 , uniapp , Android , 前端

收藏 評論

qianniandanshendepingguo 頭像

千年單身的蘋果 - Copilot vs. Cursor vs. 文心快碼：企業 AI 編程助手私有化部署與安全架構橫評

一、 現狀與挑戰：企業的“黑盒”焦慮 隨着 LLM（大語言模型）能力的爆發，研發團隊面臨着典型的 “效率-安全”二律背反。 根據 Palo Alto Networks 的《2024 網絡安全狀況報告》，超過 42% 的企業 CTO 表示，因擔心源代碼泄露和 IP 合規問題，暫停或限制了公有云 AI 編程工具的使用 [1]。企業的核心痛點集中在三個維度： 數據駐留權：代碼片段是否被傳送到境外服務

教程 , 知識 , 程序員 , 後端 , 前端

收藏 評論

beishangdejianjidan_cqxuxf 頭像

悲傷的煎雞蛋_cQXuXF - 為何前端圈現在不關注源碼了？

開始 大家有沒有發現一個現象：最近 1-2 年，前端圈不再關注源碼了。 最近 Vue3.6 即將發佈，alien-signal 不再依賴 Proxy 可更細粒度的實現響應式，vapor-model 可以不用 vdom 。 Vue 如此大的內部實現的改動，我沒發現多少人研究它的源碼，我日常關注的那些博客、公眾號也沒有發佈源碼相關的內容。 這要是在 3 年之前，早就開始有人研究這方面的源碼了，博客一篇

程序員 , 前端

收藏 評論

xunguang_63df81bc527a3 頭像

尋光 - 微前端框架StartCMS， 一個基於微前端架構的極速微應用開發框架，開源框架

一、介紹 StartCMS是一個基於ThinkPHP6.0+、ElementUI、MicroApp的極速微應用開發框架 前端不限技術棧，支持Vue2、Vue3、Vite、React、Rangular... 後端不限制語言，支持PHP、Java、Node、Python、Go、C#... 二、主要特性 大道至簡：後端標準CMS分層設計，前端微應用架構，全新開發模式和開發規範給開發更好

vue.js , 前端架構 , 前端框架 , 微前端 , 前端

收藏 評論

sihaihande 頭像

漢得數字平台 - Choerodon UI V1.6.7發佈！為 H-ZERO 開發注入新動能

引言 作為漢得 H-ZERO 開發平台的核心 UI 組件庫，Choerodon UI 始終以企業級場景的實際需求為導向，遵循語義化版本規範持續迭代，並支持平滑升級。 近日，Choerodon UI V1.6.7 正式發佈，版本迭代聚焦「高頻場景體驗優化」與「穩定性提升」，帶來30+核心功能升級、50+體驗細節優化及40+穩定性修復，從功能拓展、操作流暢度到系統可靠性全面提升，助力企業客户在數字化

組件庫 , 前端

收藏 評論

chendeli 頭像

陳德立 - VUE2的小段源碼分析

關於前端視圖更新 前言 接到分享任務後一直比較頭疼，不知道分享什麼內容，能夠把此次分享做的比較好。後來偶然在網上看到一篇文章，非常有啓發性，引導我做出了本次的內容 代碼地址：（https://codepen.io/collection/DkxpbE） 代碼寫的很精妙，短短一百多行代碼，還原出來VUE響應式的核心思想。而我花了很長的時間去閲讀這段代碼，感慨我和尤雨溪之間的前端水平還是有不少差距的。

vue.js , 攔截器 , 源碼分析 , 響應式 , 前端

收藏 評論

jdcdevloper 頭像

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

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

微前端 , 前端 , Javascript

收藏 評論

user_p5fejtxs 頭像

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

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

call , apply , bind , 前端 , Javascript

收藏 評論

kuanrongdebeizi 頭像

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

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

base64 , 前端

收藏 評論

integrated_product_development 頭像

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

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

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

收藏 評論

jdcdevloper 頭像

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

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

rust , webassembly , HTML , 前端 , Javascript

收藏 評論

u_87634 頭像

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

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

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

收藏 評論

b2proxy 頭像

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

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

php , go , 前端

收藏 評論

wangji_5d01acdfdd139 頭像

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

收藏 評論

lijinhuaboke 頭像

此顏差矣。 - html2canvas + jspdf實現頁面導出成pdf

封裝一個好用的頁面導出 PDF 工具 Hook (html2canvas + jspdf) 在最近的一個項目中，遇到一個將頁面內容（詳情頁）導出為 PDF的需求,但是好像目前沒有直接把dom轉成pdf這樣一步到位的技術，所以自己封裝了一個間接轉換的方法，基於 Vue3 + TypeScript 的通用 Hook 封裝，利用 html2canvas 和 jspdf 實現網頁內容導出為 PDF，並解決

前端

收藏 評論

wangjintao 頭像

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

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

觀點 , react , typescript , 前端 , Javascript

收藏 評論

powerful_simon 頭像

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

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

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

收藏 評論

opentiny 頭像

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

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

vue.js , 低代碼 , 前端

收藏 評論

codechen8848 頭像

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

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

前端

收藏 評論

yaha_5f66c6f02983e 頭像

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

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

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

收藏 評論