@前端

動態 列表
@hightopo

WebGL/Canvas 內存泄露分析

在構建高性能、長週期運行的WebGL/Canvas應用(如3D編輯器、數據可視化平台)時,內存管理是一個至關重要且極具挑戰性的課題。 開發者通常面臨的內存泄漏問題,其根源遠比簡單的JavaScript對象未釋放要複雜得多。一個現代WebGL/Canvas應用的內存版圖實際上跨越了三個截然不同但又相互關聯的內存區域: 圖V8引擎管理的JavaScript堆(JS Heap),絕大部分情況最關注

hightopo 頭像

@hightopo

昵稱 hightopo

@htdaydayup_5da2d7a6d4888

核潛艇虛擬作戰管控系統 | 圖撲數字孿生

在廣袤深邃的海洋深處,中國戰略核潛艇 096 型搭載着國之重器——巨浪 3 潛射彈道導彈悄然巡航,構築起中國海基核力量牢不可破的防線。作為中國第三代戰略彈道導彈核潛艇,憑藉超遠的射程、強大的毀傷能力以及先進的突防技術,成為中國核三位一體打擊力量的關鍵一環。不僅帶動中國海軍技術實現迭代升級,更彰顯出戰略核威懾能力的全新突破。 效果展示 本次圖撲軟件運用自研 HT for WebGIS 產品,以軍演演

htdaydayup_5da2d7a6d4888 頭像

@htdaydayup_5da2d7a6d4888

昵稱 圖撲軟件

@beishangdejianjidan_cqxuxf

程序員的瘋狂星期二!

經典反轉款 今天又是被老闆罵的一天😭 他説我工作態度有問題 我説那我辭職 他説你敢? 我説我真敢! 因為我發現了一個寶藏直播間 10月21日16:00,科鋭offer便利店直播帶崗 大廠OD、AI算法、智駕崗位應有盡有 週二下午,我們一起辭職吧! 打工人心聲款 剛剛HR找我談話 我以為要被開除了,緊張得要死 結果她説:你這個月表現不錯 我:謝謝領導認可 HR:所以下個月給你加點活 我:???

beishangdejianjidan_cqxuxf 頭像

@beishangdejianjidan_cqxuxf

昵稱 悲傷的煎雞蛋_cQXuXF

@jizaodebangbangtang

文心快碼實測Markdown排版工具開發

作者簡介:獨立開發者、行業觀察員,”前端之虎“陳隨易,AI編程深度使用者,代碼AI含量80%以上。 最近有個好友問我,有沒有一個適合國內程序員使用,符合國內用户習慣的的AI編程工具啊。我想了一圈,腦海裏蹦出四個字:文心快碼。 因為剛好最近看到一篇文章,就是9月9日,文心快碼全新升級 3.5S (Super Synergistic AgentS) 版本,打造 多智能體自協同引擎,讓智能體之間真正實現

jizaodebangbangtang 頭像

@jizaodebangbangtang

昵稱 文心快碼

@haixiudezhusun

高德空間智能:賦能vivo藍河生態,讓AIoT設備成為出行“智慧夥伴”

2025年10月10日,廣東深圳vivo開發者大會(VDC)上,高德開放平台AIoT業務線產品負責人董佳玉,正式對外呈現了雙方合作的成果——基於藍河操作系統,我們以“雲+端”協同架構為基礎,為不同形態的AIoT設備註入出行智慧,讓用户在腕間、眼前都能享受到連貫高效的服務。 (高德開放平台AIoT業務線產品負責人 董佳玉) Part 01 高德開放平台:空間智能的探索與實踐 作為專注於空間智

haixiudezhusun 頭像

@haixiudezhusun

昵稱 高德開放平台

@integrated_product_development

如何通過TR技術評審管控IPD開發風險?

作為產品開發全流程的技術風險管控實踐,TR(Technical Review,技術評審)自然是IPD流程中不可或缺的一環。 接下來我們需要明確:TR評審是什麼? 一般TR評審是團隊對技術方案、設計輸出、驗證結果做的系統性審查,主要確保產品的技術路線合規、性能達標、可製造性可控,避免因技術問題導致開發返工、成本超支或上市延期。 一、TR評審在IPD中有什麼作用? 在IPD中,TR評審貫穿產品開發的

integrated_product_development 頭像

@integrated_product_development

昵稱 IPD產品研發管理

@beishangdejianjidan_cqxuxf

進入外包,我犯了所有程序員都會犯的錯!

上岸折戟塵沙 本人男,安徽馬鞍山人士,21年畢業於江蘇某末流211,在校期間轉碼。 上網課期間就嚮往大城市,於是畢業後去了深圳,找到了一家中等IT公司(人數500+)搬磚,住着寶安城中村,來往繁華南山區。 待了三年多,自知買房變深户無望,沒有歸屬感,感覺自己也沒那麼熱愛技術,於是乎想回老家考公務員,希望待在宇宙的盡頭。 24年末,匆忙備考,平時工作忙裏偷

