# notes

**Repository Path**: ceartmy/notes

## Basic Information

- **Project Name**: notes
- **Description**: ES6、JS、Typescript学习笔记
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2019-07-10
- **Last Updated**: 2025-11-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: TypeScript

## README

# 行业趋势：
 - https://bestofjs.org

## 前端智能化
 - 低代码（LowCode）

## 大前端
- 前端：JavaScript、H5、CSS3、sass、less、React、Vue、webpack、jest。
- 后端：Nodejs/Deno、Go、Java、Spring、Gin、Kafka、Hadoop。
- 数据库：MySQL、mongoDB、redis、clickhouse。
- 运维：网络协议、CDN、Nginx、ZooKeeper、Docker、Kubernetes。

## 游戏、VR/AR、区块链数字资产
   

## 2022 前端技术
 - 👑 tailwindcss（原子类）：https://tailwindcss.com
 - 👑 Vue I18n(国际化插件)：https://vue-i18n.intlify.dev
 - 👑 Vue3(Nuxt.js)：https://www.nuxtjs.cn/guide/installation
 - 👑 React18(Next.js)：https://www.nextjs.cn/
 - 👑 Tauri： 比`Electron`构建更小更快的跨平台桌面应用
 - 👑 pnpm：https://pnpm.io/zh/motivation
 - 👑 Slidev： 基于markdown的演示幻灯片
 - 👑 Esbuild： 贼快的Javascript打包器

 - 👑 ViteSSG(SEO优化)：https://github.com/antfu/vite-ssg
 - 👑 Vitest(单元测试工具)：https://github.com/vitest-dev/vitest
 - 👑 ZX： 使用js编写更便捷shell脚本


### 语法规范
 - Babel
 - Prettier
 - ESLint

### 低代码
 - Json Schema：http://json-schema.org
 - XRender，vjsf：https://github.com/alibaba/x-render

### Web3D渲染\5G时代：
    个人建议不要盲目跟随VR、AR、元宇宙等热点冒然入门某个细分领域。毕竟术业有专攻，保持好前端技术敏感性，根据公司业务发展再做定论。如果能带动业务发展，一般企业都会大力扶持，随着项目迭代你才有机会真正深入某一项技术。因为凡是通过简单的学习和了解都不算是入门，很可能在你某个晚间体操后就忘记了某项技能(刹车)。

 - Oasis Engine(模型渲染工作台): https://oasisengine.cn/0.7/docs/install-cn
 - webGL: http://www.yanhuangxueyuan.com/
 - Three.js: https://threejs.org/
 - PlayCanvas.js: https://playcanvas.com/
 - Babylon.js
 - charts:https://echarts.apache.org/handbook/zh/get-started/
 - d3.js
 - cesium
 - mapbox
 - openlayer
 - gis
 
### mv* 框架:
 - React（Next.js）：https://www.nextjs.cn/
 - Vue（nuxt.js）：https://www.nuxtjs.cn/guide/installation
 - Svelte：https://www.sveltejs.cn
 - Angular
 
### 多端开发: 
 - uni-app：https://uniapp.dcloud.io/
 - taro：https://taro-docs.jd.com/taro/docs/
### APP开发：
 - React Native：https://reactnative.cn
 - ionic：https://ionicframework.com/docs
 - `Flutter（dart）`：https://doc.flutterchina.club/get-started/install
 - Hippy
 - hyBrid APP
 - Weex
### 桌面开发：
 - nw.js：
 - `Electron`:（Chromium + Nodejs）：https://www.electronjs.org/
 - Tauri:（Webview + Rust/.Net/Go）：https://tauri.app/v1/guides
### 微前端：
 - `模块联邦`
 - qiankun:https://github.com/umijs/qiankun
 - single-spa
 - micro-app:http://cangdu.org/micro-app/docs.html#/

### 工程化：
    ESM的实现：在开发环境编译时，使用 Server 动态编译 + 浏览器的 ESM，基本上实现了“开发环境 0 编译”的功能。而生产环境编译时，则会调用其他编译工具来完成（如 Vite 使用 Rollup）
    
 - 传统：Webpack, Rollup, Parcel, Esbuild
 - ESM相关：Vite,Snowpack

### 自动化部署：
 - Jenkins
 - Docker
 - K8S
### 自动化测试：
 - jest
### E2E 测试
 - cypress（node服务，与程序一起运行）
 - puppeteer（无头浏览器）
### 后端：
 - Dart
 - `Rust`
 - Golang
### node:
 - express
 - koa
 - `egg`
### UI:
 - `umi`：https://umijs.org/docs/tutorials/getting-started
 - ant design：https://ant.design/components/menu-cn
 -  Element UI：https://element.eleme.cn/#/zh-CN
 - Quasar UI：http://www.quasarchs.com/start/playground

### Nest.js\toB
### graphql
### Kubemetes
### 数据校验：
 - joi
### 接口： 
 - JWT

### 工具
 - gogocode(代码转换工具,把vue2 element项目转成vue3 element plus)：https://github.com/thx/gogocode
 - qiankun微前端实践:https://github.com/wl-ui/wl-mfe
 - 在线视频编辑器:https://github.com/kudlav/videoeditor
 - 商城低代码平台:https://github.com/wangyuan389/mall-cook

### 文档
 -typedoc：http://typedoc.org/