imooc视频有感

  1. 手动实现一个自己的cli工具
  2. fish命令号工具,代码提示更完善,更轻量。
  3. docker需要学习一下,对于部署一些项目到线上更加方便,不用手动去安装那些运行的MongoDB node等等环境。
    作业:将点餐小程序的demo使用docker+jenkins自动化集成起来。
  4. 需要深入webpack打包工具详细学习。
  5. safari浏览器真机调试。
  6. koa中的链式调用,洋葱圈模型。
const Koa = require('koa')
const app = new Koa()

const middlewale1 = async function (ctx, next) {
  console.log('this is a middlewale1');
  console.log(ctx.request.path);
  // next()
}
const middlewale2 = async function (ctx, next) {
  console.log('this is a middlewale2');
  console.log(ctx.request.path);
  next()
  console.log('this is a middlewale2 ending');
}
const middlewale3 = async function (ctx, next) {
  console.log('this is a middlewale3');
  console.log(ctx.request.path);
  next()
  console.log('this is a middlewale3 ending');
}

app.use(middlewale2)
app.use(middlewale3)
app.use(middlewale1)

app.listen(3000)
glack@B-Q2JDG8WN-2329 learn % node middleware.js
this is a middlewale2
/
this is a middlewale3
/
this is a middlewale1
/
this is a middlewale3 ending
this is a middlewale2 ending

例如middlewale2方法内有next() 则会先执行下一个中间件。执行完毕再来执行middlewale2 内部 next() 下面的方法。(先进后出)这就叫做洋葱圈模型。

  1. node中会遇到需要多次import 的情况
import routedA from './xxxRoutera'
import routedB from './xxxRouterb'
import routedC from './xxxRouterc'
...

app.use(combine({
	routeA,
	routeB,
	routeC,
	...
}))

可以使用webpack中的require.context()属性来一键合并。

  1. 文档管理工具 「eolinker、apizza、showDoc」
  2. git flow 关于Git你需要知道的知识点
  3. eslint的使用
  4. Jenkins 的优点

    监控到gitlab的master分支,有更新,立马自动构建部署。
    思维导图
    中文教程

  5. Flutter Electron

你可能感兴趣的:(javascript,前端,开发语言)