1、能熟练使用HTML+CSS网页布局与样式,熟悉HTML5、CSS3.0与W3C规范;
2、熟练掌握JavaScript与AJAX;
3、熟悉JQuery、AngularJS、vuejs与Bootstrap等主流JS库与框架;
4、熟悉移动端布局及响应式布局;
5、熟练使用微信小程序;
6、对主流浏览器的兼容性有一定了解;
7、熟练运用Photoshop、Sublime text、Atom、Chrome等常用网页设计制作软件;
8、对php及MySQL有一定的了解;
9、熟悉nodejs;
一、雷舞照明官网
1、本项目为公司官网,分为首页、关于我们、新闻中心、产品范围、成功案例五个部分;
2、网页整体布局利用HTML、CSS、jQuery及bootsctrap进行设计实现;
3、网页采用响应式布局,利用媒体查询及bootstrap的响应式工具,适配各种尺寸的屏幕;
4、利用bootstrap的导航条组件实现头部的brand及导航条;
5、利用flex来显示产品及案例列表;
6、利用共同的页头和页尾样式减少代码,优化代码。
二、雷舞互动(微信小程序)
1、用户通过微信小程序与本公司的灯光产品进行互动,完成微信支付后可以实现上传文字、视频、图片、涂鸦等操作;
2、本项目从小程序注册、认证、前端代码开发、小程序上传发布及维护都由我一个人完成;
3、使用wx.request与后端进行数据交互;
4、利用movable-view组件自定义了颜色选择器组件;
5、完成微信支付功能;
6、使用canvas及相关api完成画板功能,实现画笔和橡皮的转换、调整画笔的颜色和粗细、将画布转换成图片并上传到服务器等功能;
7、上传本地相册的图片和视频到服务器,并利用canvas对上传的图片进行编辑及压缩;
8、利用wx.login获取js_code去换取用户的openid。
三、SpriteLite(微信小程序)
1、本项目通过微信小程序给后台服务器发送指令来控制公司的录放经理软件,完成控制灯光文件的播放、视频文件的播放、模拟控台等功能;
2、使用ES6的promise重新封装了wx.request;
3、使用wx.request从服务器请求录放精灵的灯光文件和视频文件,利用scroll-view和wx:for来渲染和显示获取到的文件列表;
4、利用slider和定时器来模拟灯光和视频的播放进度条,通过向后端发送指令来实现暂停、播放、停止、上一首、下一首的功能;
四、雷舞中控系统
1、本项目使用vue+element-ui开发;
2、使用vue-cli构建项目;
3、使用axios与后端做数据交互;
4、使用vue-router做路由处理,使用路由守卫将未登录的功能页面重定向到登录页面;
5、使用cookie来保存账号密码,实现记住密码功能;
6、使用element-ui的el-form组件来实现表单验证;
7、使用element-ui的el-table来展示数据;
8、使用插件vue-baidu-map来显示地图及标记点;
9、使用echarts的折线图和饼状图来显示数据统计;
10、使用webScoket与后端通信,来接受后台发送的通知。