# learn-esnext **Repository Path**: yanyunchangfeng/learn-esnext ## Basic Information - **Project Name**: learn-esnext - **Description**: learn esnext - **Primary Language**: TypeScript - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2019-04-29 - **Last Updated**: 2023-06-30 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README

## 介绍 你好，我是[燕云长风](https://yanyunchangfeng.github.io)。 寓意：结合李白著名的边塞诗《关山月》取【燕云长风】—— 长风几万里，吹度玉门关。 ## 用法 打开你的命令行终端，执行以下命令： ``` git clone https://gitee.com/yanyunchangfeng/esnext.git cd esnext yarn or npm i yarn start or npm start ``` ## 这是 esnext 新增特性如下: * [let 和 const](src/app/lesson1/index.ts) * [解构赋值](src/app/lesson2/index.ts) * [正则的扩展](src/app/lesson3/index.ts) * [字符串的扩展](src/app/lesson4/index.ts) * [Number 和 Math](src/app/lesson5/index.ts) * [数组的扩展](src/app/lesson6/index.ts) * [函数的扩展](src/app/lesson7/index.ts) * [对象的扩展](src/app/lesson8/index.ts) * [Symbol 类型](src/app/lesson9/index.ts) * [Set Map WeakSet WeakMap](src/app/lesson10/index.ts) * [Proxy Reflect ](src/app/lesson11/index.ts) * [Class](src/app/lesson12/index.ts) * [Promise](src/app/lesson13/index.ts) | [promisify promisifyAll & Promise.race](src/app/lesson13/promisify.ts) | [abort Promise](src/app/lesson13/abort.ts) * [Iterator 和 for ... of](src/app/lesson14/index.ts) * [generator](src/app/lesson15/index.ts) | [generator实现原理](src/app/lesson15/generator.ts) * [decorator](src/app/lesson16/index.ts) * [module](src/app/lesson17/index.ts) * [async + await = generator + co](src/app/lesson18/index.ts) * [BigInt](src/app/lesson19/index.ts) * [requestAnimationFrame](src/app/lesson21/index.ts) * [requestIdleCallback](src/app/lesson22/index.ts) * [fiber UpdateQueue](src/app/lesson23/index.ts) * [fiber linkList ](src/app/lesson24/index.ts) * [Reflect Metadata](src/app/lesson25/index.ts) | [Reflect Metadata md ](src/app/lesson25/index.md) * [Ioc & DI](src/app/lesson26/index.ts) | [Ioc&DI md ](src/app/lesson26/index.md) | [__metadata/装饰器](src/app/ioc/index.ts) | [ioc Container](src/app/ioc/container.ts) | [ioc Provider](src/app/ioc/provider.ts) | [ioc Inject](src/app/ioc/inject.ts) | [ioc Injectable](src/app/ioc/injectable.ts) | [ioc spec](src/app/ioc/index.spec.ts) | [ioc reflect ts](src/app/reflect/index.ts) | [ioc reflect js](src/app/reflect/index.js) | [ioc reflect originjs](src/app/reflect/originIndex.js) | [ioc reflect editjs](src/app/reflect/editIndex.js) * [eventLoop 原理](src/app/lesson27/index.ts) | [eventLoop Case](src/app/lesson27/eventLoop.ts) | [eventLoopRender](src/app/lesson27/eventLoopRender.ts) | [eventLoopReview](src/app/lesson27/eventLoopReview.ts) * [highOrderFunction](src/app//lesson28/index.ts) | [curring](src/app/lesson28/curring.ts) ## 系列项目 | 名称 | 描述 | | ---- | ---- | | NiceFish（美人鱼） | 这是一个系列项目，目标是示范前后端分离的开发模式:前端浏览器、移动端、Electron 环境中的各种开发模式。后端有两个版本：SpringBoot 版本和 SpringCloud 版本，http://git.oschina.net/mumu-osc/NiceFish/ | | NiceFish-React | 这是 NiceFish 的 React 版本，基于React 18.2.0 ，使用 Antd、Inversify、 定制版 Bootstrap开发。 https://gitee.com/mumu-osc/NiceFish-React.git| | nicefish-ionic | 这是一个移动端的 demo，基于 ionic，此项目已支持 PWA。http://git.oschina.net/mumu-osc/nicefish-ionic | | NiceBlogElectron | 这是一个基于 Electron 的桌面端项目，把 NiceFish 用 Electron 打包成了一个桌面端运行的程序。这是由 ZTE 中兴通讯的前端道友提供的，我 fork 了一个，有几个 node 模块的版本号老要改，如果您正在研究如何利用 Electron 开发桌面端应用，请参考这个项目，https://github.com/damoqiongqiu/NiceBlogElectron| | OpenWMS | 用来示范管理后台型系统的最佳实践，https://gitee.com/mumu-osc/OpenWMS-Frontend| | nicefish-springboot | 用来示范前后端分离模式下，前端代码与后端服务的对接方式，已经完成了基线版本，并且在腾讯云上面做了实际的部署。代码仓库在这里： https://gitee.com/mumu-osc/nicefish-spring-boot ，腾讯云上的演示地址在这里： http://118.25.136.164 ，以此为基础，你可以继续开发出适合自己业务场景的代码。| | nicefish-springcloud | 用来示范前后端分离模式下，前端代码与分布式后端服务的对接方式，即将完成，代码最近放出。| ## 单元测试 ``` yarn test or npm run test ``` ## 端到端测试 ``` yarn cypress:open or npm run cypress:open yarn cypress:run or npm run cypress:run ``` ## 打包分析 ``` yarn build-analyzer or npm run build-analyzer ``` ## 社交主页 * [燕云长风 github](https://github.com/yanyunchangfeng) ## 开源许可证 MIT