tag HTML

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

@HTML / 博客 RSS 訂閱

codepencil 頭像

CodePencil - CSS專題之層疊上下文

前言 石匠敲擊石頭的第 15 次 在平常開發的時候，有時候會遇到使用 z-index 調整元素層級沒有效果的情況，究其原因還是因為對層疊上下文不太瞭解，看了網上很多前輩的文章，決定打算寫一篇文章來梳理一下，如果哪裏寫的有問題歡迎指出，不勝感激。 什麼是層疊上下文 層疊上下文（Stacking Context）是 HTML 中的三維概念，它決定了元素在 Z 軸（垂直於電腦屏幕的方向） 上的顯示順序。

css3 , Css , HTML , 前端 , html5

收藏 評論

codepencil 頭像

CodePencil - CSS專題之水平垂直居中

前言 石匠敲擊石頭的第 16 次 在日常開發中，經常會遇到水平垂直居中的佈局，雖然現在基本上都用 Flex 可以輕鬆實現，但是在某些無法使用 Flex 的情況下，又應該如何讓元素水平垂直居中呢？這也是一道面試的必考題，所以打算寫一篇文章來好好梳理一下，如果哪裏寫的有問題歡迎指出，不勝感激。 分類 實現元素水平垂直居中的方法有很多，大致可以分為以下兩類： 固定寬高元素適用的方法 不固定寬高元素

css3 , Css , HTML , 前端 , html5

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - Seo工具使用與數據觀察實踐 上

第11章.Seo工具使用與數據觀察實踐 1.通過SimilarWeb選擇合適的競品 首先我們明確一個概念，當我們要做項目的時候，會有兩種情況，一種是有競品，另外一種是沒有競品。 而沒有競品的那種情況，一個可能是你的項目和Idea沒有價值。另外一個可能是你的項目實在是太牛逼了，門檻太高在那個時間段幾乎無懈可擊（Open Ai的早期）。 那麼我們回到擁有競品的項目，我們需要對它和它的網站的流量進行分析

seo , HTML , 前端

收藏 評論

dewujishu 頭像

得物技術 - Redis 是單線程模型？｜得物技術

一、背景 使用過Redis的同學肯定都瞭解過一個説法，説Redis是單線程模型，那麼實際情況是怎樣的呢？ 其實，我們常説Redis是單線程模型，是指Redis採用單線程的事件驅動模型，只有並且只會在一個主線程中執行Redis命令操作，這意味着它在處理請求時不使用複雜的上下文切換或鎖機制。儘管只是單線程的架構，但Redis通過非阻塞的I/O操作和高效的事件循環來處理大量的併發連接，性能仍然非常高。

bootstrap , HTML

收藏 評論

key_686e189f2e7cc 頭像

Key - 使用ENO將您的JSON對象生成HTML顯示

ENO 是簡單易用，性能卓越，自由靈活開源的 WEB 前端組件；實現 JSON 與 HTML 互操作的 JavaScript 函數庫。沒有任何其它依賴，足夠輕量. 　　WEBPack NPM 工程安裝。 　　npm install @joyzl/eno 　　然後在JS中引用 　　import "@joyzl/eno"; 　　將JS實體對象填充到表單 　　假設有一個如下

enoent , HTML , 前端 , Javascript , Json

收藏 評論

momeak9 頭像

泯瀧 - 在企業環境中正確使用 Node.js 的九大原則

鏈接：https://www.platformatichq.com/node-principles 作者：James Snell 等 原標題：9 Principles for Doing Node.js Right in Enterprise Environments Node.js 為超過 630 萬個網站和無數的 API 提供支持，是包括沃爾瑪和網飛在內的現代應用程序的有效基石。每年

node.js , npm , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——嵌套的 effect 與 effect 棧

effect 是可以發生嵌套的 vue.js的下渲染函數其實就是在一個effect中執行的 當組件發生嵌套時，例如Foo組件渲染了Bar組件 // Bar組件 const Bar = { render() { } } // Foo組件嵌套渲染了Bar組件 const Foo = { render() { return Bar / } } 此時就發

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——調度執行

調度性的定義：當我們執行trigger動作觸發副作用函數重新執行時，有能力決定副作用函數的時機、次數以及方式 控制執行時機 先來看看如何決定副作用函數的執行方式 const data = { foo: 1 } const obj = new Proxy(data, {}); // 為了演示，省略代理配置 effect(() = { console.log(obj.foo); }) obj.

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——計算屬性computed與lazy

在深入瞭解計算屬性之前，我們需要先知道懶執行的effect，也就是lazy的effect 我們現在實現的effect函數會立即執行傳遞給它的副作用函數，例如： effect( // 這個函數會立即執行 () = { console.log('執行了'); } ) 但有的時候我們不需要他立即執行，而是在需要的時候才執行，這個特性就跟計算屬性很像 我們可以在option

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

收藏 評論

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

收藏 評論