beishangdejianjidan_cqxuxf 頭像

@beishangdejianjidan_cqxuxf

昵稱 悲傷的煎雞蛋_cQXuXF

@jizaodebangbangtang

文心快碼3.5S實測插件開發,Architect模式令人驚豔

作者簡介:服務端工程師、多平台技術博主,做AI IDE調研時接觸到Comate,並進行了深度體驗。 2025年9月Wavesummit開發者大會上,百度文心快碼全新升級為 3.5S(Super Synergistic AgentS) 版本,帶來了一個叫“多智能體自協同引擎”的新機制。也就是説,智能體之間不再是你發一個任務就它硬幹,而是能自主協作、分工合作,共同完成複雜任務。這是為了滿足開發者的三大

jizaodebangbangtang 頭像

@jizaodebangbangtang

昵稱 文心快碼

@fannaodeshafa

7個沒聽過但絕對好用的工具

分享7個我最近關注或在用的工具。後端開發總是有幹不完的活,數據庫、業務邏輯、API安全、雲部署,事情一多就容易手忙腳亂。在這種時候,好用的工具能讓我事半功倍。 Prisma - 讓數據庫操作不再裸奔 在 Node.js 和 TypeScript 項目裏,只要涉及 SQL 數據庫,Prisma 基本是首選。它是一個 ORM,但手感很輕,沒有傳統 ORM 的笨重感。 只需要定義好數據庫的 Schema

fannaodeshafa 頭像

@fannaodeshafa

昵稱 煩惱的沙發

@beishangdejianjidan_cqxuxf

“全棧”正在淘汰“前端”嗎?一個前端人的焦慮與思考

最近在幫團隊招人,看了一圈市場上的招聘要求(JD),心裏有點五味雜陳。 隨便打開幾個“前端工程師”的JD,上面寫着:精通React/Vue,這很正常;熟悉Next.js或Nuxt,這是加分項;有Serverless/Vercel/Netlify經驗,瞭解Prisma或GraphQL,熟悉數據庫操作者優先... 比如下面這個更離譜😮: 我恍惚間覺得,這招的到底是個前端,還是一個“全乾工程師”?

beishangdejianjidan_cqxuxf 頭像

@beishangdejianjidan_cqxuxf

昵稱 悲傷的煎雞蛋_cQXuXF

@tuzixiansen_63d4d65909d62

《vue.js設計與實現》——調度執行

調度性的定義:當我們執行trigger動作觸發副作用函數重新執行時,有能力決定副作用函數的時機、次數以及方式 控制執行時機 先來看看如何決定副作用函數的執行方式 const data = { foo: 1 } const obj = new Proxy(data, {}); // 為了演示,省略代理配置 effect(() = { console.log(obj.foo); }) obj.

tuzixiansen_63d4d65909d62 頭像

@tuzixiansen_63d4d65909d62

昵稱 兔子先森

@tuzixiansen_63d4d65909d62

《vue.js設計與實現》——計算屬性computed與lazy

