Library Search
结果页

入门篇 - Utility-First CSS 思维

在 知识库 中找到 8 个匹配结果。

返回文档库
知识库

知识库

8 个
入门篇 - Utility-First CSS 思维 # Tailwind CSS Utility-First 思维 ## 背景 传统 CSS 需要给每个元素取 class 名、写 CSS 文件、维护样式表。Tailwind 颠覆了这个模式:用原子化 class 直接在 HTML 中描述样式,大幅提升开发效率。 ## 核心概念 ### 1. Utility-First 哲学 传统 CSS 写法: ```css /* 需要命名、跳文件、维护… 3% 入门篇 - Angular毕设项目架构 # Angular 毕设项目架构入门 ## 背景 Angular 是 Google 维护的企业级前端框架。很多同学第一次接触 Angular 时会被它的"全家桶"吓到——模块、服务、依赖注入、装饰器、RxJS……概念太多。但实际上毕设项目用到的只是冰山一角,掌握核心模式即可高效开发。 --- ## 核心概念 ### 1. Angular 的三驾马车 | 概念 | 作用 | 类比 | |… 3% 入门篇 - 组件优先快速开发 ```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% 入门篇 - jQuery毕设快速开发 # jQuery 毕设快速开发入门 ## 背景 很多同学觉得 jQuery "过时了",跳过它直接学 React/Vue。但实际毕设中,大量场景只需要简单的 DOM 操作和 Ajax 请求,jQuery 恰恰是最快出活的选择。学习成本低、复制粘贴就能跑、兼容性好——特别适合时间紧迫的毕设冲刺。 --- ## 核心概念 ### jQuery 的三句话心法 1. **选择元素,然后操作它*… 3% Hello World - React 兼容的轻量应用 {/* 双向绑定 */} <div className="input-group"> <input ref={inputRef} value={name} onInput={(e) => setName(e.currentTarget.value)} placeholder="你的名字...… 3% 01-从零入门教程 # Flask 入门教程 —— 从零构建 Web 应用 ## 本章目标 - 理解 Flask 的核心设计理念 - 搭建完整的 Flask 项目骨架 - 掌握路由、模板、静态文件三大基础 - 实现一个简单的留言板应用 ## 1. Flask 的设计哲学 Flask 遵循**微内核 + 扩展**的设计模式: ``` Flask 核心(最小集合) ├── 路由系统(werkzeug.routi… 3% Hello World - 响应式卡片布局 # Tailwind CSS 响应式卡片布局 ## 目标 纯 HTML + Tailwind CDN,快速搭建响应式卡片网格。无需 npm、无需构建,零门槛。 ## 完整代码 ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wid… 2% 入门教程 - 企业级框架核心概念 # Angular 入门教程:企业级框架核心概念 ## 一、Angular 是什么? Angular 是由 Google 维护的企业级前端框架(2016 年发布 Angular 2,与 2010 年的 AngularJS 完全不同)。它是一个**完整的解决方案**——包含路由、表单、HTTP 客户端、状态管理、测试工具、SSR,开箱即用。使用 TypeScript 开发,强制采用 RxJS 进… 2%