收藏 / 列表

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - Flex 佈局實戰指南：從踩坑到精通，解決 90% 佈局難題

前言：你是否也被這些 Flex 問題折磨過？ “為什麼我用justify-content: center卻無法垂直居中？” “align-items和align-content到底什麼時候生效？” “設置了width: 200px，加了flex:1後怎麼沒用了？” 作為前端開發最常用的佈局方案，Flex（彈性佈局）以 “靈活” 著稱，但這份靈活也讓很多開發者陷入 “混亂”—— 核心原因是沒吃透 “

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 - CSS Intelligence: Speculating On The Future Of A Smarter Language

Once upon a time, CSS was purely presentational. It imperatively handled the fonts, colors, backgrounds, spacing, and layouts, among other styles, for markup languages. It was a language for looks,

Techniques , coding , Css

stephanie-eckles 頭像

Stephanie Eckles - Level Up Your CSS Skills With The :has() Selector

Using :has() gives us the ability to “look ahead” with CSS and style a parent or ancestor element. Then, we can broaden the selector to target one or more siblings or children. By considering elemen

workflow , Tools , Css , Browsers

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

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

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

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

cosima-mielke 頭像

Cosima Mielke - A September Of Never Ending Adventures (2023 Wallpapers Edition)

September is just around the corner, and that means it’s time for some new wallpapers! For more than twelve years already, our monthly wallpapers series has been the perfect occasion for artists and

Wallpapers

cristian-diaz 頭像

Cristian Díaz - A Guide To Hover And Pointer Media Queries

The Internet is filled with a lot of interactivity, and more often than not the way we choose to show we can interact with an element is by using the hover pseudo-class. After all, changing an eleme

Techniques , Tools , Layouts , Css

geoff-graham 頭像

Geoff Graham - A Roundup Of WCAG 2.2 Explainers

WCAG 2.2 is officially the latest version of the Web Content Accessibility Guidelines now that it has become a “W3C Recommended” web standard as of October 5. The changes between WCAG 2.1 and 2.2 a

Roundup , Accessibility

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序AI對話SSE流式輸出

微信小程序版本，主要針對AI對話的流式輸出，這裏主要有兩個要點 **1、如何流式渲染 2、如何建立SSE連接** 我們先從看得見的渲染開始着手，能渲染出來後再建立SSE做流式輸出 流式渲染 這裏使用uniapp插件市場的：zero-markdown-view 插件市場搜索直接下載導入到項目裏就可以用了 頁面使用： zero-markdown-view :theme-c

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

michelle-barker 頭像

Michelle Barker - Reducing The Web’s Carbon Footprint: Optimizing Social Media Embeds

The COP26 climate conference has thrown into a sharp light the importance of reducing carbon emissions in every area of our lives. Everyone can play a role in this, including those of us working on

performance , optimization , User Interaction , ui

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

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

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

Css , 前端開發 , ide , HTML