收藏 / 列表

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

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

yarn , 知識 , npm , 前端 , Javascript

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 - Solving Media Object Float Issues With CSS Block Formatting Contexts

Let’s imagine we’re making a small component. It can be anything, really, but let’s use a media object as an example. Nicole Sullivan had a solid definition of media objects from way back in 2010, a

Tutorials , Layouts , coding , Css

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

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

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

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

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

水冗水孚 - 通俗易懂講解並手寫一個vue數據雙向綁定案例

問題描述 面試中,面試官除了問基礎知識以外,還喜歡問一些框架原理。比如:你對vue的數據雙向綁定mvvm是如何理解的?網上的部分貼子可能寫的有點抽象,不便於快速閲讀理解。本篇文章就使用通俗易懂的簡單方式,來講解並實現一個簡單的vue數據雙向綁定原理demo,希望對大家有一定的幫助 先複習基本知識 為了便於大家更好的理解下文數據雙向綁定的代碼,我們最好先複習一下舊知識,如果基礎知識紮實的道友,可以直

vue.js , mvvm

Cosima Mielke - Daydreaming In March (2023 Wallpapers Edition)

We all need a little inspiration boost every now and again. Maybe your secret is to go for a walk, have a chat with a friend, or listen to your favorite playlist. Whatever it might be that refuels y

Wallpapers

Cristian Díaz - A Guide To Keyboard Accessibility: JavaScript (Part 2)

In the previous article, we talked about how to improve accessibility for keyboard users using HTML and CSS. Those languages can do the job most of the time, but certain design requirements and the

Guides , Accessibility , Css , HTML , Javascript

Geoff Graham - Behind The Curtains Of Wikipedia Redesign

Wikipedia is more than a website — it’s perhaps a cornerstone of the World Wide Web. For decades, the site has provided a model for collaborating online, designing long-form content layouts, and sup

Interviews , ux , Design , ui

兔子先森 - uniapp微信小程序pinia持久化緩存

HBuilder X自帶pinia,無需我們手動安裝。 我們通過pinia-plugin-persistedstate插件來實現pinia的持久化緩存 npm i pinia-plugin-persistedstate 本身 pinia-plugin-persistedstate 是不支持 uniapp 的,但是 pinia-plugin-persistedstate 提供了修改 s

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

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

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

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

Css , 前端開發 , ide , HTML