在深入瞭解計算屬性之前,我們需要先知道懶執行的effect,也就是lazy的effect 我們現在實現的effect函數會立即執行傳遞給它的副作用函數,例如: effect( // 這個函數會立即執行 () = { console.log('執行了'); } ) 但有的時候我們不需要他立即執行,而是在需要的時候才執行,這個特性就跟計算屬性很像 我們可以在option

tuzixiansen_63d4d65909d62 頭像

@tuzixiansen_63d4d65909d62

昵稱 兔子先森

@tuzixiansen_63d4d65909d62

《vue.js設計與實現》——watch的實現原理

簡易watch監聽 watch其實就是監聽給定的響應式數據變化,當數據變化時執行的回調函數 watch(obj, () = { console.log("數據變化了"); }) // 修改obj數據,watch自動觸發 obj.foo++ 實際上,watch就是利用了effect以及options.scheduler選項 effect( () = { console

tuzixiansen_63d4d65909d62 頭像

@tuzixiansen_63d4d65909d62

昵稱 兔子先森

@tuzixiansen_63d4d65909d62

《vue.js設計與實現》——立即執行的 watch 與回調執行時機

watch的本質其實是對effect的二次封裝 watch的兩個特性: 1、立即執行的回調函數 2、回調函數的執行時機 立即執行的回調函數 在vue.js中,watch通過immediate屬性來實現立即執行,如下 watch(obj, () = { console.log('變化'); }, { immediate: true }) 當immediate存在並且為tr

tuzixiansen_63d4d65909d62 頭像

@tuzixiansen_63d4d65909d62

昵稱 兔子先森

@tuzixiansen_63d4d65909d62

《vue.js設計與實現》——過期的副作用

我們平時可能不太關注"競態"的問題,但是你在日常的工作中可能或多少遇到過"競態" let finalData; watch(obj, async () = { // 發送一個請求 let res = await fetch('/api/request'); // 將數據保存到finalData finalData = res; }) 這段代碼看起來沒問題,實際上會發

tuzixiansen_63d4d65909d62 頭像

@tuzixiansen_63d4d65909d62

昵稱 兔子先森

@bukenengdeshi

深度解析:Sass-loader Legacy API 警告的前世今生與完美解決方案

📖 文章概述 當你在前端項目中看到 Deprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0 這個警告時,是否感到困惑?本文將帶你深入探索這個警告背後的技術原理,從源碼層面分析調用鏈路,對比不同版本的功能差異,並提供多種實用的解決方案。 你

bukenengdeshi 頭像

@bukenengdeshi

昵稱 不可能的是

@linyuyizhizou_678b9fdc436f1

Flex 佈局實戰指南:從踩坑到精通,解決 90% 佈局難題

前言:你是否也被這些 Flex 問題折磨過? “為什麼我用justify-content: center卻無法垂直居中?” “align-items和align-content到底什麼時候生效?” “設置了width: 200px,加了flex:1後怎麼沒用了?” 作為前端開發最常用的佈局方案,Flex(彈性佈局)以 “靈活” 著稱,但這份靈活也讓很多開發者陷入 “混亂”—— 核心原因是沒吃透 “

linyuyizhizou_678b9fdc436f1 頭像

@linyuyizhizou_678b9fdc436f1

昵稱 小帆聊前端

@linyuyizhizou_678b9fdc436f1

CSS BFC 深度解讀:從原理到實戰,解決 90% 佈局難題

CSS BFC 深度解讀:從原理到實戰,解決 90% 佈局難題 前言:被 “玄學佈局” 折磨的日常 “為什麼兩個相鄰 div 的 margin 疊成一個了?” “浮動元素怎麼把父容器‘撐破’了?” “文字怎麼總繞着浮動圖片跑,我想讓它老老實實換行!” “子元素用了絕對定位,怎麼就超出父容器範圍了?” 如果你在前端開發中遇到過這些問題,説明你還沒真正掌握 BFC—— 這個 CSS 中 “看不見卻很重

linyuyizhizou_678b9fdc436f1 頭像

@linyuyizhizou_678b9fdc436f1

昵稱 小帆聊前端

@linyuyizhizou_678b9fdc436f1

CSS 選擇器全解析:從基礎語法到組件庫樣式修改,解決前端樣式定位難題

前言:被 CSS 選擇器 “卡殼” 的日常 “寫了.btn-active樣式,為什麼按鈕沒反應?” “#nav .list li和.nav-list li到底誰能生效?” “想改組件庫的輸入框樣式,加了類卻被覆蓋?” “用[class=btn]匹配按鈕,多了個類名就失效了?” CSS 選擇器是前端樣式的 “定位工具”,但很多開發者停留在 “會用類和 ID” 的初級階段,面對動態元素、組件庫樣式修改

linyuyizhizou_678b9fdc436f1 頭像

@linyuyizhizou_678b9fdc436f1

昵稱 小帆聊前端

@ponponon

minio 查看 bucket 數據一直顯示為 loading !!!!firefox 坑人?vpn 坑人!

問題描述:minio 查看 bucket 數據一直顯示為 loading? 最後調試發現,問題不在 minio,而是在 firefox 我一直在 mac 上使用 firefox 作為默認的瀏覽器 但是我換了 chrome 之後,minio 轉圈圈的問題就不存在了 但是我用安卓手機和安卓平板的 firefox 是可以正常訪問的!!!!linux 上的 firefox 也是可以的!!! 所以問題縮小到

ponponon 頭像

@ponponon

昵稱 universe_king

@yinzhixiaxue

CSS 真的會阻塞文檔解析嗎?從瀏覽器渲染原理深入探究一下

在網頁開發領域,一個常見的疑問是 CSS 是否會阻塞文檔解析。理解這一問題對於優化網頁性能、提升用户體驗至關重要。要深入解答這個問題,需要從瀏覽器渲染網頁的原理説起。 瀏覽器渲染網頁的基本流程 瀏覽器在接收到 HTML 文檔後,會依次進行以下幾個主要步驟: 解析 HTML:瀏覽器從網絡或本地獲取 HTML 文件,然後開始解析,將 HTML 代碼轉換為 DOM(Document Object M

yinzhixiaxue 頭像

@yinzhixiaxue

昵稱 銀之夏雪