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 頭像

兔子先森 - 《vue.js設計與實現》——watch的實現原理

簡易watch監聽 watch其實就是監聽給定的響應式數據變化，當數據變化時執行的回調函數 watch(obj, () = { console.log("數據變化了"); }) // 修改obj數據，watch自動觸發 obj.foo++ 實際上，watch就是利用了effect以及options.scheduler選項 effect( () = { console

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——立即執行的 watch 與回調執行時機

watch的本質其實是對effect的二次封裝 watch的兩個特性： 1、立即執行的回調函數 2、回調函數的執行時機 立即執行的回調函數 在vue.js中，watch通過immediate屬性來實現立即執行，如下 watch(obj, () = { console.log('變化'); }, { immediate: true }) 當immediate存在並且為tr

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——過期的副作用

我們平時可能不太關注"競態"的問題，但是你在日常的工作中可能或多少遇到過"競態" let finalData; watch(obj, async () = { // 發送一個請求 let res = await fetch('/api/request'); // 將數據保存到finalData finalData = res; }) 這段代碼看起來沒問題，實際上會發

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

收藏 評論

usdoc 頭像

usdoc - 前端VUE.js實現Excel文件的在線預覽效果

簡介 在日常工作中，我們經常需要快速查看Excel文件的內容，但不一定總是需要打開完整的Excel軟件。為了解決這個問題，我開發了一個輕量級的在線Excel預覽工具，讓您可以通過瀏覽器快速查看Excel文件內容。 🔗 在線體驗：點擊查看Excel文件在線預覽效果 功能特點 無需安裝，打開網頁即可使用 支持拖拽上傳或點擊選擇文件 界面簡潔清晰，操作直觀 核心功能 純前端實現，無需服

chrome , typescript , HTML , html5 , Javascript

收藏 評論

zohocrm 頭像

Python最棒 - 2025 年 CRM管理軟件排行榜單

本篇文章為大家整理了六款CRM管理軟件排行榜單，分別為：Zoho CRM、Salesforce、HubSpot、Microsoft Dynamics 365、Pipedrive、Freshsales。 在當今競爭激烈的商業環境中，CRM管理軟件已成為各企業不可或缺的工具。CRM軟件不僅有助於管理客户信息和互動，還能優化銷售流程、提高客户滿意度並推動業務增長。2025年，我們觀察到幾款CRM軟件因其

api設計 , HTML

收藏 評論

aoshizhongshengderenzituo_ebu4nm 頭像

恐高的鳥 - WordPress建站教程：如何搭建B2B外貿獨立站

如果你想通過獨立站拿詢盤獲取訂單，那麼必須先要有一個自己的網站，所以建站是你繞不過去的一件事。對於零基礎的新手小白來説，如何從零開始搭建一個B2B外貿網站呢？本文將為你提供一份詳細的WordPress外貿建站教程，幫助你從零開始搭建一個專業的B2B外貿網站。 展示效果 這是花了不到一小時搭建的一個B2B外貿網站， 哪怕你是不懂任何代碼的新手，對於網站搭建方面也一無所知，跟着本教程也可以輕鬆做出來。

wordpress , b2b , HTML

收藏 評論

webshijie 頭像

前端視界 - 一步步教你用 CSS Grid 實現靈活又高效的瀑布流佈局，適配所有屏幕！

摘要 隨着網頁設計越來越複雜，尤其是圖片牆、商品展示、內容卡片這類頁面，瀑布流佈局（也叫 Masonry 佈局）成了非常受歡迎的設計方案。傳統實現往往依賴大量 JavaScript 或第三方庫，但其實利用 CSS Grid 加上少量 JS，就能實現既響應式又性能優越的瀑布流佈局。 本文將深入拆解這種方法的原理，帶你一步步理解關鍵代碼的作用，配合可運行的示例，讓你能輕鬆上手並靈活應用到實際項目中。

Css , HTML

收藏 評論

weidelanqiu 頭像

下一個絕世 - 教育 CRM 哪個好用？教育 CRM 系統詳細拆解

在當今瞬息萬變的教育環境中，提供有競爭力的教育服務變得尤為重要。特別是面對出國留學市場的激烈競爭，每一個教育機構都需要高效的客户關係管理（CRM）工具來統籌管理學生信息，提升服務質量，從而贏得家長和學生的信任。本文將以“教育CRM哪個好用？”為主題，探討如何選擇一款適合教育行業的CRM，以及為什麼Zoho CRM是一個非常值得推薦的選擇。 一、瞭解教育行業的獨特需求 對於專注於出國留學服務的教育機

css3 , HTML

收藏 評論

lu_lu 頭像

Lu_Lu - Java 將 Excel 轉換為 HTML：解鎖數據在線展示的無限可能

Java 將 Excel 轉換為 HTML：解鎖數據在線展示的無限可能 在當今數據驅動的時代，Excel 作為數據存儲和分析的利器，幾乎無處不在。然而，當我們需要將這些精心組織的數據在 Web 應用中展示、跨平台分享，或實現自動化報表生成時，傳統的 .xlsx 或 .xls 文件往往顯得力不便。它要求用户安裝特定的辦公軟件，且在不同設備上的顯示效果可能不盡相同，更難以與 Web 系統無縫集成。 這

excel , JAVA , HTML

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3-onMounted和onActivated觸發問題

在Vue3中，當頁面第一次進入時，onMounted和onActivated這兩個生命週期鈎子都會觸發，導致初始化函數init()被執行兩次，我們希望只在初次進入時執行一次，而不是兩次。 其實最簡單的方法就是僅使用onActivated生命週期 如果同時使用兩個生命週期，就要在onMounted的時候做一個標記，然後在onActivated的時候改變這個標記 在keep

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

收藏 評論

lanyiyun666 頭像

藍易雲 - python telnetlib詳解

Python telnetlib 詳解（含 3.13 之後的替代方案） 適用讀者：需要在受控內網/實驗環境使用 Telnet 的同學。生產環境強烈建議優先 SSH（如 Paramiko/Netmiko）。 版本事實：telnetlib 在 span style="color:red"Python 3.11 標記棄用/span，並已在 span style="color:red"Pytho

css3 , Css , HTML , html5 , Javascript

收藏 評論

nihaoanihao 頭像

你好啊你好 - 摩天輪（vue）

效果圖 使用示例 script lang="ts" setup import FerrisWheel from "**/FerrisWheel.vue"; import { ref } from "vue"; const defaultUrls = [ "https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3路由跳轉，普通路由和動態路由

vue3路由跳轉分兩種： 1、普通路由 2、動態路由 普通路由 無需在路由配置中聲明，可以隨意添加任意參數 參數以鍵值對的形式出現在 URL 的 ? 之後，用 分隔 例如：/user?id=123name=John，其中 id=123 和 name=John 是 query 參數 參數是可選的非必填項，可以自由傳遞 跳轉方式 const router = useRoute

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

收藏 評論

ysxq 頭像

衍生星球 - JSP 程序設計之 Web 技術基礎

在 Java Web 開發的世界裏，JSP（Java Server Pages）是一門舉足輕重的動態網頁開發技術。要學好 JSP，首先得紮實掌握 Web 技術基礎，下面就帶大家深入瞭解相關知識。 Web 的起源與發展 Web，本意是蜘蛛網和網，在網頁設計中特指網頁。它誕生於 1989 年 3 月，由歐洲粒子物理研究所的科學家蒂姆・伯納斯・李發明。1990 年 11 月，第一個 Web 服務器正式運

jsp , Css , HTML , Javascript , Web

收藏 評論

liuyuedekele 頭像

六月的可樂🥤 - SSE請求多種實現方式總結

文前推薦一下👉 前端必備工具推薦網站(圖牀、API和ChatAI、智能AI簡歷、AI思維導圖神器等實用工具): 站點入口：http://luckycola.com.cn/ 什麼是SSE SSE（Server-Sent Events）是一種用於實現服務器主動向客户端推送數據的技術，也被稱為“事件流”（Event Stream）。它基於 HTTP 協議，利用了其長連接特性，在

typescript , HTML , 前端 , html5 , Javascript

收藏 評論

nihaoanihao 頭像

你好啊你好 - div + transform 實現旋轉圖片並得到期望的佔位盒子

效果圖 使用示例 script setup lang="ts" import RotatedImage from "**/RotatedImage.vue"; import { ref } from "vue"; const value = ref(50); const clockwise = ref(true); const src = ref( "https://naive-ui.os

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

收藏 評論

shuirongshui 頭像

水冗水孚 - 你用過docker部署前端項目嗎？Tell Me Why 為何要用docker部署前端項目呢？

需求開發場景 在説docker之前，我們先來看看一般的需求開發和部署場景，是否需要安裝node 需求開發部署場景 開發環境，我們使用windows或mac，開發前端項目，正常來説，都是要安裝好對應node版本 ，使用node提供的npm包管理（構建）工具【除非是一個簡單的只有hello world的html文件不用node】 生產環境，要發佈到服務器上 1. 靜態SPA單頁面應用部署 服務器

node.js , dockerfile , Docker , HTML , Ubuntu

收藏 評論

good_luck_5e9ba6e9aa054 頭像

360Web - 2026年Vue3 Admin前端框架開發技術深度解析

2026年Vue Admin前端框架開發技術深度解析 一、技術趨勢與演進方向 1.1 構建工具革命 2026年，Vite 6已成為默認構建工具，其基於Rust的Rolldown引擎使構建速度較Webpack提升300%。配合模塊聯邦（Module Federation）特性，可輕鬆實現微前端架構，例如將商品管理、支付系統拆分為獨立子應用動態加載。Vue Admin Better已實現通過單一配置項

css3 , HTML , 前端 , Javascript

收藏 評論

xingchendahai_68d7dff410962 頭像

星辰大海 - 自制版MC

!DOCTYPE html html lang="zh-CN" head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" title大型3D方塊世界/title style * { margin: 0; paddin

HTML

收藏 評論

xingchendahai_68d7dff410962 頭像

星辰大海 - 論如何製作簡易網頁槍械

武器系統製作：從零開始 第一步：先創造一個武器（用HTML） 把武器想象成一個玩具模型，我們先把它做出來。 !-- 這把槍叫"M4"，傷害35，射速10 -- div class="weapon" id="m4" h3M4 突擊步槍/h3 p傷害：span class="damage"35/span/p p射速：span class="fire-rate"10/span/

HTML

收藏 評論

xingchendahai_68d7dff410962 頭像

星辰大海 - 模擬網頁中國象棋模擬對戰

簡介 本程序有人人對戰和人機對戰，歡迎挑戰 源碼 ''' !DOCTYPE html html lang="zh-CN" head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" title迷你象棋/title style bod

人工智能 , HTML , Python

收藏 評論

xingchendahai_68d7dff410962 頭像

星辰大海 - 網頁自制數學助手

介紹 本論文的數學助手不做過多講解，因為比較簡單，主要是1，本文屬於AI回答，僅供參考。2，他會跟你秀一段。3,它有一定的思維能力，你可以把不會的數學題發給它 源碼 !DOCTYPE html html lang="zh-CN" head meta charset="UTF-8" meta name="viewport" content="width=device-width,

HTML

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序請求麥克風授權

首先找到manifest.json文件，開啓微信小程序授權請求 "permission": { "scope.record": { "desc": "需要使用麥克風進行語音錄製" // 此處描述需符合微信規範 } } 然後通過uni.getSetting查詢麥克風授權狀態 麥克風的scope值為scope.record，如果已授權則直接返回，若

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

收藏 評論

xingchendahai_68d7dff410962 頭像

星辰大海 - 自制植物大戰殭屍

介紹 1，基本講解 “UTF—8” 防止中文亂碼 "title" 這是網頁標題 “!DOCTYPE”**的作用是聲明這是“HTML5”，防止不同瀏覽器出現報錯信息 ** 如果有不理解的歡迎私信 源碼 !DOCTYPE html html lang="zh-CN" head meta charset="UTF-8" meta name="viewport" conte

HTML , Python

收藏 評論