业余项目:官网开发
应用vue+vue-router+axios+es6+sass(stlus)开发一个使用jquery+魔板引擎进行的前后端分离的发行网站。
vue的mvvm思想对整个网页进行开发,其中将顶部和底部作为公共组件开发,使用在每一个页面之中;axios对后端数据请求,成功使用vue框架中对数据的绑定实现前后分离的思想;提交数据使用axiso提交注册和登陆填写的数据。vue-router控制页面路由。其中还应用了对swiper的vue版本等插件在首页之中开发轮播。动画效果使用 css3开发。(当时最初使用jquery开发css时应用的时stylus,就继续沿用了)
工作项目:视频网站
公司一个视频相关响应式网站,电脑端:拥有公共头部+底部;首页是一个视频列表页面,页面左右布局,左侧是视频列表,可在当前页面直接点击播放并统计播放量;右侧是在电脑共有的推荐栏目;
详情页是当前是视频的相关数据战士,用户在登陆情况下可进行收藏+点赞+评论+分享操作;搜索页面,用户可通过首页和详情页的头部搜索框搜索进入该页面,搜索用户想找到视频,进行观看。
wap端 (手机端):页面展示内容跟手机端一致,只是右侧推荐内容隐藏。其中wap端下,会与app进行相关交互,在通过app中分享的视频详情页通过js判断进行从页面跳转进去app相应页面。微信分享等功能。
1.fis3打包工具,将项目工程化管理,开发和发布相关打包配置完成。包含ES6转化ES5,SCSS语法。
2.原生js+es6语法封装通用的ajax方法,cookie的获取、设置、删除,dom操作等通用方法。
3.ES6模板字符串+Ajax请求实现前后端开发。数据作为判断依据封装进函数中,可复用于翻页等功能,用于请求成功后进行页面渲染。
4.使用cookie获取与删除实现登陆+退出登陆功能。
5.通过就Ajax请求,实现对视频播放并在规定播放时间计数,点赞,收藏等效果。
6.评论的表情通过与字符串映射实现,评论多级回复,评论点赞,翻页查看评论。
7.SCSS预编译,CSS的media实现页面响应式效果。
8.搜索功能通过跳转地址并对搜索关键词进行编码,跳转搜索页面获取地址参数并ajax数据请求实现。