tag HTML

標籤
貢獻646
754
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 u_15469972 頭像 u_17534189 頭像 u_17569005 頭像 u_16164933 頭像 u_13934709 頭像 u_14540126 頭像 u_9849794 頭像 smileZAZ 頭像 u_16213574 頭像 u_15903730 頭像 u_16213686 頭像

@HTML / 博客 RSS 訂閱

tuzixiansen_63d4d65909d62 頭像

兔子先森 - js根據傳入的時間字符串按照格式轉換並返回

/** * 根據傳入的時間字符串按照格式轉換並返回 * @param { string } dateString 傳入的時間字符串 * @param { string } format 需要轉換的格式 * @param { object } options 配置項 * @returns { string } 轉換後的時間 */ function formatDate(dateStrin

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3封裝一個頁面級的滾動條觸底加載函數

主要參數： ● loading 是否加載中 ● hasMore 是否有更多，根據分頁總數跟total判斷 ● pageInfo 分頁參數信息{ pageNo: number, pageSize: number, total: number } ● loadMore 加載列表的函數，比如getList，該函數是一個async的Promise函數 ● threshold

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3封裝一個容器級的滾頂條觸底加載函數

代碼可直接複製使用，主要用於頁面容器內的滾動觸底加載 主要參數： ● element 滾動容器dom ● loading 是否加載中 ● hasMore 是否有更多，根據分頁總數跟total判斷 ● pageInfo 分頁參數信息{ pageNo: number, pageSize: number, total: number } ● loadMore 加載列表

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - axios雙Token無痛刷新，解決隊列請求、歷史請求問題

雙token無痛刷新機制主要是由一個accessToken和一個refreshToken實現的，請求接口的時候使用accessToken，一旦accessToken過期，立刻用refreshToken請求刷新token接口，拿到accessToken、refreshToken存起來，然後使用accessToken請求接口。 這其中有幾個點需要注意： 當前過期的token如何處理？ 過期

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - css滾動條不佔位-鼠標移入顯示，移出隱藏

鼠標移入顯示滾動條，移出隱藏 css滾動條一般是會佔位的 .container { overflow: hidden auto; ::-webkit-scrollbar { width: 0px; /* 控制滾動條整體寬度 */ } :hover { ::-webkit-scrollbar { width: 6px; /* 控制滾動條

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序圖片上傳-預覽-刪除

貼幾個可在線訪問的圖片數據，圖片數據最好包含id、url、loading、success的狀態 分別對應： id === key url === url loading === 上傳中 success === 上傳成功的狀態 const imgList = ref([ { id:1, url: 'https://fastly.jsdelivr.net/npm/@van

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp文件下載，支持docx、pdf等通用office格式

可以預覽並下載如下格式：doc, xls, ppt, pdf, docx, xlsx, pptx 其實過程很簡單，可以實現預覽和下載兩個功能 1、拿到一個可以下載的url連接 2、uni.downloadFile獲取文件的臨時路徑 3、uni.openDocument打開文件，進入打開文件的界面後就可以另存為了 let url = `https://test//fi

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 移動端emoji輸入組件

主要流程 前端emoji組件一般用在聊天輸入界面，點擊表情，整個輸入框被彈起，顯示emoji界面，點擊其它位置，emoji界面自動關閉，這其中有一些注意點： 1、點擊emoji，emoji界面從底部彈起，輸入框也要同步顯示 2、二次點擊emoji圖標，emoji界面關閉(你也可以切換鍵盤輸入) 3、點擊輸入框，鍵盤彈起，emoji界面關閉 4、點擊emoji界面的其它位置（

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序pinia持久化緩存

HBuilder X自帶pinia，無需我們手動安裝。 我們通過pinia-plugin-persistedstate插件來實現pinia的持久化緩存 npm i pinia-plugin-persistedstate 本身 pinia-plugin-persistedstate 是不支持 uniapp 的，但是 pinia-plugin-persistedstate 提供了修改 s

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

收藏 評論

edonsoft 頭像

access開發 - Access導出帶圖表的 HTML 報表：技術實現詳解

Hi，大家好！ 上週我分享了把表中數據導出為 HTML 的實現；這次聚焦進階：如何把圖表也導出到 HTML 中並保持交互性與可移植性。開始前，給大家再彙報一下框架的情況，由於近兩月參與其他項目的交付，框架開發有所延後；現已調整優先級，計劃本月先發布一版可用實現，後續再按需迭代與優化。本來我也是遊刃有餘，現在是匆匆忙忙，不過這個Flag先立下了。 在 Access 開發中，我們經常需要將

數據庫 , vba , access , HTML , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 微信小程序用户隱私保護指引設置

協議完善 我們在小程序開發過程中或多或少會使用帶用户隱私API，比如獲取用户頭像、暱稱，用户手機號等等，這些API必須完善用户隱私指引才能正常調用，否者正式版本使用會報錯或者無法過審。 僅有在指引中聲明所處理的用户信息，才可以調用平台提供的對應接口或組件。若未聲明，對應接口或組件將直接禁用 完善的入口如下： 根據實際情況，勾選對應的選項，勾選完後進入界面完

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 微信AI小程序認證基本流程：認證、完善類目、微信認證

認證類型 認證層面的： 1、申請小程序賬號 2、完善小程序基本信息 名稱 簡介 頭像 介紹 3、完善類目 4、微信認證，認證需要公司主體信息、300塊錢認證費 可能你在開發中還無需微信認證這一步，但上架是需要的，到這裏基本的認證就結束了，然後是開發層面的。 開發層面的： 1、服務器域名配置，如果沒有配置則體驗版本接口無法調用，線上版同理

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

收藏 評論

lenglingx 頭像

lenglingx - Go語言Embed把vue3編寫的前端內嵌到Go的程序中去

最近在學習Go語言，看到了Embed,我突然覺得把web資源放到Go編譯好的二進制文件中去。所有就讓AI給我寫了下面4個程序。 一、先準備vue3+vite的程序 vue3+vite的編寫的前端代碼完成後編譯dist文件夾，如下圖： 通過Nginx部署後效果如下： 二、四個Go語言程序內嵌人dist目錄

Go語言 , 後端開發 , 靜態文件 , HTML , Json

收藏 評論

software-Development 頭像

IT開發者筆記 - 藉助Aspose.HTML控件，使用 Python 編程將網頁轉換為 PDF

使用 Python 將網頁轉換為 PDF 有時您需要離線訪問網頁，使其更易於訪問。因此，將HTML頁面轉換為PDF即可滿足您的需求。令人驚訝的是，您可以在幾秒鐘內在 Python 項目中啓用 HTML 到 PDF 的轉換。本指南將為 Python 開發人員介紹一個功能強大的 SDK——Aspose.HTMLfor Python via .NET，它提供了一系列用於將網頁轉換為不同文件格式的類和方

Css , HTML , 前端 , Web

收藏 評論

software-Development 頭像

IT開發者筆記 - 藉助Aspose.HTML控件，在 Python 中將 HTML 轉換為 Markdown

在這個人工智能時代，Markdown因其易用性而備受重視。這種標記語言易於人類和機器理解。此外，與 HTML 和 DOCX 相比，這種格式更有助於法學碩士 (LLM) 理解文檔結構。因此，本指南將介紹如何以 Python 編程方式將HTML轉換為 Markdown。我們將使用Aspose.HTML for Python via .NET，因為它易於在 Python 項目中設置。這款 Python

Css , HTML , 前端 , Web

收藏 評論

smileZAZ 頭像

林恆 - 記錄---npm link 詳解：本地包開發與測試的利器

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 npm link 詳解：本地包開發與測試的利器 什麼是 npm link？ npm link 是 npm 提供的一個強大功能，它允許你在本地開發環境中創建符號鏈接，將本地開發的包鏈接到其他項目中進行測試和使用。這個功能特別適合在開發自己的 npm 包時進行本地調試和測試。 核心概念 符號鏈接（Symbolic

Css , HTML , 前端 , Web

收藏 評論

smileZAZ 頭像

林恆 - 記錄---從零開始編寫 useWindowSize Hook

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 在 React 開發中，我們經常需要根據窗口大小來調整組件的行為。今天我們將從最簡單的實現開始，逐步優化，最終構建出一個高性能的useWindowSizeHook。 第一步：最簡單的實現 讓我們從最基礎的版本開始： import { useState, useEffect } from 'react' function useW

Css , HTML , 前端 , Web

收藏 評論

smileZAZ 頭像

林恆 - 記錄---啊！！！Blob 居然這麼強大！

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 啊！！！Blob 居然這麼強大！ 在前端開發的世界裏，我們每天都在和各種 API、對象和數據打交道。然而，有一個對象，常常被我們忽視，卻又在背後默默支撐着許多關鍵功能 —— 它就是 Blob。 Blob（Binary Large Object）聽起來像是一個“冷門”對象，但實際上，它幾乎無處不在：文件上傳、下載、視頻

Css , HTML , 前端 , Web

收藏 評論

smileZAZ 頭像

林恆 - 記錄---瀏覽器指紋-探究前端如何識別用户設備

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 什麼是瀏覽器指紋？ 瀏覽器指紋，是用來唯一標識你瀏覽器的一組“特徵值”。它不是我們理解中的那種真實指紋，而是通過收集瀏覽器、操作系統、設備分辨率、字體、插件等信息，組合成的一個獨特 ID。 和傳統的 Cookie 不同，瀏覽器指紋不需要在用户設備上存儲任何東西，完全是“讀取現有信息”來識別用户。 使用背景 在最近的項目

Css , HTML , 前端 , Web

收藏 評論

wdllmh 頭像

wdllmh - 上下margin無法生效的一種情況-行內元素

問題描述 在學udemy的htmlcss課的時候，challenge2有一部分是給超鏈接添加margin-top/bottom,添加後瀏覽器devtool的樣式中顯示margin已生效，但是在頁面中卻無法顯示。 解決過程 搜索margin不生效的幾個原因可以總結為 parent box 放不下 上下相鄰的塊產生margin摺疊 但是前者一般對parent中頭尾的child產生影

Css , HTML , 前端 , Web

收藏 評論

smileZAZ 頭像

林恆 - 記錄---基於uniapp，編寫一個自定義的日期組件

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 環境配置 系統：windows10 平台：HBuilderX4.76 語言：vue、javascript 庫：uni 概述 本文是基於uniapp，編寫的自定義日期選擇器組件，大致效果如下： 1、組件簡介 這是一個日期選擇器，即可以選擇年、月、日的組件，所以，組件的功能是很簡單的，組件的效果就是如上面的效果圖所

Css , HTML , 前端 , Web

收藏 評論

smileZAZ 頭像

林恆 - 記錄---前端微服務框架深度對比：無界（Momentum）與乾坤（Qiankun）實戰指南

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 一、引言：為何選擇微前端？ 在傳統單體前端架構中，隨着業務複雜度增加，代碼臃腫、協作困難、部署效率低等問題愈發突出。微前端通過將項目拆分為多個獨立自治的微應用，解決了這些問題： 技術棧無關：支持 Vue、React、Angular 等框架混合開發 獨立部署：各團隊可獨立開發、測試、發佈 漸進升級：允許逐步重構舊系統 動態加載

Css , HTML , 前端 , Web

收藏 評論

smileZAZ 頭像

林恆 - 記錄---window.close()失效 + Chrome瀏覽器調試線上代碼

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 情況説明 主系統單點登錄點擊觸發window.open()打開本系統。 是發佈生產後的新需求：要求退出登錄後直接關閉當前系統頁面。 本地運行增加了window.close()方法實現功能，點擊退出後頁面沒反應。 排查過程 官方解析中説明，window.close() 方法只能關閉由window.open()或者瀏覽器直接輸入

Css , HTML , 前端 , Web

收藏 評論

tangge 頭像

【唐】三三 - Scss 基礎

scss 轉 css 在線轉換 https://33tool.com/scss_to_css/ 變量 $primary-color: #000; .main1 { background-color: $primary-color; } 一、嵌套 1.1 父選擇器 (Referencing Parent Selectors: ) 在嵌套 CSS 規則時，有時也需要直接使用嵌套外層的父選

Css , HTML , 前端 , Web

收藏 評論