Skip to content

Commit 098bcc9

Browse files
dunwudunwu
committed
文档整理
1 parent 51b7a19 commit 098bcc9

67 files changed

Lines changed: 18037 additions & 531 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.travis.yml‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# 持续集成 CI
2+
# @see https://docs.travis-ci.com/user/tutorial/
3+
4+
language: node_js
5+
6+
sudo: required
7+
8+
node_js: stable
9+
10+
branches:
11+
only:
12+
- master
13+
14+
before_install:
15+
- export TZ=Asia/Shanghai
16+
17+
script: bash ./scripts/deploy.sh
18+
19+
notifications:
20+
email:
21+
recipients:
22+
- forbreak@163.com
23+
on_success: change
24+
on_failure: always

‎LICENSE‎

Lines changed: 427 additions & 21 deletions
Large diffs are not rendered by default.

‎README.md‎

Lines changed: 61 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -1,55 +1,73 @@
1-
# 前端技术指南
1+
<p align="center">
2+
<a href="https://dunwu.github.io/frontend-tutorial/" target="_blank" rel="noopener noreferrer">
3+
<img src="http://dunwu.test.upcdn.net/common/logo/dunwu-logo.png" alt="logo" width="150px"/>
4+
</a>
5+
</p>
26

3-
## :bulb: 引言
7+
<p align="center">
8+
<img src="https://badgen.net/github/license/dunwu/frontend-tutorial" alt="license">
9+
<img src="https://travis-ci.com/dunwu/frontend-tutorial.svg?branch=master" alt="build">
10+
</p>
411

5-
初学 React 的时候，相信大部分人都有这样的体会：React 技术栈水太深，涉及的技术点太多了。
12+
<h1 align="center">FRONTEND-TUTORIAL</h1>
613

