# Hi\~\~\~

> （本站的大部分学习笔记已经过时/为笔者初学时的一些笔记）最新的学习笔记都托管在 [juejin](https://juejin.cn/user/1574156383563496) 上了

## Hi\~\~\~

**Hi, I’m 南树@LuckyChou**

**掘金主页** [**juejin**](https://juejin.cn/user/1574156383563496) **( 更新中 🏠 )**

**个人博客** [**blog**](https://luckychou.gitbook.io/blog/)**( 停止维护 ⚠️ )**

**学习笔记** [**code-traveling**](https://github.com/LuckyChou710/code-traveling) **( codeing 🧑‍💻 )**

**个人网站** [**fe-tutorial**](http://124.223.71.181:3000/) **( 施工中 🚧 )**

**个人 UI** [**@nanshu/ui**](http://124.223.71.181:3002/) **( 建设中 👷 )**

**一些些** [**npm package**](https://www.npmjs.com/~chou209)**( 扩展中 🏗 )**

![](https://cdn.jsdelivr.net/gh/LuckyChou710/blog-images/bg-images/bg16.jpg)

在选择要系统地学习一个新的 框架/库 之前，首先至少得学会先去思考以下两点：

**• 它是什么？**

**• 它解决了什么问题？**

### CSS

Sass <https://www.sass.hk/>

Less <https://less.bootcss.com/>

PostCSS <https://www.postcss.com.cn/>

兼容性查询 <https://caniuse.com/#home>

Tailwind <https://www.tailwindcss.cn/>

🧐 <https://2020.stateofcss.com/en-US/report/>

### JS

阮一峰 ECMAScript 6 入门 <https://www.bookstack.cn/read/es6-3rd/sidebar.md>

现代 JavaScript 教程 <https://zh.javascript.info/>

Lodash <https://www.lodashjs.com/>

Request <https://www.axios-http.cn/>

Mock 数据 <http://mockjs.com/>

日期 <http://momentjs.cn/>

动画 <https://github.com/tweenjs/tween.js/>

🎃 <https://2020.stateofjs.com/zh-Hans/>

Three

* <http://www.webgl3d.cn/Three.js/>
* <http://www.webgl3d.cn/threejs/docs/#examples/zh/renderers/CSS3DRenderer>

D3 <https://d3js.org/>

### TS

官方文档 <https://www.tslang.cn/>

TS 入门教程 <https://ts.xcatliu.com/introduction/what-is-typescript.html>

深入理解 TS <https://jkchao.github.io/typescript-book-chinese/>

TS 学习笔记 <https://juejin.cn/post/6872111128135073806>

### React

官方文档 <https://react.docschina.org/>

新官方文档 <https://reactjs.bootcss.com/>

React-Router

* <https://reactrouter.com/>
* <https://react-guide.github.io/react-router-cn/index.html>
* <https://reactrouter.com/web/guides/quick-start>

Redux <https://redux.js.org/>

Rematch <https://rematch.gitbook.io/handbook/>

Mobx <https://cn.mobx.js.org/>

Saga <https://redux-saga-in-chinese.js.org/>

Thunk <https://www.npmjs.com/package/redux-thunk>

Dva <https://dvajs.com/>

Next <https://www.nextjs.cn/>

Umi <https://umijs.org/zh-CN>

### Vue

官方文档 <https://cn.vuejs.org/>

Vue-Router <https://router.vuejs.org/zh/>

Vuex <https://vuex.vuejs.org/zh/>

Pinia <https://pinia.vuejs.org/>

Nuxt <https://zh.nuxtjs.org/>

Awesome（Vue 精选） <https://github.com/vuejs/awesome-vue>

### UI

#### Icon

* <https://www.iconfont.cn/>
* <https://icomoon.io/>

#### React

* ANT DESIGN <https://ant.design/index-cn>
* ANT DESIGN PRO <https://pro.ant.design/zh-CN>
* Ant Design Mobile <https://mobile.ant.design/>
* Antv <https://antv.gitee.io/zh/>
* Ant Design Charts <https://charts.ant.design/zh>
* BizCharts <https://bizcharts.net/>

#### Vue

* Element Plus <https://element-plus.gitee.io/#/zh-CN>
* Vant (Mobile) <https://youzan.github.io/vant/#/en-US>

#### Tailwind

* tailwind components <https://tailwindui.com/>
* kitwind <https://kitwind.io/>

#### Other

Echarts <https://echarts.apache.org/zh/index.html>

Plyr（视频播放器） <https://plyr.io/>

Filepond (文件上传) <https://pqina.nl/filepond/>

### Node

Node <http://nodejs.cn/>

Express <http://expressjs.com/>

Koa <https://koa.bootcss.com/>

Egg <https://eggjs.org/zh-cn/>

cheerio(爬虫) <https://github.com/cheeriojs/cheerio/wiki/Chinese-README>

Sequelize(orm) <https://www.sequelize.com.cn/>

Joy(参数校验) <https://github.com/sideway/joi>

### Modular

Webpack <https://www.webpackjs.com/>

Vite <https://cn.vitejs.dev/>

Snowpack <https://www.snowpack.dev/>

### MiniProgram

微信小程序开发者文档 <https://developers.weixin.qq.com/miniprogram/dev/framework/>

Remax <https://remaxjs.org/>

Taro <https://taro-docs.jd.com/taro/docs/README>

### Interview

前端面试之道 <http://caibaojian.com/interview-map/>

大前端面试宝典 <https://lucifer.ren/fe-interview/#/>

前端进阶之路 <https://blog.poetries.top/FE-Interview-Questions/>

精选文章 <https://github.com/axuebin/articles/issues/39>

javascript-question <https://github.com/lydiahallie/javascript-questions>

牛客网 <https://www.nowcoder.com/>

LeetCode <https://leetcode-cn.com/>

掘金 <https://juejin.cn/>

书栈网 <https://www.bookstack.cn/>

### Blog

GitBook <https://www.gitbook.com/>

Hexo <https://hexo.io/zh-cn/index.html>

VuePress <https://vuepress.vuejs.org/zh/>

Pagic <https://pagic.cn/>

dumi <https://d.umijs.org/zh-CN>

### Tools

语雀 <https://www.yuque.com>

Apifox <https://www.apifox.cn/>

CodeSandbox <https://codesandbox.io/s/>

SwitchHosts <https://github.com/oldj/SwitchHosts>

IpAddress <https://www.ipaddress.com/>

### 跨平台开发

Flutter <https://flutterchina.club/>

Electron <https://www.electronjs.org/>

React-Native <https://reactnative.cn/>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://luckychou.gitbook.io/blog/readme.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.