tag 前端

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

@前端 / 博客 RSS 訂閱

kathroon 頭像

槲櫟 - webpack實戰

打個包試一試 先安裝好環境 $ node -v v12.14.0 $ npm init -y $ npm install -D webpack@3.6.0 項目目錄結構： my-mall-admin-web ├── build -- 存儲打包好的文件 ├── node_modules -- 安裝的node模塊 ├── src | ├── greet.js | ├── index.js

webpack3 , 前端

收藏 評論

hello888 頭像

洛陽醉長安行 - 手摸手教你實現移動端滾動記憶（帶分頁）

前戲： 在移動端網頁中的列表如何實現滾動和搜索條件的記憶，類似微信文章一樣，瀏覽到文章的某一個位置，在下次打開的時候依然能滾動到上次瀏覽的位置繼續瀏覽。本篇文章介紹的是帶分頁的列表，如果你現在需求是不帶分頁的文章或列表當然也可以參考，實現方式基本是差不多的。 因為這裏使用了mui的下拉刷新的列表組件，要在tab切換時需要默認把滾動條重置到最頂部（從頭開始瀏覽），refreshContainer為對

移動端 , mui , 前端 , html5 , Javascript

收藏 評論

jizaodebangbangtang 頭像

文心快碼 - 用文心快碼寫個「隱私優先」的本地會議助手

在這個信息爆炸的時代，我們似乎習慣了把數據交給雲端。 但作為一名開發者，當涉及到敏感的會議記錄、私人語音筆記時，我總是心存顧慮： 有沒有可能打造一個完全離線、跑在瀏覽器裏、且終身免費的AI會議助手？ 面對複雜的 WebAssembly、模型量化、多線程調度，作為一個非專業的開發者，我通常需要幾周來啃文檔。 但這一次，在文心快碼（Comate） 的協助下，我僅用2小時就完成了這個會議助手的全棧開發。

教程 , 知識 , 人工智能 , 程序員 , 前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [highcharts] 02_回調函數實現高級顏色漸變

