Star IT Information 是一个IT资讯类移动端Web应用,本项目完全遵循前后端分离的开发模式。前端部分由本人采用Vue2 脚手架和Vant 组件库进行开发,后端API 接口完全采用第三方供学习交流使用的开放接口。
本项目采用的技术主要有:vuejs、vue-router、vuex、axios、vant、socket.io-client(实现聊天机器人即时通信)、组件通信 (父, 子传递)、amfe-flexible(移动端rem适配)、less。
本项目的页面结构和样式完全在按需引入的Vant 组件基础上进行构建和美化,实现了诸如导航栏、搜索框、标签页、标签栏、单元格、轻提示、弹出框、下拉刷新、上拉加载、消息通知等页面结构和效果。
本项目遵循模块化、组件化的开发方式,把诸如axios 网络请求、自定义指令、工具方法、静态数据、全局组件调用等方法或对象封装成独立的JS 模块,把诸如文章信息条目、文章列表、评论列表等复用性组件封装成独立的Vue 对象。
本项目做了路由懒加载、请求响应拦截器、组件缓存、防抖、图片懒加载、代码模块化等优化工作,极大地提高了页面加载速度、网络请求响应资源消耗以及用户体验、降低了代码模块间的耦合度。