tag 前端

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

@前端 / 博客 RSS 訂閱

jdcdevloper 頭像

京東雲開發者 - 一文了解電商大促系統的高可用保障思路 | 京東雲技術團隊

本文面向受眾可以是運營、可以是產品、也可以是研發、測試人員，作者希望通過如下思路（知歷史-清家底-明目標-定戰略-做戰術-促成長）幫助大家能夠了解電商大促系統的高可用保障，減少哪些高深莫測的黑話和高大尚的論調，而是希望有個體系化的知識讓讀者有所得。 一、【知歷史】電商大促的簡介 1.1、什麼是電商大促 電商大促是電商平台組織的一種大型銷售推廣活動，目的是通過提供各種優惠、折扣等方法，提高商品銷售額

電商 , 高可用 , 安全 , 後端 , 前端

收藏 評論

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - 深度解讀虛擬列表：從原理到實戰，解決長列表渲染性能難題

深度解讀虛擬列表：從原理到實戰，解決長列表渲染性能難題 前言：被長列表 “卡崩” 的前端日常 “萬級數據加載後，頁面滾動像幻燈片？” “列表項含圖片時，滾動到一半突然‘跳位’？” “DOM 數量破萬後，瀏覽器直接提示‘頁面無響應’？” 做前端開發的你，大概率遇到過這些場景。這不是代碼能力的問題 —— 瀏覽器的渲染瓶頸擺在那裏：每新增一個 DOM 元素，都會增加重排重繪的計算成本，當 D

前端 , Javascript

收藏 評論

ruochuan12 頭像

若川 - 學習 underscore 源碼整體架構，打造屬於自己的函數式編程類庫

前言 你好，我是若川。這是學習源碼整體架構系列第二篇。整體架構這詞語好像有點大，姑且就算是源碼整體結構吧，主要就是學習是代碼整體結構，不深究其他不是主線的具體函數的實現。文章學習的是打包整合後的代碼，不是實際倉庫中的拆分的代碼。 要是有人説到怎麼讀源碼，正在讀文章的你能推薦我的源碼系列文章，那真是太好了。 學習源碼整體架構系列文章如下： 1.學習 jQuery 源碼整體架構，打造屬於自

函數式編程 , 源碼分析 , underscore , 前端 , Javascript

收藏 評論

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - 點量雲流突破技術邊界，實現2D應用與3D內容的無縫雲渲染融合

隨着應用場景的不斷擴展，將傳統2D程序與沉浸式3D內容有機結合，已成為眾多行業的關鍵需求。例如，醫院普遍採用的電子病歷系統通常基於MFC、QT等傳統界面技術開發，而在調用PACS 3D AI仿真時，可自動啓動3D進程，實現立體化仿真展示。 另一個典型場景是物聯網數據的加載與展示。通常通過多個MFC程序完成數據準備，並在3D可視化場景中實時呈現傳感器數據。用户往往需要在2D界面與3D應用之間頻繁切

資訊 , 服務器 , 負載均衡 , 後端 , 前端

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 全面掌握 Jest：從零開始的測試指南（上篇）

隨着JavaScript在前後端開發中的廣泛應用，測試已成為保證代碼質量的關鍵環節。 為什麼需要單元測試 在我們的開發過程中，經常需要定義一些算法函數，例如將接口返回的數據轉換成UI組件所需的格式。為了校驗這些算法函數的健壯性，部分開發同學可能會手動定義幾個輸入樣本進行初步校驗，一旦校驗通過便不再深究。 然而，這樣的做法可能會帶來一些潛在的問題。首先，邊界值的情況往往容易被忽視，導致校驗不夠全面，

自動化測試 , jest , 前端 , Javascript

收藏 評論

user_ze46ouik 頭像

Sunshine_Lin - 看似簡單的題，席捲幾十個前端羣，王紅元老師都親自出面解答

