# 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/>