使用VUE模仿BOSS直聘APP

一、碎碎念:

偶尔在群里看到一个小伙伴说:最近面试的人好多都说用vue做过一个饿了么。当时有种莫名想笑。

为何不知道创新一下?于是想写个DEMO演练一下。那去模仿谁呢?还是BOSS直聘(跟我没关系,不是在打广告!只是用过)吧,15年使用angular1.0+也模仿过它。

于是就组织了几个小伙伴一起开发,目的:1、学习如何使用github远程协作。2、把框架用在实战中。

正文从下面开始...

二、DEMO介绍:(目前功能不全,业余时间会继续更新)

1、名称:模仿BOSS直聘

2、源码仓库:https://github.com/SimpleRoom/BOSS

3、在线预览:https://wjf444128852.github.io/demo01/BOSS/#/

4、所用技术:vue2.0+,vue-router,mint-ui,axios,scss

5、页面结构以及负责人

鄙人负责:login和job,common页面

科比(代号):负责company和aboutme页面

曼梅(妹子):负责message页面

三、开发期间学到了什么?

1、git的简单使用

2、sessionStorage的操作

3、vue-router的配置(如何能赖加载)

4、如何使用axios发送ajax

5、如何查阅组件官方文档(如mint-ui),发现问题如何去官方提issues

6、兄弟组件如何通信

7、父子组件如何通信

8、vuecli在打包的时候如何配置不想要的文件(主要是webpack)

9、本地如何配置跨域调试接口

四、有待解决的问题

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

2、查询路由的跳转问题

3、路由history模式相关问题

4、如果想用vuex,该如何下手?

感谢vue群众的各位老鸟的指点!

有点忙。会不定期更新.....

时间: 2024-10-14 07:11:04

使用VUE模仿BOSS直聘APP的相关文章

简易python爬虫爬取boss直聘职位,并写入excel

1,默认城市是杭州,代码如下 #! -*-coding:utf-8 -*- from urllib import request, parse from bs4 import BeautifulSoup import datetime import xlwt starttime = datetime.datetime.now() url = r'https://www.zhipin.com/job_detail/?scity=101210100' # boss直聘的url地址,默认杭州 def

iOS开发之功能模块--高仿Boss直聘的IM界面交互功能

本人公司项目属于社交类,高仿Boss直聘早期的版本,现在Boss直聘界面风格,交互风格都不如Boss直聘以前版本的好看. 本人通过iPhone模拟器和本人真机对聊,将完成的交互功能通过Mac截屏模拟器来录制基本的交互功能. 界面因为动态截图工具本身不完美,截屏失真,所以存在有的部分UI颜色稍微变化了,比如白色稍微变灰暗色,不是项目本身的问题. 因为是本公司项目,不提供源码,只提供交互动态图仅供观赏??. (备注:Boss直聘分为个人端和企业端) 1.基本功能描述: 在个人端,一开始会话列表没有任

iOS开发之功能模块--高仿Boss直聘的常用语的开发

首先上Boss直聘的功能界面截图,至于交互请读者现在Boss直聘去交互体验:     项目要高仿Boss直聘的IM常用语的交互功能,居然花费了我前后17个小时完成,这回自己测试了很多遍,代码质量很高,交互很流畅,仿真度也很高,重点综合性的用到了很多东西:runtime.代理传值.block传值.textView的系统通知监听.富文本.自定义封装.本地化增删改等等.其实这些都是基础,重点是功能的交互逻辑或者是业务逻辑的分析,然后正确实现,并经过尽可能多情况的自我测试通过,没有基础Bug,也没有任何

从零学习Fluter(六):Flutter仿boss直聘v1.0重构

今天继续学习flutter,觉得这个优秀的东西,许多方面还需要完善,作为一个后来者,要多向别人学习.俗话说,“学无先后,达者为师”.今天呢,我又重新把flutter_boss这个项目代码 从头到脚看了一遍,并进行重构. 废话不多说,展示出来分享给大家.本项目源码已上传GitHub,文末给出地址. 一:第一步先实现了底部TabBar,这里细心的朋友会发现,出现白屏,这里确实还没有处理,下一个项目,会处理. 二:实现boss直聘职位Tab的布局 三:实现了消息Tab的布局,并加点击事件 四:实现公司

从企业版BOSS直聘,看求职简历技巧

有时候,不是我们不可以,而是我们连面试的机会都没有.希望这篇文章能帮助大家找工作,有一个展示自己的机会. [ ] 最近负责测试的面试工作,在等HR推简历的时候害怕错过优秀的伙伴,找HR拿到了公司在BOSS的账号,第一次在面试者的视角下来看这个软件,分享一下. [ ] 如果想在这么多简历中脱颖而出,写BOSS的简历需要一些小技巧. BOSS直聘页面介绍(企业版) 企业版本的招聘功能,大致分为以下几点,其中推荐牛人和搜索牛人是面试人员简历的展示: 推荐牛人:不清楚BOSS推送的理由(猜测是面试人员里

打造IP代理池,Python爬取Boss直聘,帮你获取全国各类职业薪酬榜

爬虫面临的问题 不再是单纯的数据一把抓 多数的网站还是请求来了,一把将所有数据塞进去返回,但现在更多的网站使用数据的异步加载,爬虫不再像之前那么方便 很多人说js异步加载与数据解析,爬虫可以做到啊,恩是的,无非增加些工作量,那是你没遇到牛逼的前端,多数的解决办法只能靠渲染浏览器抓取,效率低下,接着往下走 ? 千姿百态的登陆验证 从12306的说说下面哪个糖是奶糖,到现在各大网站的滑动拼图.汉子点击解锁,这些操作都是在为了阻止爬虫的自动化运行. 你说可以先登录了复制cookie,但cookie也有

python3 + scrapy 抓取boss直聘岗位

前言:本文为记录工程实现过程,会引用其他文章,如果又不清晰的地方可以查看原文章.本文主旨在于记录,所以部分作者了解的部分可能不会介绍而直接操作,如果有疑问请留言或者直接使用搜索引擎. 引用: windows安装scrapy 创建第一个scrapy工程 一.安装scrapy 管理员模式打开power shell,输入 pip install scrapy ps:此步之前,需要先行安装pip,具体请自行搜索. 二.到某路径下建立scrapy工程 scrapy startproject boss 三.

JS模仿腾讯微博app撕纸效果

本来想用css3来实现,但后来脑袋一热就用了js,省的别人你ie怎么没效果啊!在腾讯微博app上看到的一个效果,鼠标击哪里就撕了哪里,跟撕报纸似的,任意点击左边面的灰色区域,查看效果,当时觉得很有意思,问了下高人,突然觉悟了,原来如此. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt

模仿知乎Android APP二

这一次本人分享的是模仿知乎Android APP这个类型的,还有网易新闻等,他们都菜单界面等挺相似的. 我使用的是Material Design中提倡的app bar.使用ToolBar+DrawerLayout+Fragment实现,大家也可以在Fragment里面嵌套ViewPager这样使得Fragment包含一个ViewPager,ViewPager包含更多的Faragment去显示内容. 这个Demo的大概功能叙述: 使用ToolBar,然后会有一个左侧菜单,使用的是Fragment来