tag 前端

標籤
貢獻1,070
2726
06:37 AM · Oct 27 ,2025

@前端 / 博客 RSS 訂閱

林恆 - 普通Fetch和Fetch 流式的區別?

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 你想弄清楚 Fetch 流式的核心定義、工作原理和實際價值,簡單來説,Fetch 流式是 Fetch API 提供的「邊接收、邊處理」數據的能力,它讓前端不再需要等待服務端返回完整的響應數據,而是能逐塊讀取、處理數據,是前端處理大文件、實時數據的核心能力之一。 一、Fetch 流式的核心定義 Fetch 流式(

前端

收藏 評論

悲傷的煎雞蛋_cQXuXF - 為什麼説全棧正在殺死前端?

打開2025年的招聘軟件,十個資深前端崗位,有八個在JD(職位描述)裏寫着:“有Node.js/Serverless/全棧經驗者優先”。 全棧 👉 成了我們前端工程師內卷的一種方式。彷彿你一個幹前端的,要是不懂點BFF、不會配Nginx、不聊聊K8s,你都不好意思跟人説你是資深。 我們都在拼命地,去學Nest.js、學數據庫、學運維。我們看起來,變得越來越全能了。 但今天,我想潑一盆冷水🤔:

程序員 , 前端

收藏 評論

唐志遠 - 幾個非常實用的 Chrome Devtools 技巧

原文鏈接:[幾個非常實用的 Chrome Devtools 技巧](https://fe32.top/articles/skill001/ 關於 Chrome 瀏覽器,如果你是一名前端開發者,相信對此並不陌生,我們可以用它來查看 網絡請求、分析網頁性能、調試 JavaScript 功能 等。 除了這些,它還提供了很多強大但不常見的功能,可以大大提高我們的開發效率,這裏分享幾個實用的技巧(持續更新)

技巧 , chrome-devtools , 前端

收藏 評論

麒寧 - 一篇文章入門-微信小程序地圖開發

前言 最近接了個跟微信小程序地圖有關的開發任務,第一次在小程序上開發地圖,既興奮又忐忑。還好,雖然小程序地圖的 API 功能有些少,但是基本的需求都能覆蓋到。 在這裏,對微信小程序地圖開發的基本功能進行總結歸納。官方文檔對地圖屬性、方法的歸納比較到位,但缺乏示例代碼,第一次搞還是有點迷糊的。網上的文章又寫得七零八落,沒見到有人專門總結歸納。 本人使用 React + Taro 開發的微信小程序,因

地圖開發 , 小程序 , typescript , 前端 , Javascript

收藏 評論

vivo互聯網技術 - 數字人動畫雲端渲染方案

作者:vivo 互聯網前端團隊 - Su Ning 為解決擬我形象在多場景展示中依賴 3D 渲染導致的性能與接入問題,本文提出將形象預先導出為視頻或動圖資源。對比三種技術路徑後,最終選擇 Puppeteer + H5 渲染幀 + FFmpeg 合成視頻 的方案,實現了渲染效果一致、服務端批量處理和低接入成本,為擬我形象的規模化應用提供了高效可擴展的技術基礎。 1分鐘看圖掌握核心觀點_👇_

puppeteer , ffmpeg , 前端

收藏 評論

京東雲開發者 - 百億補貼通用H5導航欄方案 | 京東雲技術團隊

背景 在移動端頁面中,由於屏幕空間有限,導航條扮演着非常重要的角色,提供了快速導航到不同頁面或功能的方式。用户也通常會在導航條中尋找他們感興趣的內容,因此導航條的曝光率較高。在這樣的背景下,提供一個動態靈活的導航條,為產品賦能,變得尤其重要。 使用原生導航欄現狀 拿iOS原生導航條為例,導航條作為頁面進出棧的根視圖連接器,以及生命週期的管理器。尤其是在作為webView Controller的父容

導航欄 , 導航菜單 , h5頁面 , 前端 , html5

收藏 評論

哇喔WEB - TypeScript中你可能不知道的這些數據類型

類型 TypeScript的類型有很多,但是這裏不會逐一進行講解。下面列出來的幾種類型,有的你可能沒聽過、有的你可能沒用過、有的你可能用過但是不知道含義、有的你可能知道含義但是不能和其他類型區分··· Symbol ES6 引入了一種新的原始數據類型 Symbol ,表示獨一無二的值,它是 JavaScript 語言的第七種數據類型。 使用 Symbol() 函數我們可以申明一個 Symbol

數據類型 , typescript , 前端

收藏 評論

IT獨行俠 - vue1與vue2的路由 以及vue2項目大概瞭解

十三、idea 開發 vue idea 中安裝 Vue 插件 (2023 版本已經無需安裝,自帶就有) 然後使用 idea 打開之前創建的 vue 項目 啓動項目 方案 1: 點擊旁邊按鈕啓動 方案 2: 下方終端輸入命令 npm ru

vue.js , 數據 , Vue , Css , 前端開發 , HTML , 前端 , Javascript

收藏 評論

林恆 - 用這 9 個 API,我把頁面性能幹到了 90+

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 最近項目上線,用户一多,頁面就卡得不行。首屏加載 3 秒起,滾動掉幀,手機發燙……被 QA 喊去聊了好幾次。 沒辦法,只能低頭研究性能優化。翻了一圈文檔和實戰案例,發現現代瀏覽器其實給了我們很多“外掛”——那些你可能聽過但一直沒用起來的高級 API。 真正用上去之後,頁面流暢度提升非常明顯。今天就來分享我

前端

收藏 評論

不開心的風衣 - Flask核心技能:從零上手視圖函數

想快速上手Flask,卻被視圖函數繞暈了頭? 要知道,超過80%的Flask核心邏輯都編寫在視圖函數裏,掌握它,你就拿下了Flask開發的半壁江山! 本文為你清晰拆解Flask視圖函數的方方面面:從基本定義、請求數據獲取、響應返回到錯誤處理與狀態碼設置。你將學到如何讓視圖函數既健壯又好用,並附上一個可直接運行的完整示例。 🚀 目錄一覽- 視圖函數是什麼? 如何定義一個視圖函數? 如何處理請

前端

收藏 評論

中關村科金 - MobPush:Android SDK 集成指南

開發工具:Android Studio 集成方式:Gradle在線集成 安卓版本支持:minSdkVersion 19 集成準備 註冊賬號 使用PushSDK之前,需要先在MobTech官網註冊開發者賬號,並獲取MobTech提供的AppKey和AppSecret,詳情可以點擊查看註冊流程link MobPush後台配置 註冊MobTech賬號後,需要在MobTech後台進行相關

android-sdk , Android , android-studio , 程序員 , 前端

收藏 評論

jweboy - Map 與 Object 之相愛相殺

眾所周知 JavaScript 的 Object 和 Map 這兩種數據結構很相似, 但深究底層原理來看,這兩者本質上還是存在了不少差異,通過區別比較能幫助我們更好地理解它們的用處和使用場景。 鍵類型 Object Object 的鍵必須是 String 或 Symbol 類型,並默認調用 toString 方法將鍵轉化為 String 類型,因此可能會存在同名鍵覆蓋問題。 注:Arr

map , object , 前端 , Javascript

收藏 評論

kira - 前端開發團隊的工具鏈

彙集前端開發團隊中經常使用的好工具,分享給大家! 注:都是開源工具 sentry:推薦指數5顆星⭐️⭐️⭐️⭐️⭐️ 推薦理由:開源的代碼異常監控和上報平台,搭建安裝簡單,操作和使用都簡單,支持很多種開發語言的監控上報,提供了快速上手demo,bug異常無需用户主動上報反饋即可知曉,還提供豐富的用户操作信息,提供日常bug郵件通知,週報統計,支持source map 源碼解析,跟蹤非常方便,快速

前端工程化 , 開發工具 , 前端工具 , 前端 , Javascript

收藏 評論

mob64ca1402a190 - 深入理解npm run命令

1. 基本概念 npm run用於執行在package.json文件的scripts字段中定義的腳本命令。 { "name": "my-project", "version": "1.0.0", "scripts": { "start": "node server.js", "dev": "nodemon

環境變量 , node.js , 前端開發 , npm , 前端 , Json

收藏 評論

中關村科金 - MobTech秒驗,一鍵登錄快人一步!

你是不是也經常為幾十個APP的賬號和密碼抓狂,而且每個APP對賬號和密碼的格式要求都不一樣,下劃線、大小寫字母,還要加數字,真的很難記住。 記不住的時候就只能選擇短信驗證登錄,輸入手機號碼靜靜等待短信,這是現在大部分人選擇的登錄方式,不過有信號延後、渠道風險、木馬攔截等風險,而且更換手機號碼的話會很麻煩。 還有一個可供選擇的就是第三方賬號登錄,很多人應該喜歡用微信、QQ等社交賬號綁定登錄,這免去了

登錄 , 程序員 , 前端

收藏 評論

king帥帥 - 為了解決 AI 流式輸出的重複解析問題,我發佈了 incremark:普通情況下 AI 流式渲染也能提速 2-10 倍以上

我發佈了週末開發的 incremark,實際性能遠超預期——在 AI 流式場景中通常實現了 2-10 倍以上的速度提升,對於更長的文檔提升更大。雖然最初打算作為自己產品的內部工具,但我意識到開源可能是一個更好的方向。 解決的痛點問題 每次 AI 流式輸出新的文本塊時,傳統的 markdown 解析器都會從頭開始重新解析整個文檔——在已經渲染的內容上浪費 CPU 資源。Incremark 通過只解析

編輯器 , 人工智能 , typescript , 前端 , Javascript

收藏 評論

LaughingZhu - DevNow: 一個好的開源博客是什麼樣子的?

1. 前言 為什麼會想着來做這樣一個開源博客項目呢? 原因為總結了幾點: 作為程序員,怎麼能沒有自己的博客呢。 用來沉澱自己的一些學習內容和記錄一些技術文章。 促進自己持續輸出一些內容,來提高語言表達能力。 個人屬性吧,覺得有一個屬於自己的平台,那真是,泰褲辣。 其實陸陸續續寫過很多個blog,去年基於 Nextjs 重構了一次 blog,大概是長這樣,是參考一個博客的模版寫的,當時覺

astro , blog , 前端

收藏 評論

陳學家_6174 - 精益 React 學習指南 (Lean React)- 2.5 webpack 進階

書籍完整目錄 2.5 webpack 進階 配置分離 code splitting 異步加載 理解 webpack chunk webpack 調試 2.5.1 配置分離 在大型項目中,可能 webpack.config.js 會變得越來越臃腫,這個時候可以利用做 webpack-merge 插件。將配置定義在一個目錄下面的不同文件中,然

react , 前端工程化 , webpack , leanreact , 前端

收藏 評論

DiracKeeko - [axios] axios中get請求的發送

"Axios is a promise-based HTTP Client for node.js and the browser. It is isomorphic (= it can run in the browser and nodejs with the same codebase). On the server-side it uses the native node.js htt

Axios , httprequest , get , 前端

收藏 評論

華為雲開發者聯盟 - 一字一句的讓你徹底掌握JavaScript中的回調函數

摘要:本文將會解釋回調函數的概念,同時幫你區分兩種回調:同步和異步。 原文鏈接:https://segmentfault.com/a/1190000038869766 回調函數是每個前端程序員都應該知道的概念之一。回調可用於數組、計時器函數、promise、事件處理中。 本文將會解釋回調函數的概念,同時幫你區分兩種回調:同步和異步。 回調函數 首先寫一個向人打招呼的函數。 只需要創建一個接受 na

同步 , 回調函數 , 前端 , Javascript

收藏 評論

樑柱 - vue框架的使用

基於Vue的Ui框架---餓了麼公司基於vue開的的vue的Ui組件庫 Element Ui:基於vue pc端的Ui框架。 MintUi:基於vue 移動端的Ui框架。 mintUI的使用: 1.找官網 2.安裝 cnpm install mint-ui -S 3.引入mint Ui的css 和 插件 import Mint from 'mint-ui'; Vue.use(Mi

vue.js , mint-ui , element-ui , 前端

收藏 評論

兔子先森 - js精準的時間處理成範圍時間

例如:3小時,處理為 2~3.5小時 遇到範圍時間(2~3.5小時)則不處理,僅處理精準時間 並且可以多次處理,適用與流式對話以及普通文本處理 /** * 精準的時間處理成範圍時間,規則:下限 = 原數 - 1,上限 = 原數 + 0.5 * @param text 文本 * @returns 處理後的文本 */ export const processHoursText =

react , vue.js , HTML , 前端 , Javascript

收藏 評論

得物技術 - 秒開率破90%!交易後台渲染性能優化 | 得物技術

一、前言 一直以來,體驗都是得物技術部的關鍵詞之一,對於前端開發而言,提高用户體驗更是一項至關重要的工作。本文從本次交易後台性能優化實踐出發,同時介紹應用整體架構和設計,希望可以給參與網站性能建設的同學提供一定的學習和參考價值。 二、系統簡介 交易後台是現有交易流程主要系統,包含商品、出價、商家、訂單等二級業務域,其承載了交易的核心任務,在交易平台的整體架構中佔據着非常重要的地位。業務背景:整體日

性能優化 , 後台運行 , 前端框架 , 後台 , 前端

收藏 評論

codigger - 編程語言的“奇點”融合(上):鳳凰涅槃與彩虹之橋

系列導讀: 在上一階段的探索中,我們見證了從VimL到ObjectSense的工程化飛躍。而今天,講述的是更野心的技術藍圖——Polyglot Singularity(多語言奇點)。這不僅僅是一門語言,而是一個試圖融合多語言、跨平台、並讓人類與AI高度協同的“編程生態體系”。 本系列將分上下兩篇,解讀這個生態中的三大核心象徵:Phoenix(鳳凰)、Rainbow(彩虹)與 Feather(

編輯器 , 算法 , 自然語言處理 , 後端 , 前端

收藏 評論