前端
-
总监
- 决定项目使用哪种开发工具, 使用哪个框架开发
开发工具: gulp webpack(主流) 自动构建项目的快速开发工具
框架:
jq
bs
vue
angular
react
- 决定项目使用哪种开发工具, 使用哪个框架开发
-
构建版本控制工具
git svn -
决定项目托管的地方
github 码云(gitee) -
创建码云的环境
-
创建分支
默认直接创建好的 远程主分支(master)
创建多个远程子分支
项目组:
组长: 组长 master
成员:
成员1 branch1
成员2 branch2
成员3 branch3
成员4 branch4
git冲突:
指的是两个人同时操作了一个分支
git 冲突解决:
先拉取, 再上传
git pull origin ‘要拉取的远程分支’
git push origin ‘要推上去的远程分支’ -
底层开发: 等安排
- 将项目下载下来之后, 切记不要直接操作原git内容
一般将项目拉下来之后,先不要动本地 master 内容 而是创建一个本地分支与你远程对应分支名字相同的本地分支,然后又再另外创建一个,分支名字自己随便取,自己就在这个分支操作,当有别人的项目有推上去,我们可以切换到我们远程分支名的地方将东西拉下来。最后再将分支切换回我们操作的地方。然后git merge 合并 - 项目开发
- 将项目下载下来之后, 切记不要直接操作原git内容
-
专业词
https : https协议
ssh : 秘钥( git协议 ) -
反向代理服务跨域
反向代理
反向代理指的是在前端的服务器环境中, 短暂的开启一个后端服务器, 由后端服务器进行数据请求, 然后在将结果返回给前端
- 使用工程化工具自带的 反向代理服务 — 暂时不能用
gulp
webpack (自带的) - 使用第三方提供的反向代理服务 --> 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
})
]
}))
})
-
总结:
-
后端解决跨域(设置请求头)
- express 原生
- cors中间件
-
前端解决跨域
- 反向代理(无论是自带的还是第三方的都得通过工程化工具解决)
- jsonp
-