鼠眼app
使用豆瓣电影API接口与猫眼API接口实现对电影列表的展示功能,使用package.json实现对项目的HTTP代理功能,请求猫眼API的搜索接口、影院接口、影院食品套餐接口。使用v-model监听搜索框变化,并进行时时数据请求。实现影城的信息展示影城零食购买功能。对影城卡包实现展示与添加功能;封装ActionSheet(弹出框)与IndexList 展示列表等功能。
技术栈:axios、better-scroll、mint-ui、core-js、Vue、Vuex、VueRouter、vue-lazyload。
技术要点:爬取猫眼Api通过http代理进行get请求。封装axios模块对请求响应进行拦截处理,使用Mint-ui库对数据请求失败后进行提示操作。使用better-scroll实现对列表的滚动操作。使用防抖函数对搜索请求进行优化。使用路由懒加载与keep-alive对组件进行优化操作。
项目地址:https://github.com/zsasjy/mouse-movie
多人博客管理系统
个人博客管理系统用于管理个人博客内容、博客分类、账户信息、文件上传、评论以及个人随笔、信息修改等功能。系统采取React + ant design进行项目开发,使用localStorage + Redux进行多组件通信。对日、周、月的数据进行统计,使用Echart实现地图、饼图、折线图对统计信息进行数据展示。采取MD文件格式实现文章编写规则。
前端技术栈:React、Redux、React-router-dom、Antd、echart、for-editor
后端技术栈:koa、Mongodb、blueimp-md5、JWT,nginx
技术要点:使用localStorage对登录信息以及导航进行保存,通过第三方接口获取登录ip记录操作过程,使用QQ邮箱实现邮箱验证码,使用websocket实现站内信功能,使用RBAC技术对权限、角色、用户进行管理,对静态资源进行强制缓存,针对XSS、CSRF、XSRF进行防护处理。