收藏 / 列表

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - CSS BFC 深度解讀：從原理到實戰，解決 90% 佈局難題

CSS BFC 深度解讀：從原理到實戰，解決 90% 佈局難題 前言：被 “玄學佈局” 折磨的日常 “為什麼兩個相鄰 div 的 margin 疊成一個了？” “浮動元素怎麼把父容器‘撐破’了？” “文字怎麼總繞着浮動圖片跑，我想讓它老老實實換行！” “子元素用了絕對定位，怎麼就超出父容器範圍了？” 如果你在前端開發中遇到過這些問題，説明你還沒真正掌握 BFC—— 這個 CSS 中 “看不見卻很重

css3 , Css , 前端

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 - Masonry In CSS: Should Grid Evolve Or Stand Aside For A New Module?

You’ve got a Pinterest-style layout to build, but you’re tired of JavaScript. Could CSS finally have the answer? Well, for a beginner, taking a look at the pins on your Pinterest page, you might be

Techniques , CSS Grid , Css , Design

stephanie-eckles 頭像

Stephanie Eckles - Getting Started With CSS Cascade Layers

CSS recently turned 25 years old, and over that time, many techniques and tools have been created to help developers work with the cascade. Within the last year, a new spec to orchestrate the “C” in

Guides , Techniques , Css

u_16213657 頭像

mob64ca140a1f7c - 電調

我們來詳細解析AM32中 Minimum duty cycle, Percent（最小佔空比，百分比） 這個參數。這是一個非常基礎且關鍵的參數，它直接決定了電機能否順利啓動和低速平穩運行。 一、 核心概念：它是什麼？ 最小佔空比 定義了電調能夠輸出給電機的最低有效驅動功率。可以把它想象成發動機的怠速。 技術原理：電調通過PWM

參數設置 , 熱啓動 , 滑塊 , Css , 前端開發 , HTML

victor-ayomipo 頭像

Victor Ayomipo - CSS min() All The Things

Did you see this post that Chris Coyier published back in August? He experimented with CSS container query units, going all in and using them for every single numeric value in a demo he put together

Techniques , Tools , Css

shuirongshui 頭像

水冗水孚 - React中使用map+area標籤實現img圖片特定區域標記功能（可用Photoshop精準拾取對應點位）

需求描述 前段時間，工作中筆者接到了一個有意思的需求 就是給圖片做特定的交互效果 圖片中有幾個特殊區域 當用户hover特殊區域的時候，高亮 點擊特殊區域的時候，彈框給到一些提示信息 效果圖和線上演示 線上效果演示地址：https://ashuai.site/reactExamples/imagePoint 技術方案選擇 這個需求如果圖片中的特定區域都是矩形 我們完全可以直接

react , jquery插件 , Css , jquery , HTML

cosima-mielke 頭像

Cosima Mielke - Inspiring Web Design And UX Showcases

Design inspiration! Where do you find interesting websites? Here’s a list of showcases that we frequently visit for inspiration. No matter if you’re looking for effective, unpretentious designs, we

Round-Ups , Inspiration , Resources

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 - iA Presenter: A Case Study On Product Pricing Considerations

This article has been kindly supported by our dear friends at iA who create beautiful, human-centric experiences with their iA Writer and Presenter products. Thank you! So, you’ve created a

Pricing , Case Studies , Business

tuzixiansen_63d4d65909d62 頭像

兔子先森 - axios雙Token無痛刷新，解決隊列請求、歷史請求問題

雙token無痛刷新機制主要是由一個accessToken和一個refreshToken實現的，請求接口的時候使用accessToken，一旦accessToken過期，立刻用refreshToken請求刷新token接口，拿到accessToken、refreshToken存起來，然後使用accessToken請求接口。 這其中有幾個點需要注意： 當前過期的token如何處理？ 過期

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

michelle-barker 頭像

Michelle Barker - Building A Dynamic Header With Intersection Observer

The Intersection Observer API is a JavaScript API that enables us to observe an element and detect when it passes a specified point in a scrolling container — often (but not always) the viewport — t

performance , API , Javascript , ui

preethi-sam 頭像

Preethi Sam - In Search Of The Ideal Privacy Icon

I’ve been on the lookout for a privacy icon and thought I’d bring you along that journey. This project I’ve been working on calls for one, but, honestly, nothing really screams “this means privacy”

Icons , Design , ui

u_9849794 頭像

子丶不語 - 停止濫用箭頭函數：這5個場景請務必使用 function

自 ES6 問世以來，箭頭函數（Arrow Functions）以其簡潔的語法和對this的詞法綁定，迅速成為了 JavaScript 開發者的“新寵”。我們似乎傾向於在任何可以使用函數的地方都換上() = {}。 然而，箭頭函數並非“銀彈”，它並不能完全替代傳統的function關鍵字。過度濫用箭頭函數，尤其是在不理解其工作原理的情況下，會導致難以追蹤的 bug 和意外行

作用域 , ES6 , 構造函數 , 後端開發 , .net