收藏 / 列表

linyuyizhizou_678b9fdc436f1 頭像

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

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

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 - 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 - 電調

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

參數設置 , 熱啓動 , 滑塊 , Css , 前端開發 , 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 頭像

水冗水孚 - 圖文並茂：從Ubuntu服務器上安裝Ollama，到下載大模型，到寫前端頁實現大模型問答對話功能

本文圖文並茂，記錄安裝 Ollama過程，下載大模型，啓動ollama大模型服務，然後通過nginx代理外部請求訪問，實現一個前端問答效果 準備工作 一台服務器，操作系統 Ubuntu，版本大於等於 20.04，筆者的是 Ubuntu 22.04 64 bit 當然了 有域名最好 一個圖形可視化化鏈接服務器軟件，筆者推薦 winscp 一架梯子，筆者用的是，clash小貓 效果圖 效

react , ai開發 , Nginx , 大模型 , Ubuntu

cosima-mielke 頭像

Cosima Mielke - Waiting For Spring (March 2024 Wallpapers Edition)

March is here! With the days getting noticeably longer in the northern hemisphere, the sun coming out, and the flowers blooming, we are fueled with fresh energy. And even if spring is far away in yo

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 - Tight Mode: Why Browsers Produce Different Performance Results

This article has been kindly supported by our dear friends at DebugBear, who help optimize web performance to improve user experience. Thank you! I was chatting with DebugBear’s Matt Zeuner

performance , optimization , Tools

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 原生electron起步-從零到一完成構建和打包

官網：https://www.electronjs.org/zh/ 安裝依賴 初始化package.json pnpm init 安裝依賴 pnpm add -D electron 安裝報錯解決方案：https://blog.csdn.net/qq_38463737/article/details/140277803 1、打開npm的配置文件 # cmd 運行打開配置文件 npm confi

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

michelle-barker 頭像

Michelle Barker - Respecting Users’ Motion Preferences

When working with motion on the web, it’s important to consider that not everyone experiences it in the same way. What might feel smooth and slick to some might be annoying or distracting to others

performance , animation , Css , Javascript

preethi-sam 頭像

Preethi Sam - How To Animate Along A Path In CSS

Let’s talk about progress indicators — or loaders. It’s true that there are so many tutorials about them and even more examples floating around CodePen. There was a time just a couple of years ago w

Techniques , Css , Design

u_9849794 頭像

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

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

Css , 前端開發 , ide , HTML

data_ai 頭像

數據庫知識分享者 - Bean異步初始化，讓你的應用啓動飛起來

如果你的系統啓動耗時250s以上，文章思路應該可以幫到你。 一、背景 近期，在做應用啓動提速相關工作的過程中，我們發現，應用啓動速度主要的瓶頸在於bean的初始化過程（init，afterPropertiesSet方法的耗時）。很多中間件bean的初始化邏輯涉及到網絡io，且在沒有相互依賴的情況下串行執行。將這一部分中間件bean進行異步加載，是提升啓動速度的一個探索方向。 二、解決方案 自動

初始化 , 雲計算 , 阿里雲 , bean , 異步

kubeexplorer 頭像

探索雲原生 - ArgoWorkflow教程(八)---基於 LifecycleHook 實現流水線通知提醒

本篇介紹一下 ArgoWorkflow 中的 ExitHandler 和 LifecycleHook 功能，可以根據流水線每一步的不同狀態，執行不同操作，一般用於發送通知。 !--more-- 1. 概述 本篇介紹一下 ArgoWorkflow 中的 ExitHandler 和 LifecycleHook 功能，可以根據流水線每一步的不同狀態，執行不同操作，一般用於發送通知。 比如當某個步驟，或

devops , 雲原生 , cicd , jenkins , go

jiang_5f3236dd7afd1 頭像

Serverless - 算力成本降低 33%，與光同塵用 Serverless AI 賦能影視商業內容生產

作者：趙世振、鄭健源、陳濤、孔德慧 一、十年積澱，AI破局：與光同塵的轉型之路 與光同塵成立於2015年，最初是一家專注於品牌商業廣告製作的傳統影視公司，服務客户包括阿里巴巴等頭部品牌。在AI技術尚未普及的年代，公司依賴“實拍+後期”兩種模式完成影像內容生產，一個百萬級項目動輒耗時2-3個月，70%以上的成本用於拍攝與製作，利潤率僅10%出頭。 轉折點出現在2023年。公司CEO陳發靈帶領團隊開始

阿里雲 , 雲原生 , serverless