新闻无限

猿急送>广州前端兼职程序员>change变了>

案例列表

基本信息

案例ID：160268

技术顾问：change变了 - 3年经验 - 佛山世界树科技有限公司

联系沟通

微信扫码，建群沟通

项目名称：新闻无限

所属行业：新闻媒体 - 新闻

->查看更多案例

案例介绍

项目描述 :新闻无限提供生活、娱乐、时尚、健康、科技等海量资讯,可以随时随地阅读最新实事.主要负责模板有:登录页、首页、新闻详情页、评论页、个人中心页、设置页 .

项目职责:
使用 vue-create-app 初始化项目.
使用 vue-router 创建路由对象,在进行路由配置.
使用 HTML+CSS3 及百分比来进行移动端的基本布局
使用拦截器interceptors及axios拦截器,对需要认证的页面进行拦截,只有带有token的用户才能进行访问,否则拦截返回到登录页面.
使用路由导航守卫 router-beforeEach 来判断路由跳转是否合理.不合理就重定向
根据功能设计拆分可重复使用的组件,封装成组件来进行调用.
使用 LocalStorage 来保存重要的数据,避免请求数据重复,优化性能,减少网络请求, 并实现登录状态的保持.
使用 vant 中的文件上传组件,使用 formdata 收集图片数据,实现用户头像上传.
详情页中封装评论组件,使用递归的方式生成评论结构-组件递归结构.
与产品,设计对接共同协作完成项目.