收藏 / 列表

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - 深度解讀前端包管理器：npm、cnpm、yarn、pnpm 的技術博弈與選型指南

引言：被依賴包支配的前端日常 "為什麼我本地能運行的項目，到服務器就報錯？" "node\_modules 文件夾怎麼佔用了 10GB 磁盤空間？" "安裝依賴為什麼要等 5 分鐘？" 這些前端開發中的經典靈魂拷問，都指向同一個核心問題 —— 包管理器的選擇與使用。從 2010 年 npm 誕生至今，前端包管理生態經歷了多次技術迭代，形成了 npm、cnpm、yarn、pnpm 四分天下的格局。它

yarn , 知識 , npm , 前端 , Javascript

ahmad-shadeed 頭像

Ahmad Shadeed - A Deep Dive Into object-fit And background-size In CSS

We’re not always able to load different-sized images for an HTML element. If we use a width and height that isn’t proportional to the image’s aspect ratio, the image might either be compressed or st

Techniques , Tools , Css , Browsers

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

u_16116809 頭像

wx6464351503832 - GPT-5.1 發佈：更智能也更“人性化“的 AI 助手

2025年11月12日，OpenAI 發佈了 GPT-5 系列的重要更新版本 GPT-5.1，包括 GPT-5.1 Instant（即時版）和 GPT-5.1 Thinking（思維版）兩個變體。這次更新不僅在技術能力上有所提升，更值得關注的是其在對話風格上的顯著變化，而這一變化正在社區中引發激烈討論。 技術升級：智能與效率的平衡 GPT-5

redis , 智能體 , 數據 , gpt , 數據庫 , 人工智能 , 大模型

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 Cascade Layers Vs. BEM Vs. Utility Classes: Specificity Control

CSS is wild, really wild. And tricky. But let’s talk specifically about specificity. When writing CSS, it’s close to impossible that you haven’t faced the frustration of styles not applying as expe

Techniques , coding , Css

u_12891 頭像

gjnet - C++ 子類父類的相互轉換_51CTO博客

背景 在工作中，經常用到父類指針指向子類對象，通過virtual關鍵字實現多態；但當突然子類對象想向父類傳數據時，一下子愣住了。重新回顧下C++基礎 一、子類向父類傳遞數據 1. 基本調用方式 class Parent { public: void parentFunc() { std::

子類 , 數據 , 1024程序員節 , 前端開發 , 父類 , Javascript

cosima-mielke 頭像

Cosima Mielke - Longing For May (2024 Wallpapers Edition)

Inspiration lies everywhere, and as a matter of fact, we discovered one of the best ways to spark new ideas: desktop wallpapers. Since more than 13 years already, we challenge you, our dear readers,

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

兔子先森 - 移動端emoji輸入組件

主要流程 前端emoji組件一般用在聊天輸入界面，點擊表情，整個輸入框被彈起，顯示emoji界面，點擊其它位置，emoji界面自動關閉，這其中有一些注意點： 1、點擊emoji，emoji界面從底部彈起，輸入框也要同步顯示 2、二次點擊emoji圖標，emoji界面關閉(你也可以切換鍵盤輸入) 3、點擊輸入框，鍵盤彈起，emoji界面關閉 4、點擊emoji界面的其它位置（

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

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

michelle-barker 頭像

Michelle Barker - Developer Decisions For Building Flexible Components

In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs. Added to that, on the modern web, users have an ever-increasing range of options for ho

Techniques , Content , Css , Design

preethi-sam 頭像

Preethi Sam - Gradients, Blend Modes, And A Really Cool Hover Effect

Do you know how box-shadow is sometimes used as a hover effect? It adds depth to something, like a button, and can create the impression that it is being pressed into the page. See the Pen [Unti

Techniques , coding , Css

u_9849794 頭像

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

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

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