前言 大家好，我是林三心，用最通俗易懂的話講最難的知識點是我的座右銘，基礎是進階的前提是我的初心。 首先説明這不是標題黨，是真的，這道題席捲了幾十個羣，能回答出來的人是微乎其微，最後連王紅元老師都親自出面解答了這道題。 題目 先來看看這道題長什麼樣吧 var x = 1; function f(x, y = function () { x = 3; console.log(x); }) {

ecmascript-6 , 作用域 , 面試 , 前端 , Javascript

收藏 評論

powerful_simon 頭像

小謳 - 《javascript高級程序設計》學習筆記 | 11.1.異步編程

關注前端小謳，閲讀更多原創技術文章 異步編程 ES6 新增了正式的Promise引用類型，支持更優雅地定義和組織異步邏輯 接下來的幾個版本，使用async和await關鍵字定義異步函數的機制 相關代碼 → 同步與異步 同步行為在內存中順序執行處理器指令 每條指令都在單個線程中按出現順序執行 每條指令執行後，都可以推斷出程序的狀態，並立即獲得存儲在系統本地（

settimeout , 異步編程 , 前端 , Javascript

收藏 評論

jueqiangdeqianbi 頭像

倔強的鉛筆 - 簡單易懂：快速搭建 Swagger Mock 服務器的實用指南

本文適合讀者 編程新手及中級者 對 API 基礎有所瞭解的人士 想快速通過 OpenAPI 嘗試 Mock 服務器的人 本文目的 指導讀者建立模擬服務器環境 探索 Swagger 的使用方法 學習如何使用 OpenAPI 編制特定的 API 設計 OpenAPI概述 官方文檔描述如下： OpenAPI規範（原稱Swagger規範）是一種用於REST API的API描述格式。

mock , 程序員 , swagger , 後端 , 前端

收藏 評論

u_16213707 頭像

mob64ca1415f0ab - 包管理工具那麼多，怎麼選？npm、yarn 和 pnpm 三者比較及使用詳解！_pnpm 版本

包管理器是現代 JavaScript 開發的地基。可當主角是npm、yarn、pnpm三強時，選擇就像站隊。三者我都用過——這篇就把它們的差異、取捨場景以及我的實際選擇講清楚，便於你按團隊與項目做決定。 1. 基礎對比：它們共同做的事 工具

node.js , 外包 , 包管理器 , 前端開發 , npm , 前端 , Javascript

收藏 評論

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的draggable-points.js依賴實現圖表的動態拖拽操作

highchart的draggable-points.js依賴實現圖表的動態拖拽操作 需求 實現一個曲線圖，能夠通過鼠標去拖拽點，來進行修改圖表 實現 例子基於vue來實現，如果是jq的按照官網的例子即可，配置列表鏈接.，例子 // 引入依賴 import Highcharts from 'highcharts/highcharts.js'; import dragg

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

收藏 評論

drem_meng 頭像

孟祥_成都 - 最好的組件庫教程又回來了，升級為 headless 組件庫！

前言 好久沒寫文章了。最近有朋友問我，為什麼之前的mx-design組件庫教程停更了？其實是因為我逐漸意識到，那種樣式內嵌的組件庫，無論在學習還是實際使用中，都有很大的侷限性。 做過稍微複雜定製需求的前端同學，應該都有類似的體會： 企業通常有自己獨特的 UI 規範，而傳統組件庫的樣式改造起來非常麻煩，有些深層樣式幾乎無法覆蓋。比如disabled狀態和readOnly狀態對應的樣式，往往與組件

react , 組件庫 , 前端

收藏 評論

mtsldxk 頭像

慢條斯理的小可 - 基於zepto的移動端上拉刷新小插件

上次開發筆記裏《基於zepto和WeUI的H5頁面開發筆記》提到上拉刷新功能，這是很基本很常用的功能，為了下次自己更便捷的使用，便簡單的封裝了一下 KScroll.js 簡單樣例 這裏先上一個基於zepto和WeUI的列表上拉刷新的例子： demo.html !DOCTYPE html html head meta charset="UTF-8" meta name="view

上拉加載 , zepto , 前端 , Javascript

收藏 評論

u_16213658 頭像

mob64ca140a59b0 - 前端開發必備技能知識筆記-nginx部署vue項目簡易教程

1. 項目打包 1.1 安裝依賴 在項目部署之前，確保開發環境中已安裝Node.js和npm，這是運行Vue項目的基礎。通過執行npm install命令，可以安裝項目所需的所有依賴。這一步是打包流程的前提，確保了後續編譯的順利進行。 根據npm的官方數據，npm install命令在安裝依賴時，會根據package.json文件中列出

vue.js , 服務器 , Vue , Nginx , 前端

收藏 評論

wuyagege 頭像

雲綺棠兮 - JS 對象如何實現深拷貝

如何實現一個對象的深拷貝？ 方法1：使用JSON (對象的序列化和反序列化) 需要注意的是：在引用數據類型中，地址是保存在棧區的，屬性值存放在堆區的，不同的地址指向的值是不一樣的，這裏是深拷貝的寫法，變量地址是互不影響的，所以是obj == obj1為false，而在淺拷貝中就是為true的，因為在賦值的同時obj會把地址一起賦值給obj1，使他們的地址指向堆區的同一個值 // 如何實現一個對

深拷貝 , lodash , 前端 , Javascript

收藏 評論

chiqingdechouti 頭像

codigger - 解構 Codigger：從內核到無限生態的“進化階梯”

在如今繁雜且同質化嚴重的開發工具市場中，Codigger 顯得與眾不同。它拒絕做一個簡單的單點工具，而是展現出了一個精心設計、層層遞進的“技術有機體”形態。透過其架構全景圖，我們看到的是一座嚴密的“進化階梯”，六大核心層級環環相扣，支撐起強大的系統能力。 基石：物理地基與生態血液（第一、二層） 一切的起點在於底層的 Mudem（基礎架構層），它像堅實的物理地基，為系統的跨平台運行提供了底層支撐

編輯器 , 程序員 , 後端 , 前端

收藏 評論

u_16213566 頭像

雲端小仙童 - java獲取當地天氣

　　一、案例 　　本次要做的案例的是使用jsonp製作一個查詢天氣情況的網頁，我會從如何抓取數據接口，到一步一步完成這個案例來詳細講解。 　　這個頁面樣式非常簡單，截圖如下。用户需要先選擇一個城市，然後點擊查看天氣，那麼最近5天的天氣數據，就會展示到下面。 　　 　　二、數據從何而來 　　

ViewUI , 後端開發 , JAVA , java獲取當地天氣 , 前端 , Javascript , Json

收藏 評論

kanjianliao 頭像

看見了 - IE11兼容

前言 由於經常需要跟IE11打交道（雖然文章發表時，IE11已經正式宣佈退役了），原因是安防監控視頻播放需要調用activeX控件。所以將自己的一些經驗總結下。 原則 漸進增強：針對低版本瀏覽器進行構建頁面，保證最基本的功能，然後再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用户體驗。 優雅降級：一開始就構建完整的功能，然後再針對低版本瀏覽器進行兼容。優雅降級：一開始就構建完整的功

ie11 , 瀏覽器兼容性 , 前端

收藏 評論

u_17225437 頭像

二川bro - 深度解析 Vue 項目 Webpack 分包與合包 一文讀懂

深度解析 Vue 項目 Webpack 分包與合包 一文讀懂 文章目錄 深度解析 Vue 項目 Webpack 分包與合包 一文讀懂 一、Webpack 打包機制深度解析 1.1 模塊化系統的本質 1.2 Webpack 構建流程解析 1.3 默認打包的問題分析

oracle , vue.js , 分包 , 數據庫 , webpack , 前端

收藏 評論

user_ze46ouik 頭像

Sunshine_Lin - 「百毒不侵(一)」(a == 1 && a == 2 && a == 3) 有可能是 true 嗎？

大家好我是林三心，又一週過去了，哎，想想年紀又大了，就煩。今天突然有人問我: (a == 1 a == 2 a ==3) 有可能是 true 嗎 我當時就想一腳踹過去，你這不是在耍我嗎？當我的腳離他的臉一釐米時，我突然發現，誒！好像有點意思哦 對象類型轉換 當兩個類型不同時進行==比較時，會將一個類型轉為另一個類型，然後再進行比較。 比如Object類型與Number類型進行比較

面試 , 進階 , 前端 , Javascript

收藏 評論

minnanitkong 頭像

王大冶 - Web 性能優化：理解及使用 JavaScript 緩存

阿里雲最近在做活動，低至2折，有興趣可以看看： https://promotion.aliyun.com/... 為了保證的可讀性，本文采用意譯而非直譯。 這是 Web 性能優化的第 5 篇，上一篇在下面看點擊查看： Web 性能優化：使用 Webpack 分離數據的正確方法 Web 性能優化：圖片優化讓網站大小減少 62% Web 性能優化：緩存 React 事件來提高性能

web性能優化 , 程序員 , 前端 , Javascript

收藏 評論

opentiny 頭像

OpenTiny社區 - TinyEngine低代碼多人實時協作“原理”+“實操”全攻略

本文由周天意同學原創。 一般的多人協作業務需求一般是針對文檔，表格或者是製圖之類的，場景比較簡單，協同操作的對象為文字或者圖片，對象比較單一。 乍一看低代碼的多人協作看似無從下手，因為低代碼不僅涉及到頁面 canvas 中一些文字屬性的同步，還涉及到組件拖拽，樣式，綁定事件，高級屬性，甚至是代碼協同編輯的編輯與同步。那我們是如何在低代碼這個場景下實現多人協同編輯的呢。 TinyEngine低

低代碼開發平台 , 開源 , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - 產品經理要“通過大小、時間範圍篩選”搜索？我 15 分鐘用 SearchBox 交差！

本文由體驗技術團隊陳家梅原創。 我不太喜歡嚴肅的表達，所以本文描述比較個人化，也希望大家可以放鬆，跟隨本文的思路聯想起來。 好了，瞭解一個東西離不開哲學三問：是什麼？怎麼來的？用來幹什麼？所以主要從這三方面展開描述， 我們將詳細介紹 TinyVue 組件庫的searchBox組件的功能特性。 這裏建議大家進入 SearchBox 文檔地址，跟着本文操作效果更佳，文檔地址：https://op

vue.js , 組件庫 , 開源 , 前端

收藏 評論

ponponon 頭像

universe_king - 1panel 安裝了 OpenResty 之後，怎麼打開 gui web 頁面配置規則？

通過 1panel 安裝了 openresty ，發現打開都沒有可配置的管理頁面 看了這個才知道：https://1panel.cn/docs/v2/user_manual/appstore/openresty/#5-o... 原來 1panel 安裝了 OpenResty 不是去 OpenResty 配置管理，而是在 1panel 的「網站」Tab 下面管理

後端 , 前端 , Python

收藏 評論

u_16213574 頭像

數據分析家 - 現代前端開發小記 - duoduo3

核心修改內容 隱藏導航欄「探索」功能（圖標 + 文字按鈕）； 將默認 Dify Logo 替換為自定義 FDAI Logo（PNG 格式）。 （一）隱藏「探索」功能完整過程 1. 定位目標組件 探索功能對應的組件文件路徑：web/app/components/header/explore-nav/inde

自定義 , 緩存 , Css , 解決方案 , 前端開發 , HTML , 前端

收藏 評論