收藏 / 列表

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - CSS 選擇器全解析：從基礎語法到組件庫樣式修改，解決前端樣式定位難題

前言：被 CSS 選擇器 “卡殼” 的日常 “寫了.btn-active樣式，為什麼按鈕沒反應？” “#nav .list li和.nav-list li到底誰能生效？” “想改組件庫的輸入框樣式，加了類卻被覆蓋？” “用[class=btn]匹配按鈕，多了個類名就失效了？” CSS 選擇器是前端樣式的 “定位工具”，但很多開發者停留在 “會用類和 ID” 的初級階段，面對動態元素、組件庫樣式修改

css3 , Css , 前端

ahmad-shadeed 頭像

Ahmad Shadeed - Using HSL Colors In CSS

From my experience, most of the colors I see people using in CSS are hex and RGB. Recently, I’ve started seeing more usage of HSL colors, however, I still think that the full potential of HSL is ove

Techniques , Tools , Css , Colors

gabriel-shoyombo 頭像

Gabriel Shoyombo - Web Components Vs. Framework Components: What’s The Difference?

It might surprise you that a distinction exists regarding the word “component,” especially in front-end development, where “component” is often used and associated with front-end frameworks and libr

Frameworks , Design , HTML

stephanie-eckles 頭像

Stephanie Eckles - A Guide To CSS Debugging

We’ve all been there, at the end of completing CSS for a layout and — what’s that? Ah! An extra scrollbar! Or maybe an element is an unexpected color. And on some browsers, that new feature just doe

workflow , Techniques , Tools , Css

u_16213657 頭像

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

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

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

victor-ayomipo 頭像

Victor Ayomipo - How Developers Can Strengthen Their Mental Health Amidst High-Pressure Projects

I have had my fair share of projects that have given me life because of what I accomplished, as well as those that have cost me life when I reflect on the terrible stress they caused. I know I’m not

workflow , Mental Health , Inspiration

shuirongshui 頭像

水冗水孚 - 連接mysql：Error: connect ECONNREFUSED ::1:3306 at TCPConnectWrap

問題描述 筆者把服務器上的node，從14升級到18 再次使用express的連接池連接mysql的時候（mysql版本：2.18.1） 出現連接不上的報錯 報錯信息如下： Error: connect ECONNREFUSED ::1:3306 at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1555:16)

express , MySQL

cosima-mielke 頭像

Cosima Mielke - Swing Into April (2023 Wallpapers Edition)

New month, new wallpapers! To cater for a fresh dose of colorful inspiration every month, we embarked on our monthly wallpapers journey over 12 years ago. It’s the perfect occasion for creatives to

Wallpapers

cristian-diaz 頭像

Cristian Díaz - The Guide To Windows High Contrast Mode

When we talk about accessibility, we tend to talk about many things — such as dark mode, keyboard navigation, prefers-reduced-motion, and screen readers — but there is one thing that does not receiv

Techniques , Accessibility , Css , Design

geoff-graham 頭像

Geoff Graham - Why Optimizing Your Lighthouse Score Is Not Enough For A Fast Website

This article has been kindly supported by our dear friends at DebugBear, who help optimize web performance to improve user experience. Thank you! We’ve all had that moment. You’re optimizin

performance , Core Web Vitals , optimization , Tools

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

michelle-barker 頭像

Michelle Barker - Reducing The Web’s Carbon Footprint: Optimizing Social Media Embeds

The COP26 climate conference has thrown into a sharp light the importance of reducing carbon emissions in every area of our lives. Everyone can play a role in this, including those of us working on

performance , optimization , User Interaction , ui

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

子丶不語 - Flex佈局-實戰篇

flex佈局屬於一維佈局簡單來説就是橫向或縱向佈局，將子元素羣編排成行或列。 上面的佈局我們用flex都可以輕鬆幾行實現 一、骰子的佈局 下面，就來看看Flex如何實現，從1個點到9個點的佈局。 HTML模板如下 div class="box" span class

Css , 前端開發 , ide , HTML