Vue低仿BOSS直聘APP

2,033 阅读2分钟

碎碎念

很久很久以前满世界都是Vue高仿XXX,出于好奇也想仿一个练练手,选来选去还是选择了BOSS直聘(不是打广告!不是打广告!不是打广告!15年也曾用Angular1模仿过一次,所以这次还选它吧😂),于是业余时间开始着手。

闲下来整理下源码,让ta留在记忆里...

主要目的

1、在实际应用中学习Vue

2、如何远程协作使用Github

所用技术

1、vue-cli:vue官方开发脚手架

2、vue-router:vue官方路由

3、mint-ui:饿了么出品移动端UI框架

4、axios:基于promise的HTTP库

5、stylus:灵活的预编译CSS

6、flexible.js:可伸缩布局方案,解决移动端不同视窗自适应

DEMO介绍

1、大概样子以及文件目录

	     ┌── assets          资源文件
	     ├── components      页面以及组件
	     |       ├── aboutme 个人中心
	     |       ├── common  主题路由页面
	     |       ├── company 公司列表页面
	     |       ├── job     职位推荐页面
	     |       ├── login   登录页面
	     |       ├── message 消息页面
	     ├── js              插件和工具
	     ├── router          路由配置
	src──├── styles          页面样式
	     ├── vuex            vuex配置,暂时未使用
	     ├── App.vue         页面
	     └── main.js         页面配置入口
	        ┌── data         页面所需静态JOSON数据
	static──├── images       页面所需静态图片

2、协作开发人员(代号)介绍

  • Kobe:负责company和aboutme页面
  • Amei:负责message页面

3、其他

实际开发中学到了什么

1、多人协作开发中使用git的注意事项

2、如何使用sessionStorage

3、如何配置vue-router的懒加载模式

4、如何使用axios发送ajax

5、使用第三方组件发现问题如何去官方提issues

6、Vue中父子、兄弟组件如何通信

7、vue-cli在build的时候如何配置相对路径

8、vue-cli本地开发环境如何配置跨域调试接口

有待解决的问题

1、路由跳转后返回如何让页面恢复到之前的滚动位置?

2、如何把vuex添加进去?