前端项目经验

项目一:旅拍(WebApp)

项目描述:旅拍是时下最热的独立摄影师伴游拍照服务,体验小众、精致、有趣的生活方式,跳出日常的琐碎和平凡,去已开放广州、厦门、杭州、上海、北京等十五个城市数千名独立摄影师数千套摄影专辑的预约服务。主要功能有支付,视频,音频,图片, 即时通讯,文件处理,地图数,据可视化推送,社交分享,第三方登录,二维码扫描统计分析等

开发工具: Visual Studio 、git、github等技术和团队协作开发工具;

岗位职责:主要负责页面的布局和数据渲染,并且配合APP完成页面的嵌套。负责项目Android以及前端的开发和整体项目进度把控工作。该项目移动端均使用原生开发,微信端使用Vue作为主要开发语言,后台则使用了微服务架构。

主要技术:使用vue框架,以及vue-router构建单页面应用,项目采用vuex处理各组件间的通讯,vue-resource处理请求,使用mint-ui组件库中部分功能进行快速开发,通过vue-cli 快速搭建开发环境,采用手机淘宝适配,使用阿里矢量图标库。

项目二:艺是网拍(PC)

项目描述:艺是网拍为西泠拍卖唯一网络拍卖平台为网络拍卖市场带来更好的发展,为艺术品收藏爱好者带来更多的高品质藏品。该平台主要用于艺术品在线拍卖,主要分为首页热门专场、当前正在拍卖的专场列表、平台发布的新闻列表、个人中心等多个模块。用户可进入当前拍卖的专场列表中,查看该专场正在拍卖的拍品信息及当前拍卖状态。用户可以在个人中心中查看已参拍的订单及已拍下的订单。    

岗位职责:负责前端主力开发 1.拍卖状态实时刷新 2.百度名片接入 3.钱包支付,银行卡支付,支付宝支付,微信支付 4.钱包充值功能 

主要技术:1、根据设计图,使用HTML、CSS还原页面。  2、负责使用jQuery技术实现交互和页面效果。  3、使用javaScript相关插件制作动画,轮播等。  4、配合后台完成测试。  5、后期对页面的维护和修改。  6、使用postMan进行端口测试。

项目三:旅游人助手(PC)

项目描述:旅游人助手是一个提供给旅游人发布旅游图片、视频、附件、真实产品库存等信息的平台,同时帮助旅游人制作及分享旅游电子微杂志,帮助旅游人提升互联网营销能力。丰富的统计数据,直观地展示旅游产品的营销效果,是旅游人了解行业状态的利器。

岗位职责:该项目前端使用Vue技术实现,后台使用Java技术实现,数据库为MySQL,整体是前后端分离开发。前台系统为SPA模式,网站信息展示使用Element-UI库、使用Lodash为JS库,使用NodeJs为Web中间层服务器、使用Axios发送服务器请求、模块开发使用ES6 Module规范、使用Chrome Devtools提升页面性能、使用WebPack作为打包工具。 

主要技术:基于div+css页面布局,使用正则表达式,注册功能的实现,通过通过JavaScript(jQuery框架)实现效果(例如轮播图及回到顶部),利用JavaScript(jQuery框架)实现效果(如导航下拉菜单及三级菜单实现)通过Ajax调用后台数据显示在页面。

项目四:新家优品购(微信小程序)

项目描述:项目中主要是用于管理新家优品购物网的相关业务,开发该购物网站的微信小程序版本,让用户通过微信小程序来进行购物。 本微信小程序具有会员注册、会员管理、商品管理、购物管理和订单管理等这些模块。   

本小程序采用的是前后端分离的开发模式,在前端主要采用了微信web开发工具来进行微信微信小程序的开发,以及运用相关API进行界面的构造,在后台中,运用了Vue和Element-UI来构造后台界面并且采用了webpack打包器来对模块进行打包,本项目的版本控制工具为svn.通过ajax来获取后台的数据,后台管理中使用PHP+MySQL技术。

岗位职责:1、按照需求来对管理界面进行设计。   2、按照微信的规范来设计和开发微信小程序。   3、运用ajax 技术来获取后台的数据。   4、利用Vue框架来进行PC端管理系统模块的开发。  5、与后台人员进行进行协商实现数据的交互。

项目五:联恺照明后台管理系统 (后台管理系统)

项目描述:该项目主要是为目标企业提供一套方便管理所有原料、成品的后台系统。包括所有原材料的采购量、到库量、使用量、剩余量、损耗量及成品的生产数、破损数、出货数的统计及管理。企业可以通过不同的账号来进行不同的功能操作,比如采购可以通过采购的账号查看所有原材料相关的东西,计划部可以通过自己的账号了解到所有的与生产相关的信息。登录过后就可以对自己账号权限内的所有数据进行增、删、改查的处理

主要技术:前端采用jQuery技术,使用EsayUi作为UI组件,使用EsayUI中的定宽Layout布局,使用ajax发送请求,使用Echarts统计报表,使用Session保存会话,使用Express搭建Web服务器,使用MongDB作为数据库,使用Git控制版本。

岗位职责:1、确定前端开发技术   2、使用Photoshop进行切图   3、绘制界面原型   4、基础的性能优化,简单的页面交互

项目六:智爱教育培训信息发布网站(PC)

项目描述:智爱教育培训信息发布网站 主要用于发布该机构的主要培训课程,相应名师的信息,以及对应教材、课程的购买链接。网站主打考研培训,兼顾英语46级考试培训。考研培训主要分为公共课和专业课两大模块,每个模块又分为学术硕士和专业硕士两种类型,每种硕士下面又分公共课和专业课,分类详尽、细致,方便用户迅速找到适合自己的课程,进行相关资讯和课程购买。此外还有名师专栏,该板块推荐在该培训机构某个领域的顶级名师,有其详细介绍,以及所开设的课程。英语46级模块主要是推出一些46提分课程和相应的图书购买链接

主要技术:本项目前端采用HTML+CSS+jQuery进行开发,采用flex弹性盒模型进行页面布局,使用jQuery发送AJAX与后台进行数据交互,动态渲染页面,以及实现一些小的动态效果。后端采用开源PHP,DEDECMS系统,数据库采用MySQL。

岗位职责:1)根据UI设计稿,使用HTML5/CSS3还原网页。  2)制作页面模板,方便后续数据更新。  3)使用jQuery与用户进行简单的交互。

原文地址:https://www.cnblogs.com/zhuxinpeng-looking/p/11311502.html