1、e修鸽官网 https://www.11xiuge.com/home
描述:官网我们采用了vue开发,然后使用prerender-spa-plugin预渲染做单页面SEO优化,利用vue-meta-info 动态设置meta 信息。这样解决了单页面应用seo优化的痛点。
技术栈:vue v2.0 + vue-router + vuex + webpack v3.6 + prerender-spa-plugin v3.2.1 + vue-meta-info + vue-cli v2
2、帮帮拼电商系统
● 电商系统包含用户端(帮帮拼C端商城界面),商家端(帮帮拼商家管理后台),运营端(帮帮拼运营管理后台)。
● 使用vue+webpack构建的单页面应用
● 使用vue-router构建页面路由
● 使用前端element-ui快速构建页面,
● 封装axios请求,完成与后端的对接联调,
● 通过vuex来实现组件之间的通信和数据的抽离
● 用户H5端基于flex布局,rem等css布局,实现移动端的各种机型的适配
● 管理后台使用elementUi搭建界面,后台的难点在于用户权限的设置(通过Tree 树形控件设置权限,使用vue-router2.2新添的router.addRouter(routes)方法,同时我们可以将转后的路由信息保存于vuex中,这样就可以在SideBar组件中获取全部的路由信息,并且渲染我们的左侧菜单栏,让动态路由实现。)
3、斑马仓SAAS系统
●采用React和antd技术搭建开发系统
●使用fetch,封装网络请求,封装公共方法
●使用react-redux实现组件之间的通信和数据的抽离