tag 前端

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

@前端 / 博客 RSS 訂閱

編程夢想編織者 - faster whisper引擎下載

前言 在Flutter連續大版本的迭代下,發現2年前的項目bladeofgod/tank_combat (github.com)已經沒法跑了,為此進行了適配和代碼的重構。 相較於老項目,重構後的項目在代碼、設計以及註釋上更為規範、合理及詳盡,藉此,希望初學者能有所收穫。此外,由於是學習類demo,所以未經過審慎思考,如有設計不合理或不嚴謹的地

swift , Android , 人工智能 , flutter , 深度學習 , faster whisper引擎下載 , 前端

收藏 評論

Grewer - React 性能 debug 小記

前言 之前開發重構項目的時候,遇到了一些問題, 如 hooks 的性能問題和 quill 的重載問題。本文就是記錄這些問題的解決過程。 場景 在基於富文本的輸入場景中,我們發現在輸入回車後會出現明顯的卡頓現象。為了更好地展示此類場景,這裏使用了一個簡單的例子展示。 function App() { const [value, setValue] = useState(''); /

performance , react , 性能分析 , 前端 , Javascript

收藏 評論

前端子金 - h5 video踩坑記錄

筆者近來在用h5 的video來開發視頻,下面來聊一聊是怎麼一步一步填坑的。 一些在開發中的注意點,都在代碼裏的註釋進行描述 基本需求 禁止全屏 是否自動播放 播放器尺寸的設置 播放完畢時回到初始狀態 1. 禁止全屏 webkit-playsInline={true} // ios x5-playsInline ={true}// android playsInline ={tr

視頻 , h5播放器 , 兼容性 , 前端 , Javascript

收藏 評論

尹光耀 - underscore debounce函數分析

underscore debounce函數分析 標籤(空格分隔): underscore 本文是underscore源碼剖析系列第六篇文章,上節我們介紹了throttle節流函數的實現,這節將會介紹一下節流函數的兄弟 —— debounce防抖動函數。 throttle函數是在高頻率觸發的情況下,為了防止函數的頻繁調用,將其限制在一段時間內只會調用一次。而debounce函數則是在頻繁觸發

underscore , HTML , 前端 , Javascript

收藏 評論

健身的油條_ADoT6 - WebKit 的渲染引擎優化策略

簡介: WebKit 是一個開源的網頁瀏覽引擎,被廣泛應用於多種瀏覽器,包括 Safari 和許多移動設備瀏覽器。其高效的渲染性能和靈活的架構使得 WebKit 成為現代瀏覽器開發的重要組成部分。在這篇文章中,我們將深入探討 WebKit 在渲染引擎優化方面的策略,尤其關注其在提高頁面加載速度和渲染效率方面的技術實現。 正文: 什麼是 WebKit? WebKit 起源於 KHTML 和 KJS,

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

收藏 評論

千年單身的蘋果 - 開發者實測:深入對比 2026 AI 編程助手的上下文工程與落地能力

1.2026 年度綜合排行榜 基於技術性能、工程能力、生態適配三大核心指標的加權評估,以下是AI 編程工具的第一梯隊排名。 2.核心維度深度橫評 我們將競爭焦點拆解為三個技術維度,通過對比揭示各產品的底層邏輯差異。 維度一:智能體架構 ——是誰在寫代碼?是聊天機器人,還是獨立工程師? 百度文心快碼 (Comate):採用了 Multi-Agent(多智能體

教程 , 人工智能 , 程序員 , 後端 , 前端

收藏 評論

數據解碼者 - Vben Admin 自學記錄 —— Table組件的基本使用及練習(持續更新中...)_Morgan

1.表格列屬性 /** * 定義表格列的配置 * @param onActionClick 操作列點擊回調函數 * @param onStatusChange 狀態改變回調函數 * @returns 表格列配置數組 */ export function useColumns(): VxeTableGridOptions['col

數據 , 字段名 , 前端開發 , HTML , 前端 , Javascript

收藏 評論

洛陽醉長安行 - 移動端MUI重寫alert優化提示框樣式及頁面加載動畫

問題場景1: 在移動端h5的開發中,因為前期開發使用了是原生的alert來提示,會有在不同機型樣式不統一,還會出現在彈窗標題出現網址的問題,顯示非常不友好,在mui項目中可以直接使用mui的alert組件實現消息提示來解決這個問題。但是因為長期下來alert的地方太多,改動量大,有沒有什麼一勞永逸的辦法。 解決方法: 直接重寫瀏覽器window下的alert函數 window.alert = fu

移動端 , mui , 前端

收藏 評論

Kagol - TinyEditor v4.0 alpha 版本發佈:表格更強大,表情更豐富,上傳體驗超乎想象!

你好,我是 Kagol,個人公眾號:前端開源星球。 TinyEditor 是一個基於 Quill 2.0 的富文本編輯器,在 Quill 基礎上擴展了豐富的模塊和格式,框架無關、功能強大、開箱即用。 源碼:https://github.com/opentiny/tiny-editor/ 官網:https://opentiny.github.io/tiny-editor/ 對於富文本編輯器來

富文本編輯器 , 開源 , 前端

收藏 評論

公子 - 基於 Serverless 的 Valine 可能並沒有那麼香

Valine 是一款樣式精美,部署簡單的評論系統, 第一次接觸便被它精美的樣式,無服務端的特性給吸引了。它最大的特色是基於 LeanCloud 直接在前端進行數據庫操作而無需服務端,極大的縮減了部署流程,僅需要在靜態頁引入 Valine SDK 即可。 👨‍💻‍ 初識 Valine 以下是 Valine 官網提供的快速部署腳本,其中 appId 和 appKey 是你在 LeanCloud

leancloud , serverless , 前端

收藏 評論

北冥有鍋 - 解決Vuex刷新重置,關閉窗口重置

Vuex結合sessionStorage存儲公用的用户信息 前言 在一個系統中,我們經常會用到用户的用户名、用户手機號、用户ID等信息,可以將它們用於展示在系統中或者根據ID獲取權限之類。 因為各個頁面都需要這些公用信息,當然是存儲在store的狀態字中,登錄之後就請求遠程數據,賦值啦。 但是由於Vue是響應式的,我們存儲在store中的狀態字一旦刷新或者關閉窗口,網頁都會初始化,重置,所以得想個

sessionstorage , vuex , 前端 , Javascript

收藏 評論

frontoldman - nodejs之http-proxy幾點常見問題

http-proxy http-proxy是一個nodejs的http代理庫,已經被webpack-dev-server集成進來,做代理使用。原因是在前後端分離大行其道的今天,我們如果需要在本地調後端api接口,不配置hostname的話,必然是一個跨域的請求。因為瀏覽器的跨域安全限制,調取是不通的,所以本地代理就成了一個本地開發環境的必選項。 '/saasapi/*': { target

node.js , httproxy , webpack , 前端 , Javascript

收藏 評論

2dian718 - Rails Livereload 搭建

原因是這樣,有一個新的項目,前端想要加入livereload,但沒搭建成功。另一後端又沒搭過,覺得他搭的話,會花費一些時間,索性我我就把它搭了起來。 livereload這種雖然搭建起來沒什麼難度,但要重頭做要看很多東西,比較浪費時間,所以寫了這個類似教程的東西,以便節省時間。 簡介 livereload配合guard,可以達到改動html,assets文件時,刷新頁面的效果(如果改動的是css,

ruby-on-rails , 教程 , 前端工具 , livereload , 前端

收藏 評論

flydean - flutter系列之:做一個下載按鈕的動畫

簡介 我們在app的開發過程中經常會用到一些表示進度類的動畫效果,比如一個下載按鈕,我們希望按鈕能夠動態顯示下載的進度,這樣可以給用户一些直觀的印象,那麼在flutter中一個下載按鈕的動畫應該如何製作呢? 一起來看看吧。 定義下載的狀態 我們在真正開發下載按鈕之前,首先定義幾個下載的狀態,因為不同的下載狀態導致的按鈕展示樣子也是不一樣的,我們用下面的一個枚舉類來設置按鈕的下載狀態: enum D

大前端 , 下載 , button , flutter , 前端

收藏 評論

京東雲開發者 - 一次JSF上線問題引發的MsgPack深入理解,保證對你有收穫

作者: 京東零售 肖夢圓 前序 某一日晚上上線,測試同學在迴歸項目黃金流程時,有一個工單項目接口報JSF序列化錯誤,馬上升級對應的client包版本,編譯部署後錯誤消失。  線上問題是解決了,但是作為程序員要了解問題發生的原因和本質。但這都是為什麼呢?  第一個問題:為什麼測試的時候沒有發現問題呢? 首先預發環境中,所有項目中的JSF別名和client包都是beta,每天都有項目進行編譯部署,

框架 , 二進制 , 測試 , msgpack , 前端

收藏 評論

尹光耀 - underscore源碼分析之基礎方法

underscore源碼分析之基礎方法 本文是underscore源碼剖析系列的第二篇,主要介紹underscore中一些基礎方法的實現。 mixin 在上篇文章underscore整體架構分析中,我們講過_上面的方法有兩種掛載方式,一個是掛載到_構造函數上以_.map(arr)的形式直接調用(在後文上統稱構造函數調用),另一種則是掛到_.prototype上以_(arr).map()的形式被實

underscore , 前端 , Javascript

收藏 評論

陳德立 - 前端開發標準規範和一些關於規範的思考

在生命的低潮期,我增加了思考人生的次數。 前言: 最近在觀看胖東來的創始人於東來先生的一些直播切片,使我感悟良多,同時他的觀點,他的人生態度快速地將我從低落的情緒的沼澤中拉出來。對於他的觀點,我大部分是認同的,欣賞的,稱讚的,少部分不認同。對於他闊達,樂觀,自信,自愛的人生態度;有成人之美的心;尋找自己的長處,量力而行,循序漸進的做事風格,這些點我是很欣賞,覺得他的高度是比我高,也使我有種我也要這

規範化 , eslint , typescript , 前端

收藏 評論

騰訊位置服務 - 使用騰訊位置服務API如何實現打卡功能?

一、什麼是騰訊位置服務 騰訊位置服務提供了定位,地圖,地點抖索,導航等各種各樣的服務。並且提供了各行各業相關行業解決方案,騰訊位置服務在多平台為開發者提供了豐富的地圖展現形式,幫助從屬於不同領域的開發人員輕鬆完成構建地圖並在其基礎上打造專屬內容的工作。同時配合海量數據、個性化定製、可視化等能力滿足各個行業場景下對地圖的需求。 二、 如何使用騰訊位置服務API阿 **a. 註冊成為開發者 b.

lbs , 地圖api , 前端

收藏 評論

蘭俊秋雨 - Charles註冊

註冊碼 Registered Name:https://zhile.io License Key: 48891cf209c6d32bf4 操作 打開Charles找到help選項-》點擊register Charles選項 彈出如下輸入框 輸入對應的name和key點擊註冊即可 重啓查看已完成註冊

charles , 前端

收藏 評論

小謳 - 解決 mpvue 經典 bug:同路由切換時,上次的數據會保留

關注前端小謳,閲讀更多原創技術文章 由於一直在用vue技術棧,因此初次開發小程序嘗試使用【mpvue】。儘管聽聞框架已停止維護,為了上手迅速,不顧可能存在的眾多bug,毅然用起來。 果不其然,一個大bug出現了:同一路由切換時,上一次的頁面數據會保留 項目實戰bug:mpvue重構cnode社區 github用户已在mpvue的issues給出相關原因: 參考眾多答案後,用“

vue.js , 小程序 , mpvue , 前端 , Javascript

收藏 評論

juan26 - 從前端小白到中高級前端需要掌握的技能總結(1)

這篇文章是因為之前看過一篇文章,總結了一些技能,但是並不詳細,之後陸續還會有新的文章。 事件模型 js中有兩種事件,DOM0和DOM2. DOM0 DOM0事件很簡單,就是在dom上綁定事件,代碼如下 document.getElementById('click').onclick = function(){ console.log('123') } 解除綁定很簡單,賦值為nu

技能樹 , 小白 , 進階 , 前端

收藏 評論

旅途中的圍巾_d7edGc - 怎麼製作郵件營銷模板?(郵件格式注意事項)

做EDM郵件營銷,需要有好的郵件羣發工具,還要有好的內容,那麼如何製作好郵件營銷的模板呢? 現在U-Mail郵件羣發平台根據已有的一些經驗來分享給大家,主要是從格式編碼、文字、圖片及鏈接四個方面給出一些建議,本文主要是講郵件編碼格式要注意的問題: 1、頁面寬度請設定在600px到800px(像素)以內,(太寬了有些電腦無法一屏展現)長度1024px以內 2、Html編碼請使用使用

Css , HTML , 前端

收藏 評論

嘉豪 - 關於vux組件range一些坑

最近在維護基於vux UI的移動項目中使用vux的range組件發現兩個坑。在網上搜不到解決辦法(可能使用人員比較少)的情況下研究這個組件源碼解決我所遇到的兩個問題。 問題一: 直接引用range組件出現原點拖動不了的情況。 解決方案: 1、在range組件的外層加v-if。(重點説這個) 2、查看元素層級關係 問題二: 修改綁定在range組件的V-model的data數字會出

vue.js , vux , 前端 , Javascript

收藏 評論

伊伊DK - 遊戲陪玩系統Uni+Php多端小程序源碼搭建:微信 / H5/App 三端兼容方案

一、技術棧選型:Uni+Php 跨端組合優勢 前端核心(多端統一渲染) 跨端框架:Uni-app(一次編碼覆蓋微信小程序、H5、App iOS/Android,原生渲染 + webview 混合適配,兼顧性能與開發效率) UI 組件庫:uView UI 3.x(Php 後端適配友好,支持多端樣式統一、按需引入,降低界面兼容成本) 狀態管理:Pinia(輕量高效,與

php , 後端 , 前端

收藏 評論