tag 前端

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

@前端 / 博客 RSS 訂閱

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

收藏 評論

u_16213585 頭像

mob64ca13f8b166 - 直接在前端做 zip 壓縮/解壓

excel格式： !DOCTYPE html html lang="zh-CN" head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" titleExcel數據文件下載工具/title

文件名 , 數據 , excel , 前端開發 , 前端 , Javascript

收藏 評論

u_16213629 頭像

mob64ca1403528a - Javascript數組實用技巧（一） - 個人文章

JavaScript 數組方法完全指南 前言 數組是 JavaScript 中最常用的數據結構之一，它提供了豐富的內置方法來處理數據。掌握這些方法不僅能提高開發效率，還能讓代碼更加簡潔優雅。本文將全面介紹 JavaScript 數組的各種方法，幫助你從入門到精通。 目錄 數組基礎 創建數組 數組方法分類

數組 , 字符串 , 扁平化 , 前端開發 , 前端 , Javascript

收藏 評論

cryptorzz 頭像

CryptoRzz - KlineCharts對接股票k線數據 股票數據源API

使用 KlineCharts 對接 StockTV 印度股票 K 線數據的完整實施方案。 核心步驟 獲取股票 PID：首先需要通過“市場列表”接口找到具體印度股票的 ID (pid)。 請求 K 線數據：使用 /stock/kline 接口獲取歷史數據。 數據清洗：將 StockTV 的返回格式轉換為 KlineCharts 要求的格式。 渲染圖表：初始化 KlineCharts

資訊 , 教程 , 前端 , Javascript

收藏 評論

u_15295225 頭像

搖滾俠 - Vue 項目實戰《尚醫通》，預約掛號就診人組件搭建上，筆記40

Vue 項目實戰《尚醫通》，預約掛號就診人組件搭建上，筆記40 一、參考資料 預約掛號就診人組件搭建上 🔗 二、筆記總結

vue.js , redis , Vue , 數據庫 , 筆記 , 前端 , Javascript

收藏 評論

nanke_6944ddd8297d4 頭像

南柯 - SSL證書：互聯網安全的基石

一、什麼是SSL證書？ SSL證書（安全套接層證書）是一種數字證書，它通過在客户端（如瀏覽器）和服務器之間建立加密鏈接，確保數據傳輸的安全。SSL技術現已發展為更先進的TLS（傳輸層安全）協議，但“SSL證書”這一名稱仍被廣泛使用。 二、核心作用：三大安全功能 1. 數據加密保護 作用：對客户端和服務器之間傳輸的所有信息進行高強度加密 效果：即使數據被截獲，攻擊者也無法讀取內容 類比：如同將

後端 , 前端

收藏 評論

yangrui6969 頭像

楊蕊*^_^* - 三次握手四次揮手的具體過程

在HTTP通信中，三次握手和四次揮手是TCP（傳輸控制協議）建立和斷開連接的過程。理解這些過程對於網絡協議知識非常有幫助。以下是詳細的解釋： 三次握手（Three-Way Handshake） 三次握手是TCP連接建立的過程，確保雙方都準備好進行數據傳輸。 第一次握手（SYN）： 客户端發送一個SYN（同步序列編號）報文段到服務器，表示客户端請求建立連接。 報

前端

收藏 評論