博客 RSS 訂閱

codepencil 頭像

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

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

css3 , Css , HTML , 前端 , html5

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - css元素高度佔滿餘下空間

div class="box" div class="box1"/div div class="box2" div style="height: 500px;border: 1px solid gold;" /div /div /div 在css中，div的寬度默認獨佔一行，而高度需要手動設置。 上面的佈局，box 高度 300 box1的高度未

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 解決移動端設備hover樣式不消失問題

下面是一段scss示例： .btn-text { border: 1px solid #cfd5de; transition: all 0.3s; @media (hover: hover) { :hover { color: #006eff; border-color: #006eff; } } :active { col

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端頁面單詞、網址溢出換行

效果： 在css中，對文字可以使用：flex-wrap: wrap; 來實現文字溢出換行。 但如果文字是英文、網址，該屬性則無效。 我們需要對英文、網址進行斷字，然後使其換行，下面是mdn的解釋： .company_detail_webaddress{ max-width: 55%; margin-right: 10rpx;

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

收藏 評論

liuyuedekele 頭像

六月的可樂🥤 - 強烈推薦 Web前端在線代碼IDE(代碼編輯器)

好用代碼在線編輯器推薦 在前端開發的世界裏，一款高效、便捷的代碼編輯器是每位開發者的得力助手。今天，我將以一名前端技術愛好者的身份，為大家介紹一款專注於前端領域的免費在線代碼編輯器——ColaOnlineCoder。它不僅支持在線編輯和預覽HTML、CSS、JavaScript等前端代碼，還集成了豐富的在線前端框架模板，以及強大的AI編程助手能力，為前端開發帶來了前所未有的便捷與可能。 這裏先貼一

css3 , 人工智能 , typescript , 前端 , html5

收藏 評論

huagntm 頭像

煌大河ゞ - 設置css的rotate ，perspective為2000px,求div的視覺投影二維座標

設置：transform ：rotateX(30deg) rotateY(40deg) rotateZ(0deg) /** 計算旋轉後的四個角點 3D 座標（支持動態左上角座標） @param {number} left - 左上角初始 x 座標 @param {number} top - 左上角初始 y 座標 @param {number} width - 元素寬度 @param

css3 , Javascript

收藏 評論

haiyong 頭像

海擁 - Madalin Stunt Cars 2：極限特技賽車網頁版深度解析（附遊戲試玩）

💂 網站推薦:【 摸魚遊戲】【神級代碼資源網站】【星海網址導航】 摸魚、技術交流羣👉 點此查看詳情 你是否厭倦了傳統賽車遊戲的固定賽道？《Madalin Stunt Cars 2》（點此試玩）帶來完全不同的狂野體驗： ✅ 自由開放世界 – 無賽道限制，全地圖任你狂飆 ✅ 超真實物理引擎 – 翻車、飛躍、360°空翻全模擬 ✅ 多款豪車可選 – 跑車、越野車、肌肉

css3 , 前端 , html5 , 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

收藏 評論

axui 頭像

AXUI - AXUI 發佈萬能網頁模版，包含 100+ 設計精美的模塊，複製可用，適合展示型網站

模板簡介 基於 AXUI 開發的前端萬能網頁模版，包含了list列表、banner通欄、form表單、accordion摺疊菜單、tab切換菜單、aside側邊板塊、card卡片圖文、map地圖板塊、marquee跑馬燈板塊、stats數字統計板塊、text正文板塊等常用模版。 模板特點 基於 AXUI 前端框架 基於 HTML5、CSS3 和 ES6 標準開發 CSS 和 JS 的

css3 , 模板 , typescript , 前端 , Javascript

收藏 評論

yeshifu 頭像

程序員老葉 - 2025年主流CRM系統產品全面解析

CRM（客户關係管理）系統已成為企業提升銷售效率、優化客户體驗、實現業績增長的核心工具。2025年，CRM市場格局日趨成熟，無論是國內還是國際廠商，都在產品功能、生態集成、智能化等方面持續創新。本文將對2025年主流CRM系統進行全面解析，幫助企業選型提供參考。 一、國內主流CRM系統 1. Zoho CRM 市場地位：國內CRM市場佔有率多年領先，2025年在全球企業級SaaS CRM領域繼

css3 , chrome-devtools

收藏 評論

weidelanqiu 頭像

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

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

css3 , HTML

收藏 評論

good_luck_5e9ba6e9aa054 頭像

360Web - 2025 Vue3 Admin Better前端發展展望

Vue3 Admin Better 與 Vue Admin Better：技術演進與核心差異解析 一、Vue3 Admin Better：企業級後台框架的技術革新 核心架構與技術特性 Vue3 Admin Better 是基於 Vue 3 生態構建的企業級後台管理系統框架，其核心優勢體現在以下方面： • 雙版本兼容性 支持 Vue 2.x（Element UI）與 Vue 3.x（Eleme

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端wavesurfer.js錄音+波形功能

vue3項目，主要通過wavesurfer.js實現前端錄音+實時波形渲染 template div class="audio-container" @click="onStop" div class="flex-between audio-box" v-if="!transform" div你可以開始説話/div div class="audio" id="w

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp一個透明佔位的nav-bar組件

該組件是一個透明佔位的頭部nav-bar組件，組件的大小位於最頂部一直到膠囊底部的位置，如下： 內部提供一個插槽，這個插槽的高度跟膠囊的高度一致，你可以自定義一些按鈕，跟膠囊對齊 template view :style="{ height: navBar.totalHeight + 'px', back

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

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 常用Web 實時通信技術：原理+選型，一篇通關

在 Web 開發中，實時通信技術的核心目標是實現客户端（Browser）與服務器之間低延遲、雙向 / 單向的動態數據交互，而非傳統 HTTP 的 “請求 - 響應” 模式。以下是 Web 端最常用的實時通信技術，從概念、原理特點、適用場景、對比選型進行詳細解析。 一、WebSocket 1.1、核心概念 WebSocket 是 Web 端實時通信的 “基礎設施”，通過全雙工長連接和輕量幀傳輸，解決

程序員

收藏 評論

jdcdevloper 頭像

京東雲開發者 - JDD Oxygen智能零售論壇 | 《大模型時代的廣告營銷變革與實踐》

核心觀點 1. 通用大模型想解決營銷領域問題需向垂類模型轉型。 “全才”通用大模型難覆蓋廣告營銷全流程，需升級為“懂營銷”的垂直模型，實現從“知道”到“落地執行”的三維跨越。 2. 廣告智能體破解傳統投放門檻高效果不穩定難題。 把簡單留給客户，讓複雜交給AI。傳統投放對中小商家門檻高，廣告投放智能體憑“一句話指令”實現自動化操作與調優，讓廣告主從 “操作崗” 解放出來，專注做 “戰略崗”。 3.

程序員

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 研發排查問題的利器：一款方法調用棧跟蹤工具

導語 本文從日常值班問題排查痛點出發，分析方法複用的調用鏈路和上下文業務邏輯，通過思考分析，藉助棧幀開發了一個方法調用棧的鏈式跟蹤工具，便於展示一次請求的方法串行調用鏈，有助於快速定位代碼來源和流量入口，有效提升研發和運維排查定位效率。期望在大家面臨類似痛點時可以提供一些實踐經驗和參考，也歡迎大家合適的場景下接入使用。  現狀分析 在系統值班時，經常會有人拿着報錯截圖前來諮詢，作為值班研發，我們

程序員

收藏 評論

ourbmc 頭像

OurBMC - OurBMC大咖説 | 第13期：OurBMC社區聯手移動雲，破解雲環境BMC管理困局

欄目介紹："OurBMC 大咖説" 是一個由 OurBMC 社區精心策劃的線上講座欄目，每期邀請一位 BMC 相關領域大咖共同探討 BMC 全棧技術的發展趨勢、挑戰和機遇。無論你是初學者還是資深從業者，"OurBMC 大咖説" 都將為你提供一個寶貴的學習和交流的平台。 快來關注 "OurBMC 大咖説" 吧！讓我們一起聆聽大咖們的智慧之聲，共同推動 BMC 全棧技術的進步和發展！ 本期人物介紹：朱

程序員

收藏 評論

ourbmc 頭像

OurBMC - OurBMC技術委員會2025年三季度例會順利召開

10月24日，OurBMC社區技術委員會三季度例會順利召開。本次會議採用線上線下結合的方式，各委員在會上聽取了OurBMC社區過去一年的工作總結匯報，規劃了2025年四季度的重點工作。 會上，技術委員會主席李煜彙報了社區過去一年的主要工作及取得的成績： BMC軟件SIG OurBMC / openbmc： 已完成功能： 基於openbmc-2.18.0-dev分支，創建OurBMC-25.01

程序員

收藏 評論

ivorysql_xiaozhuli 頭像

IvorySQL - IvorySQL 社區擺攤啦，GOTC 2025 開源集市等你來玩！

全球開源技術峯會（Global Open-source Technology Conference） GOTC 2025 將於 11 月 1 日至 2 日在北京隆重舉行。 為期 2 天的開源技術與行業盛會，將通過行業展覽、主題發言、圓桌討論等形式來詮釋此次大會主題 ——“萬源共振，智構未來”。會議聚焦 Agentic AI、大模型時代的 “開源”、AI + 軟件工程、軟件基礎設施智能化、AI C

數據庫 , postgresql , 程序員

收藏 評論

jdcdevloper 頭像

京東雲開發者 - EasyExcel碰到問題記錄

1、富文本中文字設置不同顏色和字體不生效 String stringCellValue = cell.getStringCellValue(); if (StringUtils.isNotBlank(stringCellValue) stringCellValue.contains(startIndex) stringCellVa

程序員

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 遞歸算法實踐--到倉合單助力京東物流提效增收

一、背景 京東物流到倉業務「對商家」為了減少商家按照京東採購單分貨備貨過程，對齊行業直接按照流向交接，提升商家滿意度；「對京東」攬收操作APP提效；到倉合單功能應運而生； 二、問題 一次批量採購單（一次50或者100個採購單）需要根據不同的規則合併成多個訂單； 每一個採購單可以是不同的來源類型（自營和非自營）、不同的收貨類型，每一個採購單會有多個SKU，同一個SKU只有一個等級，一批採購單會有多個

程序員

收藏 評論

chaoqiezi 頭像

ChaoQiezi - Windows：解決電腦開機解鎖後黑屏但鼠標可見可移動的問題

01 方法適用的範圍 下面幾種方法可以解決的前提是： 你的鼠標可以移動 可以使用Ctrl+Alt+Delete呼出任務管理器（或者可以手動通過快捷鍵等方式打開程序例如explorer.exe，regedit.exe等系統程序） 否則下面方法僅供參考。 02 方法1-臨時恢復桌面（手動啓動Explorer） 按 Ctrl + Alt + Delete，選擇任務管理器，在任務管

教程 , 程序員

收藏 評論

aitaokedemugua 頭像

bot555666 - Cliproxy代理IP與Kameleo指紋瀏覽器在自動化採集中的協同實踐

瀏覽器指紋與出口IP是反爬體系的兩條主線。將Cliproxy代理IP池與Kameleo指紋瀏覽器編排到同一生命週期，可在不觸碰“破解”“繞過”等敏感邏輯的前提下，把兩項技術的互補性轉化為可量化的穩定性指標。下文給出一種輕量級集成思路，供需要長期維護採集通道的研發團隊參考。 一、能力映射 　　Cliproxy代理IP池的核心指標是“存活時長”與“請求成功率”；Kameleo指紋瀏覽器的核心指標

程序員

收藏 評論