Library Search
结果页

入门篇 - Utility-First CSS 思维

在 技术栈 中找到 8 个匹配结果。

返回文档库
技术栈

技术栈

8 个
查看全部
Tailwind CSS # Tailwind CSS Utility-First 思维 ## 背景 传统 CSS 需要给每个元素取 class 名、写 CSS 文件、维护样式表。Tailwind 颠覆了这个模式:用原子化 class 直接在 HTML 中描述样式,大幅提升开发效率。 ## 核心概念 ### 1. Utility-First 哲学 传统 CSS 写法: ```css /* 需要命名、跳文件、维护… 3% Bootstrap ```html <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css"… 3% Angular # Angular 毕设项目架构入门 ## 背景 Angular 是 Google 维护的企业级前端框架。很多同学第一次接触 Angular 时会被它的"全家桶"吓到——模块、服务、依赖注入、装饰器、RxJS……概念太多。但实际上毕设项目用到的只是冰山一角,掌握核心模式即可高效开发。 --- ## 核心概念 ### 1. Angular 的三驾马车 | 概念 | 作用 | 类比 | |… 3% jQuery # jQuery 毕设快速开发入门 ## 背景 很多同学觉得 jQuery "过时了",跳过它直接学 React/Vue。但实际毕设中,大量场景只需要简单的 DOM 操作和 Ajax 请求,jQuery 恰恰是最快出活的选择。学习成本低、复制粘贴就能跑、兼容性好——特别适合时间紧迫的毕设冲刺。 --- ## 核心概念 ### jQuery 的三句话心法 1. **选择元素,然后操作它*… 3% Flask # Flask 入门教程 —— 从零构建 Web 应用 ## 本章目标 - 理解 Flask 的核心设计理念 - 搭建完整的 Flask 项目骨架 - 掌握路由、模板、静态文件三大基础 - 实现一个简单的留言板应用 ## 1. Flask 的设计哲学 Flask 遵循**微内核 + 扩展**的设计模式: ``` Flask 核心(最小集合) ├── 路由系统(werkzeug.routi… 2% Preact {/* 条件渲染 */} {count >= 10 && ( <div className="achievement">🏆 达到 10 次点击!</div> )} </div> ); } ``` ```css /* src/style.css */ * { margin: 0; padding: 0; box-sizing: border-b… 2% C# ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Alpine.js Demo</title> <style> body { font-family: system-ui; max-width: 600px; margin: 50px auto; background: #… 2% Node.js ``` my-api/ ├── package.json ├── src/ │ ├── app.js # Express 应用入口 │ ├── db.js # 数据库连接 │ ├── routes/ │ │ └── users.js # 用户路由 │ ├── controllers/ │ │ └── usersContro… 2%