Skip to content

llccing/FrontEnd

Repository files navigation

FrontEnd Awesome

前端日新月异,力求在某一方面有所建树。

📚 个人前端学习笔记与实践项目集合,包含核心技术文档、框架库学习、后端知识、技术博客和阅读笔记。

🔗 在线文档:https://rowanliu.com/


📑 目录


核心前端技术

CSS

CSS 相关知识点与实践,包括布局、响应式设计、预处理器等。

📁 位置:docs/css/

主要内容:

JavaScript

JavaScript 基础知识、ES6+ 新特性、TypeScript 等核心内容。

📁 位置:docs/js/

JavaScript 基础 (docs/js/basic/)

ES6+ (docs/js/ECMAScript6/)

TypeScript (docs/js/Typescript/)


框架与库

Vue 生态

Vue.js 框架及其生态系统的深入学习。

📁 位置:docs/lib/vue-*/

主要内容:

  • Vue 源码分析 - Vue 2.x 源码深度解析
    • 响应式原理
    • 虚拟 DOM
    • 组件系统
    • 编译过程
  • Vue 3 - Vue 3 新特性与实践
  • Vue CLI - Vue 脚手架工具使用

React

React 框架学习与实践。

📁 位置:docs/lib/react/

主要内容:

Angular

Angular 框架相关文档。

📁 位置:docs/lib/angular/

Three.js

Three.js 3D 图形库学习,包含 WebGL 基础。

📁 位置:docs/lib/threejs/

主要内容:

其他库

📁 位置:docs/lib/


工程化工具

前端工程化相关工具与配置。

📁 位置:docs/lib/

主要内容:


移动端开发

移动端开发相关内容。

📁 位置:docs/mobile/

主要内容:


后端与数据库

AWS (Amazon Web Services)

AWS 认证学习笔记。

📁 位置:docs/AWS/

主要内容:

  • CPE - Cloud Practitioner Essentials
  • SAA - Solutions Architect Associate

SQL

SQL 数据库学习。

📁 位置:docs/SQL/

主要内容:


博客与文章

技术博客、面试题、设计模式等文章集合。

📁 位置:docs/blog/

数据结构

📁 docs/blog/dataStructure/

设计模式

📁 docs/blog/design-pattern/

面试相关

📁 docs/blog/interview/

技术生活

📁 docs/blog/life/

包含各种技术实践文章:

翻译文章

📁 docs/blog/translate/


读书笔记

技术书籍阅读笔记。

📁 位置:docs/read/

主要内容:


实战项目与Demo

基础练习项目

📁 位置:important-basic/

包含各种 JavaScript 基础练习和常见功能实现:

面向对象编程

  • OOP - 面向对象编程示例

JavaScript 核心概念

常见功能实现

工具与方法

有趣的问题

书籍配套Demo

📁 位置: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


⭐ 支持

如果这个项目对你有帮助,请给一个 ⭐️ 支持一下!

About

💯 学习记录文档

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 6