Library Search
结果页

入门篇 - Utility-First CSS 思维

在 元器件 / 技术栈 / 知识库 中找到 16 个匹配结果。

返回文档库
技术栈

技术栈

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"… 2% Angular # Angular 毕设项目架构入门 ## 背景 Angular 是 Google 维护的企业级前端框架。很多同学第一次接触 Angular 时会被它的"全家桶"吓到——模块、服务、依赖注入、装饰器、RxJS……概念太多。但实际上毕设项目用到的只是冰山一角,掌握核心模式即可高效开发。 --- ## 核心概念 ### 1. Angular 的三驾马车 | 概念 | 作用 | 类比 | |… 2% jQuery # jQuery 毕设快速开发入门 ## 背景 很多同学觉得 jQuery "过时了",跳过它直接学 React/Vue。但实际毕设中,大量场景只需要简单的 DOM 操作和 Ajax 请求,jQuery 恰恰是最快出活的选择。学习成本低、复制粘贴就能跑、兼容性好——特别适合时间紧迫的毕设冲刺。 --- ## 核心概念 ### jQuery 的三句话心法 1. **选择元素,然后操作它*… 2% 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%
知识库

知识库

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"… 2% 入门篇 - jQuery毕设快速开发 # jQuery 毕设快速开发入门 ## 背景 很多同学觉得 jQuery "过时了",跳过它直接学 React/Vue。但实际毕设中,大量场景只需要简单的 DOM 操作和 Ajax 请求,jQuery 恰恰是最快出活的选择。学习成本低、复制粘贴就能跑、兼容性好——特别适合时间紧迫的毕设冲刺。 --- ## 核心概念 ### jQuery 的三句话心法 1. **选择元素,然后操作它*… 2% Hello World - React 兼容的轻量应用 {/* 双向绑定 */} <div className="input-group"> <input ref={inputRef} value={name} onInput={(e) => setName(e.currentTarget.value)} placeholder="你的名字...… 2% 01-从零入门教程 # Flask 入门教程 —— 从零构建 Web 应用 ## 本章目标 - 理解 Flask 的核心设计理念 - 搭建完整的 Flask 项目骨架 - 掌握路由、模板、静态文件三大基础 - 实现一个简单的留言板应用 ## 1. Flask 的设计哲学 Flask 遵循**微内核 + 扩展**的设计模式: ``` Flask 核心(最小集合) ├── 路由系统(werkzeug.routi… 2% 入门教程 - 企业级框架核心概念 # Angular 入门教程:企业级框架核心概念 ## 一、Angular 是什么? Angular 是由 Google 维护的企业级前端框架(2016 年发布 Angular 2,与 2010 年的 AngularJS 完全不同)。它是一个**完整的解决方案**——包含路由、表单、HTTP 客户端、状态管理、测试工具、SSR,开箱即用。使用 TypeScript 开发,强制采用 RxJS 进… 1% React Native 移动开发入门 function App() { return ( <NavigationContainer> <Stack.Navigator> <Stack.Screen name="Home" component={HomeScreen} /> <Stack.Screen name="Detail" component={DetailScreen} /… 1%