tag 前端

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

@前端 / 博客 RSS 訂閱

kingshuaishuai 頭像

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

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

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

收藏 評論

laughingzhu 頭像

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

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

astro , blog , 前端

收藏 評論

sysu_xuejia 頭像

陳學家_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 頭像

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

收藏 評論

huaweiclouddeveloper 頭像

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

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

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

收藏 評論

sctec 頭像

樑柱 - 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 , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

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

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

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

收藏 評論

dewujishu 頭像

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

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

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

收藏 評論

chiqingdechouti 頭像

codigger - 編程語言的“奇點”融合（上）：鳳凰涅槃與彩虹之橋

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

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

收藏 評論

u_16099248 頭像

mob6454cc6d3e23 - 前端性能優化系列 | 加載優化（下）

目錄 前端資源加載順序優化：提升頁面性能的關鍵策略 引言 為什麼資源加載順序影響性能 核心優化策略 1. 合理使用async和defer屬性 2. 預加載關鍵資源 3. 資源分組與懶加載 實際優化案例 性能驗證與工具 實

加載 , 後端開發 , 加載順序 , HTML , 前端 , Python

收藏 評論

bytedance_client_infra 頭像

字節跳動終端技術 - PC GWP-ASan方案原理 | 堆破壞問題排查實踐

背景 眾所周知，堆crash dump是最難分析的dump類型之一。此類crash最大的問題在於，造成錯誤的代碼無法在發生堆破壞時被發現。線上採集到的minidump，僅能提供十分有限的信息。當調試工具報告了堆破壞、堆內存訪問違例後，即便是有經驗的開發人員也會覺得頭疼。 剪映專業版及其依賴的音視頻編輯SDK、特效模塊均採用MD的方式鏈接標準庫，這意味着任何一個模塊出現了堆損壞都會互相影響。從cra

pc端 , 原理 , 前端

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：1. 揭開整個架構的入口 CLI => taro init 初始化項目的秘密

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。我傾力持續組織了 3 年多每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-07-17），taro 正式版是 3.6.34，Taro 4

react , node.js , taro , 前端 , Javascript

收藏 評論

potato1314 頭像

potato1314 - antv/g2 Tooltip自定義排序,隱藏x、y軸的標題

版本號 "@antv/g2": "^5.1.20", HTML代碼 div id="profitChart" class="profitChart"/div Css代碼 .profitChart { height: 500px; } JS代碼 import { Chart } from '@antv/g2'; // console.log(data); let

圖表 , antv , 前端

收藏 評論

wjchumble 頭像

五柳 - 跨端開發的最佳實踐——Chameleon（變色龍 ）

前言 近期，在公司落地了一個社區內比較 新（踩）的（坑） 跨端框架 Chameleon，當時的需求是先實現快應用端，之後需要支持 H5、微信小程序、字節小程序等。由於公司用的技術棧是以 Vue.js 為主，在做了一番技術選型後，最終選擇了 Chameleon（開始瘋狂踩坑 😳） 這個時候，可能會有人問：為什麼不選 uniapp？這麼説吧，uniapp - 快應用就不是一個坑了，是個炸彈 💣。後

chameleon , uni-app , mpvue , 跨平台開發 , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端兼容阿拉伯頁面佈局RTL

在做國際化項目中可能會碰到阿拉伯語，阿拉伯語的文字排列方式是從右向左的，所以我們要將整體的佈局做調整。 很多css樣式都要調整，比如：margin-right、text-align、right、padding-right等帶方向的，以及 文字的默認排列方式。 方法一：direction調整文字排列方向 css中有一個很有用的屬性：direction direction CSS 屬

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

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：7. Taro.request 請求和響應攔截器是如何實現的

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-09-18），taro 4.0 正式版

react , 小程序 , taro , 前端 , Javascript

收藏 評論

zhizhe_5c6eb6478bd93 頭像

執鳶者 - 前端百題斬【014】——js中的這些“this”指向都值得了解

寫該系列文章的初衷是“讓每位前端工程師掌握高頻知識點，為工作助力”。這是前端百題斬的第14斬，希望朋友們關注公眾號“執鳶者”，用知識武裝自己的頭腦。 14.1 簡介 this是javascript中的一個關鍵字，其使用方法類似於一個變量，是執行上下文中一個重要組成部分。其作用是可以在函數體內部獲取當前的運行環境。 14.2 指向 每個函數的this是在調用的時候基於函數的執行環境綁定的，this

