前端日新月异,力求在某一方面有所建树。
📚 个人前端学习笔记与实践项目集合,包含核心技术文档、框架库学习、后端知识、技术博客和阅读笔记。
🔗 在线文档:https://rowanliu.com/
CSS 相关知识点与实践,包括布局、响应式设计、预处理器等。
📁 位置:docs/css/
主要内容:
- 布局技术 - 各种布局方式
- Flexbox - 弹性盒子布局
- Grid - 网格布局
- 响应式设计
- BFC (块级格式化上下文)
- CSS 选择器
- CSS 预处理器
- rem 单位
- inline-block
JavaScript 基础知识、ES6+ 新特性、TypeScript 等核心内容。
📁 位置:docs/js/
JavaScript 基础 (docs/js/basic/)
ES6+ (docs/js/ECMAScript6/)
TypeScript (docs/js/Typescript/)
Vue.js 框架及其生态系统的深入学习。
📁 位置:docs/lib/vue-*/
主要内容:
React 框架学习与实践。
📁 位置:docs/lib/react/
主要内容:
Angular 框架相关文档。
📁 位置:docs/lib/angular/
Three.js 3D 图形库学习,包含 WebGL 基础。
📁 位置:docs/lib/threejs/
主要内容:
📁 位置:docs/lib/
- jQuery - jQuery 库学习
- Bootstrap - Bootstrap UI 框架
- Egg.js - Node.js 企业级框架
- NestJS - Node.js 框架
- 小程序 - 小程序开发
前端工程化相关工具与配置。
📁 位置:docs/lib/
主要内容:
移动端开发相关内容。
📁 位置:docs/mobile/
主要内容:
- cube-ui - 移动端 UI 组件库
AWS 认证学习笔记。
📁 位置:docs/AWS/
主要内容:
- CPE - Cloud Practitioner Essentials
- SAA - Solutions Architect Associate
SQL 数据库学习。
📁 位置:docs/SQL/
主要内容:
技术博客、面试题、设计模式等文章集合。
📁 位置:docs/blog/
📁 docs/blog/dataStructure/
📁 docs/blog/design-pattern/
📁 docs/blog/interview/
📁 docs/blog/life/
包含各种技术实践文章:
📁 docs/blog/translate/
技术书籍阅读笔记。
📁 位置:docs/read/
主要内容:
📁 位置:important-basic/
包含各种 JavaScript 基础练习和常见功能实现:
面向对象编程
- OOP - 面向对象编程示例
JavaScript 核心概念
常见功能实现
工具与方法
有趣的问题
📁 位置:book-demo/
CSS 世界配套代码
- css-world - 《CSS 世界》书中示例代码
# 安装依赖
npm install
# 或
pnpm install
# 启动开发服务器
npm run dev
# 构建静态文件
npm run build项目使用 Travis CI 自动部署,配置文件:.travis.yml
手动部署脚本:deploy.sh
ISC
Rowan Liu
- 网站: https://rowanliu.com/
- GitHub: @thoopexand
如果这个项目对你有帮助,请给一个 ⭐️ 支持一下!