描述: 為了讓柱狀圖顯示美觀，要求柱狀圖單柱的顏色以漸變色展示，如下圖所示。 因為highcharts使用svg渲染，而svg內的線性漸變屬性為：linearGradient，若只是為了單純的實現上圖效果，我們完全可以單獨設置每個series的color屬性。 注: 上面這張圖對應的series有兩個子元素 即 console.log(typeof(stockOpt

highcharts , 可視化 , 前端

收藏 評論

qianliduxing_5fced90c48383 頭像

魔術師Grace - 我家等離子電視也能用的移動端適配方案

前幾天我的領導“徐江”讓我把一個移動端項目做一下適配，最好讓他在家用等離子電視也能看看效果，做不出來就給我“埋了”，在這種情況下才誕生了這篇文章～ 什麼是移動端適配 移動端適配是指在不同尺寸的移動端設備上，頁面能相對達到合理的顯示或者保持統一的等比縮放效果移動端適配的兩個概念自適應：根據不同的設備屏幕大小來自動調整尺寸、大小響應式：會隨着屏幕的實時變動而自動調整，是一種自適應 而在我們日常開發中

Css , 移動端適配 , 前端 , Javascript

收藏 評論

u_14291117 頭像

vivo互聯網 - 數字人動畫雲端渲染方案

作者：vivo 互聯網前端團隊 - Su Ning 為解決擬我形象在多場景展示中依賴 3D 渲染導致的性能與接入問題，本文提出將形象預先導出為視頻或動圖資源。對比三種技術路徑後，最終選擇 Puppeteer + H5 渲染幀 + FFmpeg 合成視頻 的方案，實現了渲染效果一致、服務端批量處理和低接入成本，為擬我形象的規模化應用提供了高效可擴展的技術基礎。

puppeteer , 私藏項目實操分享 , Css , web3D , 前端開發 , HTML , ffmpeg , 前端

收藏 評論

jeremy_c 頭像

Jeremy-C - Vue項目下IE報錯 SCRIPT1003: 缺少 ':'，導致頁面空白的解決方案

❝ 今年年初加入了物資團隊，遇到的第一個問題就是解決IE的兼容性問題。 ❞ 1 現象 當時的情況是IE瀏覽器在登錄系統時，登錄頁無法加載，頁面顯示空白，所以也無法訪問系統裏的其他頁面。 2 查看報錯 在IE瀏覽器中輸入系統網址，打開控制枱，發現有這樣的報錯：SCRIPT1003: 缺少 ':' 第一個想法就是需要對webpack進行一些兼容性配置，於是小編低下頭默默的先進行了一通通用配

vue.js , internet-explorer , 兼容性 , 前端 , Javascript

收藏 評論

huzilachadeyuechikou 頭像

晨曦鑰匙扣 - 8大維度深扒 7 款主流CRM：從功能深度到場景適配的全維度橫評

8 大維度深扒 7 款主流 CRM：從功能深度到場景適配的全維度橫評 一、引言 客户關係管理（CRM）作為企業數字化轉型的核心工具，其能力邊界已從“客户信息存儲”延伸至“全流程業務協同”“數據驅動決策”“生態集成”等多維度。不同行業、規模的企業對CRM的需求差異顯著——大型企業需“深度集成”與“安全合規”，中小企業求“快速部署”與“易用性”，零售/外勤行業重“移動端能力”與“軌跡管理”。 本文基於

前端

收藏 評論

grewer 頭像

Grewer - 淺析微前端沙箱

前言 在大型項目中，微前端是一種常見的優化手段，本文就微前端中沙箱的機制及原理，作一下講解。 首先什麼是微前端 Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -- Micro Frontends

iframe , qiankun , 微前端 , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp自定義uni-easyinput樣式

官網示例： uni-forms-item uni-easyinput trim="all" v-model="form.address" placeholder="請輸入地址" / /uni-forms-item 自定義顏色 uni-forms-item uni-easyinput trim="all" primaryColor="#FCB334" v

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

收藏 評論

smileZAZ 頭像

林恆 - 神級JS API，誰用誰好用

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 1. ResizeObserver ResizeObserver 是一個瀏覽器原生的 JavaScript API，用於監聽 DOM 元素尺寸的變化。它類似於 MutationObserver，但專門用於觀察元素的大小（寬高）變化，而無需依賴 window.resize 事件（後者只對視口變化有效）。 🧩 基本用法

前端

收藏 評論

yaofly 頭像

普拉斯強 - 寫個秒殺倒計時方法

背景 項目裏有個秒殺倒計時功能模塊。 頁面切換Tab後，一段時間再回來發現明顯慢了。擼代碼吧： // ... CountDown.prototype.count = function() { var self = this; this.clear(); this.timeout = setTimeout(function(){ // 計數減1 if(--s

settimeout , 倒計時 , 秒殺 , 前端 , Javascript

收藏 評論

junxiudetuoba 頭像

伊伊DK - 三角洲卡低分段別硬肝！Uniapp+Php搭建俱樂部代練高效衝分，省心到哭

與傳統代練平台不同，我們可以專注於為“三角洲行動”等熱門FPS遊戲的卡在低分段的玩家提供省心、高效、可信賴的衝分服務。核心賣點就是：“別硬肝，交給我們，讓你省心到哭”。 一、 系統核心功能模塊（圍繞“省心”和“高效”） 用户端 (Uniapp小程序) 智能詢價與下單： 選擇遊戲（如三角洲行動）、當前段位、目標段位。 系統自動計算價格和預計完成時間（後端算法根

php , 後端 , 前端

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - 淺談 AI 搜索前端打字機效果的實現方案演進

作者：vivo 互聯網前端團隊 - He Yanjun 在當代前端開發領域，打字機效果作為一種極具創造力與吸引力的交互元素，被廣泛運用於各類網站和應用程序中，為用户帶來獨特的視覺體驗和信息呈現方式，深受廣大用户的喜愛。 本文將深入介紹在AI搜索輸出響應的過程中，打字機效果是怎樣逐步演進的。力求以通俗的語言和嚴謹的思路深入剖析打字機效果在不同階段的關鍵技術難點和優劣勢。 1分鐘看圖掌握核心

虛擬dom , HTML , 前端 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 去中心化組件共享方案 —— Webpack Module Federation（模塊聯邦）

在大型應用中， 我們可能會對其進行拆分，分成容器、主應用和多個子應用，使拆分後的應用獨立開發與部署，更加容易維護。但無論是微應用、公共模塊應用，都需要放到容器中才能使用。 如果多個應用之間希望資源共享，除了使用 npm 包的形式，基於Webpack 5 Module Federation（模塊聯邦）實現的EMP微前端方案也可以一試，它不限制技術棧，但依賴於 Webpack5。 使用場景 如果應用B

組件通信 , 工程化 , webpack , 前端 , Javascript

收藏 評論

z_rh 頭像

Hoh_Xil - 頁面刷新vuex狀態初始化

vuex五種基本對象 state：存儲狀態（變量） getters：對數據獲取之前的再次編譯，可以理解為state的計算屬性。我們在組件中使用$sotre.getters.fun() mutations：修改狀態，並且是同步的。在組件中使用$store.commit('',params)。這個和我們組件中的自定義事件類似。 actions：異步操作。在組件中使用是$store.dispa

vue.js , sessionstorage , vuex , 前端

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 獲取免費SSL證書：三步極簡指南

為網站部署SSL證書已是現代網站運營的基本要求。本指南將以最普及的JoySSL證書為例，通過三個核心步驟，為你展示從申請到安裝的完整路徑。 第一步：申請準備 關鍵要求： 服務器操作權限：能通過命令行或控制面板管理服務器 域名控制權：能管理域名DNS或上傳驗證文件 工具選擇： 命令行用户：推薦官方工具 控制面板用户：使用內置插件 必備檢查： 確認域名已正確解析至你的服務器IP地址。 第二步：

後端 , 前端

收藏 評論

chokcoco 頭像

chokcoco - 超 Nice 的表格響應式佈局小技巧

今天，遇到了一個很有意思的問題，一名羣友問我，僅僅使用 CSS，能否實現這樣一種響應式的佈局效果： 簡單解析一下效果： 在屏幕視口較為寬時，表現為一個整體 Table 的樣式 而當屏幕視口寬度較小時，原 Table 的每一行數據單獨拆分為一個 Table 進行展示 很有意思的一個響應式佈局，讓信息在小屏幕下得到了一種不錯的展示。 那麼，僅僅使用 CSS 的話，能否實現這樣一個佈局呢？答案

css3 , Css , 響應式 , 前端 , Javascript

收藏 評論

lixifan 頭像

稀飯52 - 用changeset來管理你的npm包版本

簡單介紹下，changeset是一個版本管理和生成更新日誌的工具，超級適用於多包倉庫，比如monorepo，可以在提交發布時，自動更新所有包的版本號，並且生成更新日誌。 一、安裝 進入項目之後執行命令，安裝changeset，並且初始化 pnpm add -D @changesets/cli pnpm changeset init 執行完之後，在項目中會新增一個.changeset目錄，用於存

教程 , 前端

收藏 評論

yangyaya 頭像

陽呀呀 - “寒冬”三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等）之CSS篇

前言 不論是寒冬還是暖冬，找工作之前都需要做好充足的準備，面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己，也給需要的同學。 CSS是前端必須要掌握的技能之一。一般面試也都會從CSS開始。所以CSS問題答的好壞會直接影響你在面試官心中的形象。 本文主要介紹面試中常會遇到的CSS問題及給出建議性的答案。 往期 “寒冬”三年經驗前端面試總結（含

面試 , 筆試 , Css , 前端 , Javascript

收藏 評論

maomaoxiaobo 頭像

貓多少 - Grid佈局

最近在重新鞏固html方面的知識，這裏分享下自己學習過程中跟隨別人學習的筆記和心得。 目前，網頁佈局一般有table，float，flexbox和grid佈局。 table和float佈局較為老，目前有淘汰趨勢了，而flexbox佈局是現在比較流行的佈局方式。 flexbox佈局屬於一維佈局，Grid屬於二維佈局的排版方式。 一個Flexbox容器智能控制一個方向，水平或者垂直方向。如果要控制另一

佈局 , grid , HTML , 前端

收藏 評論

refanbanzhang 頭像

熱飯班長 - vue pinia與vue hooks(Composition API)的關鍵差異

vue pinia的用途 用於全局狀態共享。 vue hooks(Composition API)的用途 用於邏輯封裝與複用（注意這裏沒有狀態共享）。 兩者之間關鍵差異 vue pinia是一個單例，也就是説多次初始化實例都是同一個，所以在多個組件中使用時，他們修改的時同一份數據，也就能實現vue pinia的設計目的，即數據共享。 而vue hooks則不是，每次初始化都會創建一個獨立的實例，所

vue.js , hooks , pinia , 前端

收藏 評論

aikanshudemayi 頭像

愛看書的螞蟻 - MapV-Three實現擬真的天氣效果，比想象中簡單

MapV-Three實現擬真的天氣效果，比想象中簡單 做三維地圖可視化的時候，如果場景裏總是晴空萬里，看久了難免有點單調。加上點天氣效果——下點雨、飄點雪、來點霧——整個場景立馬生動起來。 以前實現這些效果得自己寫粒子系統、調光照參數，費時費力還不一定效果好。好在MapV-Three框架已經把這些封裝好了，就兩個組件：DynamicSky（動態天空）和 DynamicWeather（動態天氣），配

webgl , 前端

收藏 評論

lawler61 頭像

lawler61 - Generator 協程工作原理

原文地址：regenerator 搜了一圈，關於 Generator 基本都是在講用法，但很少提及到其工作原理，也就是“協程”。但又因為這東西我們直接或間接的每天都在使用，於是準備專門寫一篇文章來講講這個 JS 回調史 一、Callback ES5 及更早時期，寫回調基本都是 callback，回調地獄就不説了，離它遠點 二、Promise Promise 通過鏈式調用，優化了回調的書寫

ecmascript-6 , generator , 前端 , Javascript

收藏 評論