面試 , this的用法 , 前端

收藏 評論

junxiudetuoba 頭像

伊伊DK - 同城陪玩小程序搭建指南：UniApp+PHP 源碼適配 + 定位功能實現

相比普通陪玩平台，同城陪玩小程序的核心優勢在於 “地域聚焦”—— 用户可快速找到身邊的陪玩師（如同城遊戲開黑、線下桌遊、運動陪伴、技能教學等場景），解決 “跨城溝通不便”“線下約見難匹配” 的痛點；對創業者而言，同城模式獲客成本更低（可深耕本地社羣、線下推廣），用户粘性更強，盈利轉化更高效。 而選擇 UniApp+PHP 技術棧搭建，既能借助 UniApp 跨端優勢（一套源碼覆蓋微信小程序

php , 後端 , 前端

收藏 評論

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 3.4 掌控 redux 異步

書籍完整目錄 3.4 redux 異步 在大多數的前端業務場景中，需要和後端產生異步交互，在本節中，將詳細講解 redux 中的異步方案以及一些異步第三方組件，內容有： redux 異步流 redux-thunk redux-promise redux-saga 3.4.1 redux 異步流 前面講的 redux 中的數據流都是同步的，

react , redux , leanreact , 前端 , Javascript

收藏 評論

kasong 頭像

卡頌 - useState與useReducer性能居然有區別？

大家好，我卡頌。 稍微深入瞭解過useState的同學都知道 —— useState其實是預置了reducer的useReducer。具體來講，他預置的reducer實現如下： function basicStateReducer(state, action) { // $FlowFixMe: Flow doesn't like mixed types return typeof acti

react , hooks , 前端 , Javascript

收藏 評論

renxingdeniuroumian 頭像

東奔西走的小喇叭 - 當你為C羅的進球歡呼時，一場“代碼暗戰”早已悄然結束

當你在為C羅的進球歡呼， 為庫裏的三分驚歎， 一場由無數代碼與數字驅動的“暗戰”， 早已在賽場之外悄然決出勝負。 你有沒有想過這些問題： 為什麼現在足球解説頻頻提到 “預期進球（xG）”、“壓迫指數”？ 為什麼籃球教練在關鍵時刻做決策，越來越依賴一塊佈滿熱力圖和平板數據？ 為什麼你的主隊控球率佔優，卻依然輸掉比賽？ 答案，就藏在數據裏。 今天，我們不聊枯燥的技術參數， 而是

HTML , 前端

收藏 評論

dxgl 頭像

wlove - 2023 end. 2024 start------------>

～ 隨着清晨的一縷陽光悄然來襲，我懷着一顆激動的心 (有可能跟我喝咖啡太多的原因) ，想與你們分享我一年的所見所聞。 (發出來應該是下午了。) 在這篇年終總結中，我將分享在技術舞台上的點滴收穫，通過回顧我的不容易/陽光來探尋成長的足跡，也為未來的征程描繪藍圖。願我的分享如一灣清泉，在你心中激起漣漪，喚醒你內心對未來的熱愛與探索。 希望你們會喜歡這份總結，也期待在評論區聽到你們的看法和交流。

node.js , c++ , 程序員 , 總結 , 前端

收藏 評論

kestrel_task 頭像

微芒不朽 - Vue 3 動畫效果實現：Transition和TransitionGroup詳解

前言 在現代Web應用中，流暢的動畫效果不僅能提升用户體驗，還能有效傳達界面狀態變化的信息。Vue 3 提供了強大的過渡和動畫系統，通過 transition 和 transition-group 組件，開發者可以輕鬆地為元素的進入、離開和列表變化添加動畫效果。本文將深入探討這兩個組件的使用方法和高級技巧。 Transition 組件基礎 基本用法 transition 組件用於包裝單個元素或組件

vue.js , 前端 , Javascript

收藏 評論

waker_59bde55a019d9 頭像

waker - css animation配合SVG製作能量流動效果

最終效果如下: 動畫分成兩步 制定運行軌跡 創建DOM並按照軌跡動畫 制定運行軌跡 我們先要畫一條底部的淡藍色半透明路勁做為能量流動的管道 這裏用SVG的path去做(其實這裏可以直接用背景圖), 代碼如下: !-- 代碼是用react寫的, 刪除了遍歷以及部分代碼 -- svg !-- 工具描述提示符,被用在fill裏做過濾等操作,這裏是小球底部的發光 -- de

css3 , svg動畫 , 前端

收藏 評論