tag 前端

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

@前端 / 博客 RSS 訂閱

咆哮的凳子 - 分析 WebKit:跨平台的網頁引擎及其挑戰

WebKit 是一個開源的網頁瀏覽引擎,廣泛應用於許多現代瀏覽器中,尤其是蘋果的 Safari 瀏覽器。它支持 HTML、CSS、JavaScript 等網頁標準,並使瀏覽器能夠將網頁內容正確地渲染出來。然而,儘管 WebKit 在性能和兼容性方面有着顯著的優勢,但它仍面臨着一些專業性的問題,特別是在渲染性能優化和跨平台兼容性方面。本文將深入探討 WebKit 在這兩個領域的挑戰及其解決方案。 1

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

收藏 評論

悲傷的煎雞蛋_cQXuXF - 資深前端工程師| 升職加薪這件事,我困頓了2年

我大概是在工作的第五年,晉升到了高級前端工程師。那時候我挺自豪的,覺得自己技術不錯,能獨立負責複雜的業務,也能搞定線上疑難雜症,再往上走,應該也只是時間問題。 但沒想到,高級這個title,我一掛就是三年多。 其中有整整兩年,我感覺自己撞到了一堵看不見的牆。我明明是團隊裏解決技術難題最多的人,寫的代碼質量也公認是最好的,但每次晉升季,我和老闆聊,得到的反饋總是有點虛: “要多思考業務價值。” “要

程序員 , 前端

收藏 評論

冴羽 - 冴羽答讀者問:悄悄過來蹭個回答

前言 最近我發起了「冴羽答讀者問」活動,如果你也有想要提問的問題,歡迎留言,我會按照順序依此回答。 正文 這個問題我們就聊聊“如何提問”好了。 回答這個問題,自我感覺有些班門弄斧,因為我並不是一個擅長提問的人,所以我就從日常的工作生活中,分享一點自己的看法好了。 提問的場景有很多,先説工作中。 我們的老闆常會告訴我們一件事情,簡略的描述後就讓我們去做,我們可能因為各種原因沒有細問就直接去做了,最後

程序人生 , 程序員 , 總結 , 後端 , 前端

收藏 評論

16213681 - 前端學習筆記:let、const、var的區別

在 JavaScript 中,var、let 和 const 都可以用來聲明變量,但它們在作用域、提升行為和可變性等方面存在顯著差異。 一、var 在ES6之前,var是我們聲明變量的唯一選擇 1.1 作用域 函數作用域:使用var聲明的變量,其作用域是其所在的函數。如果在函數外聲明,則是全局作

作用域 , 大數據 , 初始化 , 賦值 , hadoop , 前端

收藏 評論

南玖 - 開發自定義Taro插件解決跨平台難題

前言 在Taro項目開發中,難免會遇到需要混合編譯的場景,一般來講Taro可以使用原生模塊、原生項目也可以使用Taro的模塊內容。官方也確實説了Taro 支持使用小程序原生的頁面、組件和插件。 比如Taro使用原生頁面,我們只需要在app.config.ts文件中加上原生頁面的路由,然後項目中就可以直接以小程序原生的開發模式開發該頁面。 使用原生頁面(weapp) 這種模式對於微信小程序確實是可以

小程序 , webpack , taro , 前端

收藏 評論

悲傷的煎雞蛋_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

收藏 評論

不開心的風衣 - 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 , 前端

收藏 評論