收藏 / 列表

linyuyizhizou_678b9fdc436f1 頭像

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

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

yarn , 知識 , npm , 前端 , Javascript

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 - 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 - Stories Of August (2025 Wallpapers Edition)

Everybody loves a beautiful wallpaper to freshen up their desktops and home screens, right? To cater for new and unique designs on a regular basis, we started our monthly wallpapers series more than

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 - Running A Page Speed Test: Monitoring vs. Measuring

This article has been kindly supported by our dear friends at DebugBear who help optimize web performance to improve user experience. Thank you! There is no shortage of ways to measure the

performance , optimization , Techniques , 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 - A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH

There’s more to color on the web than meets the eye, and it’s about to get a lot more interesting! Today, we’ll take a look at the best ways to use colors in a design system, and what we can expect

Techniques , Tools , Css , Colors , Design Systems

preethi-sam 頭像

Preethi Sam - A Few Interesting Ways To Use CSS Shadows For More Than Depth

The world of post-modern web design is one where the light doesn’t cast many shadows. That doesn’t mean CSS shadows are going away. On the contrary, they’ve become more adaptive. Shadows are an incr

Techniques , coding , Css

u_9849794 頭像

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

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

Css , 前端開發 , ide , HTML