-
前端开发
前端开发文档 技术选型 开发环境搭建 Node安装 前端项目构建 ！！！这里特别注意 项目如果在拉取依赖包的过程中报 “ node-sass error “ 错误，请在执行完后再次执行以下命令 开发环境运行 前端项目发布 Linux下使用node启动并且守护进程 命令 项目目录结构 系统功能模块 路由和状态管理 规范 Vue规范 ... -
Tailwind CSS 移动端适配实践
本节将详细介绍如何使用 Tailwind CSS 进行移动端适配，包括响应式设计、触摸交互优化、性能优化等方面。 基础配置 视口配置 <!-- public/index.html --> <meta name = "viewport" content = "width=device-width, initial-scale=1.0, max... -
第二节：开发环境搭建 - 工具链与配置
学习目标 为什么需要完整的开发环境？ 开发环境概览 安装Node.js和npm 创建项目并初始化 安装Vite作为构建工具 安装Tailwind CSS及其依赖 初始化Tailwind CSS配置 配置项目结构 创建基础HTML文件 创建主JavaScript文件 自定义Tailwind配置 配置npm脚本 配置Vite 加入常用... -
Tailwind CSS 大型项目最佳实践
在大型项目中使用 Tailwind CSS 需要考虑更多的架构设计、性能优化和团队协作等方面的问题。本节将分享在大型项目中使用 Tailwind CSS 的最佳实践和解决方案。 项目架构设计 目录结构 src / ├── components / │ ├── common / │ │ ├── Button /... -
Tailwind CSS 响应式设计系统
响应式设计基础 1. 断点系统 Tailwind CSS 默认提供五个断点： // tailwind.config.js 默认断点配置 module . exports = { theme : { screens : { 'sm' : '640px' , //... -
第四节：自定义配置 - 调整Tailwind以匹配GitHub风格
学习目标 GitHub设计系统分析 创建自定义配置文件 GitHub颜色系统实现 基础色彩应用示例 字体系统配置 字体应用示例 间距与布局系统 间距系统示例 阴影和圆角系统 阴影和圆角应用示例 实际案例：GitHub风格导航栏 插件扩展 统一项目配置示例 常见配置问题与解决方案 最佳实践建议 练习任务 总结 学习目标 ... -
粗体
Markdown 字体加粗 最佳实践 Markdown 字体加粗 要加粗文本，在单词或短语的前后添加两个星号（* ）或下划线（_ ）。要加粗一个单词的中一部分时，在字母周围添加两个星号，且各字符之间不加空格。 Markdown 源文件 这行文本中有**粗体 Blod **文字 这行文本中有 __ 粗体 Blod__ 文字 这行文本中有粗体... -
第一节：Tailwind CSS入门 - 核心理念与工作流
学习目标 Tailwind CSS简介 Tailwind CSS的核心理念 与传统CSS的比较 搭建基础开发环境 Tailwind CSS类名系统解析 实战：复刻GitHub导航栏 分析GitHub导航栏 创建HTML结构 详解关键Tailwind类名 加入GitHub主页内容预览 Tailwind CSS类名详解与关键技术点 响应式设... -
第三节：GitHub界面分析 - 设计规范与布局系统
学习目标 GitHub界面设计概述 GitHub设计的核心特点 GitHub的色彩系统分析 GitHub的排版系统分析 GitHub布局系统分析 GitHub常见组件分析 GitHub响应式设计分析 将分析整合到Tailwind配置中 GitHub界面设计总结 实用提示与常见陷阱 练习任务 总结 学习目标 理解GitHub设计...
