FrontEnd Implementation

0. 工具&特征
1. NodeJS
2. 手写框架
3. 前后端框架
4. Serverless & SSR & Electron
5. WebSSH
6. Distributed Transaction

0-Frontend Tools

• 函数
• 功能
• 数组
• 对象
• 字符串
• DOM
• 消息订阅发布
• 框架

0-FrontEnd Features

• Storage

  • 基本: cookie / session
  • 离线存储: Application Cache / cache Storage
  • 本地存储: local Storage / session Storage / web Storage Cache
  • 库存储: web SQL / indexed DB
  • 其他: 浏览器缓存
    • 强缓存(200):Expires & cache-control
    • 协商缓存(304): Last-Modified & If-Modified-Since & Etag & If-None-Match

• Advanced

  • web Workers
  • webSocket
  • 文件处理相关

1-NodeJS

• Web服务器
• readline
• REPL
• VM
• WorkerThread

2-Vue Framework (MVVM Frontend)

• Run (index.html)

2-Express Framework (NodeJS Backend)

• 模板页面动态渲染{{}}及{%for%}
• 正则路由
• Run (node app.js)

3-Frameworks

• Angular
• React
• Vue
• Express
• Koa

4-Electron

• electron多平台桌面应用
• electron-vue

4-Serverless

• 自定义运行时
• 认证
• 转发
• CMS内容管理系统
  • 后端Restful API
  • SSR服务端渲染应用
• 音视频处理系统
• nodejs
• cloudbase
• html

4-SSR (ServerSideRendering)

• vue-express-koa
• vue-express-vitessr
• vue-express-nuxt
• react-nextjs

5-WebSSH (xterm & ssh2 & websocket)

• webssh-vue-ws-alone
• webssh-vue-koa-ws
• webssh-vue-koa-ws-webpack

6-DistributedTransaction (dtm)

• dtm