7-
如今网上有不少 React 相关的教程，但多的是是完整的 React 项目，少的是庖丁解牛式的、一步步的搭建 React 项目框架的教程。而且，React 涉及的技术点很多，常常让人有种无从入手的感觉。
14+
> 一个后端程序员的前端技术总结。
15+
>
16+
> - 🔁 项目同步维护：[Github](https://github.com/dunwu/frontend-tutorial/) | [Gitee](https://gitee.com/turnon/frontend-tutorial/)
17+
> - 📖 电子书阅读：[Github Pages](https://dunwu.github.io/frontend-tutorial/) | [Gitee Pages](http://turnon.gitee.io/frontend-tutorial/)
818
9-
如果，你也有这样的困惑，不妨阅读一下 [如何学习 React(react-howto)](https://github.com/petehunt/react-howto/blob/master/README-zh.md) 。这篇文章提出了一个合理的学习 React 技术栈的顺序，我认为很有道理。
19+
## 📖 内容
1020

11-
本教程采用 react-howto 中提出的 React 技术栈学习路线，由浅入深，循序渐进的为你一一讲解 React 。
21+
![react-stack](https://raw.githubusercontent.com/dunwu/frontend-tutorial/master/docs/assets/images/react-stack.jpg)
1222

13-
如果，你有任何疑问或建议，欢迎在 Issues 中提出。
23+
### Html, Css, JavaScript
1424

15-
## :memo: 内容
25+
> 前端基础 - Html, Css, JavaScript
1626
17-
![react-stack](https://raw.githubusercontent.com/dunwu/frontend-tutorial/master/docs/assets/images/react-stack.jpg)
27+
- [Html 入门](docs/base/html.md) - 关键词： `标签`, `元素`, `属性`
28+
- [Css 入门](docs/css)
29+
- [JavaScript 入门](docs/js)
30+
31+
### Nodejs
32+
33+
- [Node.js 入门](docs/nodejs/nodejs.md)
34+
- [Npm 入门](docs/nodejs/npm.md) - 关键词： `nodejs`, `包管理`, `npm`, `cnpm`
35+
- [Yarn 入门](docs/nodejs/yarn.md) - 关键词： `nodejs`, `包管理`, `yarn`
36+
37+
### Webpack
38+
39+
> [Webpack](docs/webpack) 是一个模组打包工具（module bundler）。其主要目的是将 JavaScript 文件捆绑在浏览器中，但它也能够转换，捆绑或打包任何资源文件。
40+
>
41+
> webpack 允许根据需要去加载应用程序的部件。使得 Javascript 应用可以高度复用。
42+
43+
- [如何学习 Webpack](docs/webpack/webpack-howto.md)
44+
- [Webpack 概念](docs/webpack/concept.md)
45+
- [Webpack 入门](docs/webpack/webpack-tutorial.md)
46+
- [Webpack 资源管理](docs/webpack/asset-management.md)
47+
- [Webpack 代码分离](docs/webpack/code-splitting.md)
48+
- [Webpack 开发工具](docs/webpack/development.md)
49+
50+
### ES6, Babel, ESLint
51+
52+
- [Babel 入门](docs/es6/babel/babel-quickstart.md)
53+
- [ES6 入门](docs/es6/es6/es6-quickstart.md)
54+
- [ESLint 快速入门](docs/es6/eslint/eslint-quickstart.md)
55+
- [ESLint 配置](docs/es6/eslint/eslint-configuration.md)
56+
- [ESLint 命令](docs/es6/eslint/eslint-command.md)
57+
58+
### React 技术生态
59+
60+
- [React 入门](docs/react/react-quickstart.md)
61+
- React Router
62+
- [React Router 简介](docs/react/react-router/react-router-introduction.md)
63+
- [React Router 基础](docs/react/react-router/react-router-basic.md)
64+
- [React Router 进阶](docs/react/react-router/react-router-advanced.md)
65+
- [React Router API](docs/react/react-router/react-router-api.md)
66+
- Redux
67+
- [Flux 入门](docs/react/redux/Flux入门.md)
68+
- [Redux 入门](docs/react/redux/Redux入门.md)
1869

19-
- [**_前端基础 - Html, Css, JavaScript_**](docs/base/README.md)
20-
- [Html 入门](docs/base/html.md) - 关键词： `标签`, `元素`, `属性`
21-
- [Css 入门](docs/css)
22-
- [JavaScript 入门](docs/js)
23-
- [**_Chapter02 - Node, Npm, Yarn_**](docs/nodejs/README.md)
24-
- [Node.js 入门](docs/nodejs/nodejs.md)
25-
- [Npm 入门](docs/nodejs/npm.md) - 关键词： `nodejs`, `包管理`, `npm`, `cnpm`
26-
- [Yarn 入门](docs/nodejs/yarn.md) - 关键词： `nodejs`, `包管理`, `yarn`
27-
- [**_Chapter03 - Webpack_**](docs/chapter03/README.md)
28-
- [如何学习 Webpack](docs/chapter03/webpack/webpack-howto.md)
29-
- [Webpack 概念](docs/chapter03/webpack/concept.md)
30-
- [Webpack 入门](docs/chapter03/webpack/webpack-tutorial.md)
31-
- [Webpack 资源管理](docs/chapter03/webpack/asset-management.md)
32-
- [Webpack 代码分离](docs/chapter03/webpack/code-splitting.md)
33-
- [Webpack 开发工具](docs/chapter03/webpack/development.md)
34-
- [**_Chapter04 - ES6, Babel, ESLint_**](docs/chapter04/README.md)
35-
- [Babel 入门](docs/chapter04/babel/babel-tutorial.md)
36-
- [ES6 入门](docs/chapter04/es6/es6-tutorial.md)
37-
- [ESLint 快速入门](docs/chapter04/eslint/eslint-quickstart.md)
38-
- [ESLint 配置](docs/chapter04/eslint/eslint-configuration.md)
39-
- [ESLint 命令](docs/chapter04/eslint/eslint-command.md)
40-
- [**_Chapter01 - React_**](docs/chapter01/README.md)
41-
- [**_Chapter05 - React Router_**](docs/chapter05/README.md)
42-
- [React Router v4 简介](docs/chapter05/react-router-v4/react-router-introduction.md)
43-
- [React Router v4 基础](docs/chapter05/react-router-v4/react-router-basic.md)
44-
- [React Router v4 进阶](docs/chapter05/react-router-v4/react-router-advanced.md)
45-
- [React Router v4 API](docs/chapter05/react-router-v4/react-router-api.md)
46-
- [**_Chapter06 - Flux, Redux_**](docs/chapter06/README.md)
47-
- [Flux 入门](docs/chapter06/flux/Flux入门.md)
48-
- [Redux 入门](docs/chapter06/redux/Redux入门.md)
49-
50-
**Editing...**
51-
52-
## :pushpin: 说明
70+
## 📌 说明
5371

5472
- **docs** ：所有文档存放于 `docs` 目录。
5573
- **codes** ：所有示例代码存放于 `codes` 目录。

‎docs/.markdownlint.json‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
{
2+
"default": true,
3+
"MD002": false,
4+
"MD004": { "style": "dash" },
5+
"ul-indent": { "indent": 2 },
6+
"MD013": { "line_length": 600 },
7+
"MD024": false,
8+
"MD025": false,
9+
"MD026": false,
10+
"MD029": { "style": "ordered" },
11+
"MD033": false,
12+
"MD034": false,
13+
"MD036": false,
14+
"fenced-code-language": false,
15+
"no-hard-tabs": false,
16+
"whitespace": false,
17+
"emphasis-style": { "style": "consistent" }
18+
}

‎docs/.nojekyll‎

Whitespace-only changes.

‎docs/.temp/app-enhancers/0.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export { default } from "D:\\Codes\\zp\\zfront\\frontend-tutorial\\docs\\.vuepress\\enhanceApp.js"

‎docs/.temp/app-enhancers/1.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
import "D:\\Codes\\zp\\zfront\\frontend-tutorial\\docs\\node_modules\\@vuepress\\core\\lib\\node\\internal-plugins\\style\\client.js"
2+
export default {}

‎docs/.temp/app-enhancers/2.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
import "D:\\Codes\\zp\\zfront\\frontend-tutorial\\docs\\node_modules\\@vuepress\\plugin-nprogress\\enhanceAppFile.js"
2+
export default {}

‎docs/.temp/app-enhancers/3.js‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/.temp/app-enhancers/4.js‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)