收藏 / 列表

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - 前端設計模式深度解讀：從混沌到有序，寫出可維護的代碼

前端設計模式深度解讀：從混沌到有序，寫出可維護的代碼 前言：你是否也被這些代碼問題折磨過？ "這個彈窗組件改一處就崩三處，到底誰寫的？" "為什麼同樣的表單驗證邏輯，每個頁面都要複製粘貼？" "狀態管理越來越亂，新增功能要改五六個地方？" "接手的項目像一團亂麻，根本不敢動核心邏輯？" 前端開發中，"能跑就行" 的代碼在初期或許能快速交付，但隨着項目迭代，維護成本會指數級增長。設計模式不是銀彈，卻

設計模式 , 前端

ahmad-shadeed 頭像

Ahmad Shadeed - A Deep CSS Dive Into Radial And Conic Gradients

CSS gradients are a useful CSS feature that can be used to create interesting UI effects or even help us in drawing something without the need to create HTML elements for it. Two gradients that I wo

animation , Techniques , Css , ui

gabriel-shoyombo 頭像

Gabriel Shoyombo - CSS Intelligence: Speculating On The Future Of A Smarter Language

Once upon a time, CSS was purely presentational. It imperatively handled the fonts, colors, backgrounds, spacing, and layouts, among other styles, for markup languages. It was a language for looks,

Techniques , coding , Css

stephanie-eckles 頭像

Stephanie Eckles - Level Up Your CSS Skills With The :has() Selector

Using :has() gives us the ability to “look ahead” with CSS and style a parent or ancestor element. Then, we can broaden the selector to target one or more siblings or children. By considering elemen

workflow , Tools , Css , Browsers

u_16213657 頭像

mob64ca140a1f7c - 微信客服系統開發教程

摘要：基於企業微信API的智能客服系統技術方案摘要：本文介紹了構建企業微信智能客服系統的完整技術方案。系統採用分層架構設計，整合了企業微信API、生成式AI和RAG技術，實現從傳統規則引擎到AI驅動的範式轉變。核心功能包括智能路由、多客服協作、知識庫檢索和上下文對話管理，並採用情感識別、緩存優化等高級策略提升用户體驗。系統支持容器化部署，建立了

企業微信 , 微信開放平台 , 自動發送消息 , 企微 , Css , 企微API , 前端開發 , HTML

victor-ayomipo 頭像

Victor Ayomipo - Integrating CSS Cascade Layers To An Existing Project

You can always get a fantastic overview of things in Stephenie Eckles’ article, “Getting Started With CSS Cascade Layers”. But let’s talk about the experience of integrating cascade layers into real

Techniques , coding , Css

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

cosima-mielke 頭像

Cosima Mielke - Look Closer, Inspiration Lies Everywhere (February 2025 Wallpapers Edition)

As designers, we are always on the lookout for some fresh inspiration, and well, sometimes, the best inspiration lies right in front of us. With that in mind, we embarked on our wallpapers adventure

Wallpapers

cristian-diaz 頭像

Cristian Díaz - A Guide To Keyboard Accessibility: HTML And CSS (Part 1)

Keyboard accessibility is an important part of the user experience. There are multiple criteria in Web Content Accessibility Guidelines (WCAG) about this topic. Still, it’s somehow overlooked, affec

Guides , Accessibility , Css , HTML

geoff-graham 頭像

Geoff Graham - Falling For Oklch: A Love Story Of Color Spaces, Gamuts, And CSS

I woke up one morning in early 2022 and caught an article called “A Whistle-Stop Tour of 4 New CSS Color Features” over at CSS-Tricks. Wow, what a gas! A new and wider color gamut! New color spaces

Techniques , Css , Design

tuzixiansen_63d4d65909d62 頭像

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

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

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

michelle-barker 頭像

Michelle Barker - Optimizing A Vue App

Single Page Applications (SPAs) can provide a rich, interactive user experience when dealing with real-time, dynamic data. But they can also be heavy, bloated, and perform poorly. In this article, w

Tools , Vue , Apps , Javascript

preethi-sam 頭像

Preethi Sam - The Times You Need A Custom @property Instead Of A CSS Variable

We generally use a CSS variable as a placeholder for some value we plan to reuse — to avoid repeating the same value and to easily update that value across the board if it needs to be updated. :roo

animation , Css , Design

u_9849794 頭像

子丶不語 - 告別“自動黑屏”——一個原生 JS API 就夠了

核心用法（3 段代碼就夠） 1) 能不能用？ function isWakeLockSupported() { return 'wakeLock' in navigator; } 2) 申請 監聽釋放 let wakeLock = null; async function requestWakeLock() { tr

sed , HTTPS , 標籤頁 , 前端開發 , Javascript

youqingyouyidedalianmao 頭像

龍智DevSecOps - Perforce品牌及產品名更新：版本控制Perforce P4、靜態代碼分析Perforce QAC等

本文來源perforce.com，由Perforce中國授權合作伙伴、DevSecOps解決方案提供商-龍智基於原文編輯整理。 近日，全球領先的DevOps解決方案提供商Perforce宣佈更新品牌形象，並對其核心產品線進行調整——將廣受歡迎的版本控制解決方案Helix Core正式更名為Perforce P4，同時，部分數字創作工具也統一整合至全新的Perforce P4平台。此次品牌重塑，標誌

數字化轉型 , 資產管理 , 版本控制 , 代碼質量

u_17213027 頭像

wx676be6175e246 - Android打印輸出

從基礎到實戰 在Android開發中，打印輸出是數據呈現的重要方式，尤其在需要將信息轉化為紙質媒介的場景下。本文將深入探討Android打印輸出的核心機制、實現步驟及最佳實踐。 打印輸出原理 Android打印系統通過PrintManager類提供打印服務，支持打印文本、圖片、網頁等多種格式。其核心流程包括： 權限配置 在AndroidManifest.xml中添

移動開發 , 最佳實踐 , Android , ide

u_15469972 頭像

mb61c46a7ab1eee - 深入解析：在git commit時利用AI自動生成並填充commit信息

文章目錄 前言 一、實現思路 二、具體實現 1.獲取修改的代碼內容 2.提交給AI，並從AI得到結果 3.信息寫入到git commit的編輯框 效果 使用 總結 前言 提交代碼時都會用到git commit，這時一般會根據修改的代碼來寫上説

python腳本 , 編輯框 , 後端開發 , harmonyos , Git