新闻无限
案例介绍
项目职责:
使用 vue-create-app 初始化项目.
使用 vue-router 创建路由对象,在进行路由配置.
使用 HTML+CSS3 及百分比来进行移动端的基本布局
使用拦截器interceptors及axios拦截器,对需要认证的页面进行拦截,只有带有token的用户才能进行访问,否则拦截返回到登录页面.
使用路由导航守卫 router-beforeEach 来判断路由跳转是否合理.不合理就重定向
根据功能设计拆分可重复使用的组件,封装成组件来进行调用.
使用 LocalStorage 来保存重要的数据,避免请求数据重复,优化性能,减少网络请求, 并实现登录状态的保持.
使用 vant 中的文件上传组件,使用 formdata 收集图片数据,实现用户头像上传.
详情页中封装评论组件,使用递归的方式生成评论结构-组件递归结构.
与产品,设计对接共同协作完成项目.
新闻无限
案例介绍
项目描述 :新闻无限提供生活、娱乐、时尚、健康、科技等海量资讯,可以随时随地阅读最新实事.主要负责模板有:登录页、首页、新闻详情页、评论页 、个人中心页、设置页 .
项目职责:
使用 vue-create-app 初始化项目.
使用 vue-router 创建路由对象,在进行路由配置.
使用 HTML+CSS3 及百分比来进行移动端的基本布局
使用拦截器interceptors及axios拦截器,对需要认证的页面进行拦截,只有带有token的用户才能进行访问,否则拦截返回到登录页面.
使用路由导航守卫 router-beforeEach 来判断路由跳转是否合理.不合理就重定向
根据功能设计拆分可重复使用的组件,封装成组件来进行调用.
使用 LocalStorage 来保存重要的数据,避免请求数据重复,优化性能,减少网络请求, 并实现登录状态的保持.
使用 vant 中的文件上传组件,使用 formdata 收集图片数据,实现用户头像上传.
详情页中封装评论组件,使用递归的方式生成评论结构-组件递归结构.
与产品,设计对接共同协作完成项目.
案例图片
1小时精推人才
需求方专属客服，免费梳理匹配
