开发流程

前端

  1. 总监

    1. 决定项目使用哪种开发工具, 使用哪个框架开发
      开发工具: gulp webpack(主流) 自动构建项目的快速开发工具
      框架:
      jq
      bs
      vue
      angular
      react
  2. 构建版本控制工具
    git svn

  3. 决定项目托管的地方
    github 码云(gitee)

  4. 创建码云的环境

  5. 创建分支
    默认直接创建好的 远程主分支(master)
    创建多个远程子分支
    项目组:
    组长: 组长 master
    成员:
    成员1 branch1
    成员2 branch2
    成员3 branch3
    成员4 branch4
    git冲突:
    指的是两个人同时操作了一个分支
    git 冲突解决:
    先拉取, 再上传
    git pull origin ‘要拉取的远程分支’
    git push origin ‘要推上去的远程分支’

  6. 底层开发: 等安排

    1. 将项目下载下来之后, 切记不要直接操作原git内容
      一般将项目拉下来之后,先不要动本地 master 内容 而是创建一个本地分支与你远程对应分支名字相同的本地分支,然后又再另外创建一个,分支名字自己随便取,自己就在这个分支操作,当有别人的项目有推上去,我们可以切换到我们远程分支名的地方将东西拉下来。最后再将分支切换回我们操作的地方。然后git merge 合并
    2. 项目开发
  7. 专业词
    https : https协议
    ssh : 秘钥( git协议 )

  8. 反向代理服务跨域

反向代理

反向代理指的是在前端的服务器环境中, 短暂的开启一个后端服务器, 由后端服务器进行数据请求, 然后在将结果返回给前端

  1. 使用工程化工具自带的 反向代理服务 — 暂时不能用
    gulp
    webpack (自带的)
  2. 使用第三方提供的反向代理服务 --> http-proxy-middleware
     // 1. 启动一个静态服务器
       gulp.task('server',function(){
         gulp.src('./')
           .pipe(server({
             port: 9001,
             host: 'localhost',
             livereload: true,
             // directoryListing: {
             //   enable: true,
             //   path: '/'
             // },
             open: true,
             allowEmpty: true,
             middleware: [
               // proxy(标记,配置项)
               proxy('/yyb',{
                 target: 'http://localhost:3000',
                 changeOrigin: true,
                 pathRewrite: {
                   '^/yyb':''
                 }
               }),
               proxy('/login',{
                 target: 'http://localhost:3000',
                 changeOrigin: true
               })
             ]
           }))
       })

  1. 总结:

    1. 后端解决跨域(设置请求头)

      1. express 原生
      2. cors中间件
    2. 前端解决跨域

      1. 反向代理(无论是自带的还是第三方的都得通过工程化工具解决)
      2. jsonp
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值