熟练使用HTML+CSS布局;
熟练掌握JavaScript原生语言;
熟练使用JQuery框架,能够使用实现页面上的动态效果以及自主开发常见的交互特效;
熟练使用Ajax实现Json格式的数据发送与获取;
熟练掌握HTML5+CSS3,熟悉HTML5新增标签,css3新增属性,并熟练应用到移动页面开发中;
熟练掌握移动端布局,对百分比、弹性盒、等比例缩放、局部特殊布局有丰富的经验;
熟练使用IScroll、Swiper、bootstrap等主流插件及框架进行项目开发;
熟悉AngularJS、vue框架,熟悉MVC、MVVM设计模式;
熟悉Sass,有webpack前端构建工具应用经验,熟练使用git/svn管理代码;
了解nodejs开发web服务器流程;
具有良好的逻辑思维、调试bug能力,能独立解决编程中遇到的问题
Topology Information System 拓扑分析系统
开发工具: Visual Studio Code、 Photoshop
项目描述:拓扑数据分析系统。主要包括拓扑数据解析模块、拓扑绘制展示模块、拓扑编辑模块。
项目职责:负责前端工程的搭建,负责整个界面的布局,负责部分功能模块的实现。
技术要点:使用VUE框架
使用 Vue-cli搭建项目
使用html+css实现页面布局
使用Vuex 实现系统的状态管理
使用axios实现与后台数据交互
使用vue-i18n实现中英文配置
使用iframe实现页面的嵌套
使用postMessage()实现跨源通信
客户方案云-方案360系统
开发工具: Visual Studio Code、 Photoshop
项目描述:数据分析系统。主要对不同国家城市运营商下的数据在不同的维度下进行统计分析并提供相对应的解决方案,主要包括运营商选择器模块、左侧菜单模块、地理化界面展示模块、数据统计模块、方案操作台等功能模块。
项目职责:负责前端工程的搭建,负责整个界面的布局,负责部分功能模块的实现。
技术要点:使用html+css实现页面布局
使用jquery和js实现界面动态效果
使用iframe实现页面的嵌套
使用postMessage()实现跨源通信
调用地图接口绘制地图,并在地图上展示拓扑数据
uNeed拓扑容量分析系统
开发工具:eclipse、 Photoshop
项目描述:拓扑数据分析系统。主要包括数据上传模块、数据校验模块、拓扑生成展示模块、拓扑数据筛选模块、路由计算模块、容量计算模块、链路利用分析模块等功能模块。
项目职责:负责整个页面的布局优化,筛选模块的实现,路由计算模块的前台开发。
技术要点:使用require.js实现代码模块化
使用bootstrap-select框架实现筛选功能
使用bootstrap-table框架实现路由计算模块的数据展示表格
法滋蛋糕
开发工具: HBuilder、 Photoshop
项目描述: 法滋蛋糕(青岛荣轩食品有限公司)面向青岛市场,是为了能够让消费者充分享受“足不 出户,坐享美食”推出的网络订购网站。主要包括首页、蛋糕展示、新品展示、品牌 等功 能模块。
项目职责:负责设计、开发网站的部分模块(首页、蛋糕展示页面、品牌页面、商品详情页面);实现轮播图效果,tab页切换二级菜单、选项卡等效果。
技术要点:使用AngularJS框架
使用html+css实现页面布局
使用Swiper实现轮播图
使用AngularJS的ng-route(路由)实现菜单切换
使用@media查询针对不同的屏幕尺寸设置不同的样式
永辉超市
开发工具: HBuilder、 Photoshop
项目描述:永辉超市是永辉集团为了扩大市场效益而搭建的PC端电商平台,主要针对跨境电商、海 外购、中央厨房等业务。主要包括首页、分类、登录注册、购物车等功能模块。
项目职责:负责首页、购物车、登录注册、产品详情介绍页面的实现。
技术要点:使用AngularJS框架
使用html+css实现页面布局
使用Swiper实现轮播图
使用jquery封装放大镜功能插件
使用localstorage以及jquery实现购物车添加功能
海信广场
开发工具: Visual Studio Code、 Photoshop
项目描述:本项目主要是海信广场官网首页,主要功能是向用户展现海信广场的具体商品分类、活 动、推荐,最终目的是为了让消费者能够提前了解商场最新信息, 方便消费者购物。主要 包括首页展示、城市网站跳转、VIP会员中心等功能模块。
项目职责:负责首页、城市网站跳转、VIP会员中心等功能模块的实现。
技术要点:使用AngularJS框架
使用html+css实现页面布局
使用css3动画封装自由在九宫格移动的图片插件
使用AngularJS的ng-route实现城市网站的跳转