猿急送>

杭州前端兼职程序员

ID：172703

用户6375096055

前端开发工程师

公司信息：
文思海辉

工作经验：
3年

兼职日薪：
500元/8小时

兼职时间：
下班后
周六
周日

所在区域：
杭州
滨江

技术能力

掌握html/css/js等web基础
掌握jquery
掌握ajax数据交互
熟悉html5对象
掌握CSS3动画
掌握移动端百分比布局、熟悉移动端固定宽度布局、了解移动端rem布局
掌握css盒模型、熟悉flex盒模型
熟悉微信小程序rpx布局，小程序image模型，小程序数据绑定，小程序常用API
熟悉bootstrap响应式布局，熟悉less/sass
熟悉ES6常用语法
熟悉webpack基本配置并优化加载速度
掌握react全家桶，熟练使用react-router/redux/react-redux/redux-thunk等
掌握vue全家桶及vue component切换C3动画，掌握vue-router配置，熟悉vuex
了解vue-cli相关配置
了解canvas
了解apache相关配置如开启https、开启gzip、配置vhost等
了解nginx相关配置如开启https、重定向到https、代理proxy到300x端口、配置vhost等
了解PHP简单语法
熟悉nodejs模块，熟练使用koa2框架写接口，掌握koa洋葱模型中间件，并使用其完成过滤登录、添加响应头（跨域）、过滤静态地址等功能
熟练使用koa连接mongodb数据库，并使用mongoose操作数据库
了解mysql数据库
掌握Photoshop基本操作
了解corelDRAW基本操作

项目经验

项目时间：
前端小程序开发 2019/5/10-2019-/5/22
后台管理系统开发 2019/5/23-2019/6/10
软件部署上线 2019/7/11 7/12上线运营
2019/7/12以后根据运营要求新增版本功能
项目资源：微信小程序搜一搜搜索：‘’杭州瑞德建材瓷砖线上购“
项目功能
客户从微信小程序选择户型、套餐并选择预约到店或者预约上门提交订单
客户可在选择过程中查看商品详情、服务流程、门店定位等信息
客户可联系客服咨询
下单后可以从我的订单页面查看订单信息，并查看订单状态
小程序可接受带参数页面，用于定位推荐人或推荐渠道，方便引流管理
小程序全程不需要弹窗获取客户昵称等信息，防止客户流失，并可以记录下单人
小程序包含限量预约功能
后台管理系统包含管理员登录登出状态保持
系统可进行套餐内容设置
系统可进行banner图片上传修改
系统可进行订单查看、订单筛选分类查看、订单状态设置、订单软删除到回收站、
系统可进行商品详情页编辑设置提交
项目使用技术
项目前端页面使用原生微信开发者工具开发
项目管理系统为vue多页面应用，使用vue-cli+vue-router+vuex进行开发
项目后台使用nodejs koa2框架，使用koa-co koa-session axios koa-body等库
项目数据库使用mongodb 使用mongoose框架
项目部署使用nginx反向代理到pm2的3001端口，因为服务器还需要返回其他资源不能直接占用443端口
项目资源服务使用阿里oss
版本管理使用git
项目技术参数以及碰到问题解决方案
微信小程序原生wx:if不支持类似于v-if的v-enter，v-leave-to制作动画，最后放弃使用wx:if自己封装css3隐藏类，实现淡入淡出效果
为防止进入页面就获取用户信息导致客户流失，选择使用wx.login获取回话code后在服务器结合appsecret获取opinid记录用户
为绑定用户及推荐人，在首页添加入口参数，并在初始化页面时将openid和recomendid记录到数据库，并且不可更改
因业务需要必须引入外部页面，使用微信官方sdk在外部页面调用小程序指令实现和小程序的无缝对接
因业务需要在页面中需要自动播放小视频，使用video标签的autoplay不起效，最后查阅文档使用muted静音，playsinline在ios页内播放，使用wx sdk 利用js开始播放视频，实现手机端自动播放
管理页面所有带admin和handle路由的操作路由带有登陆判断，使用koa中间件实现过滤
开发环境vue的808x端口和node的300x端口交互存在跨域需求，本人所知的解决方法包括
在vue-cli的配置文件中加proxy（设置在devserver上的）
在node端设置cross-origin允许跨域（综合考虑选择这项，因为部署时万一也需要跨域方便）
使用nginx代理
设置跨域导致登陆状态无法保持，因为没有携带credentials，
前端设置axios.defaults.withCredentials = true
后端设置ctx.set(‘Accept-Control-Allow-Credentials’， true)
后台支持图片上传返回地址预览，确认提交后移动保存
后台支持使用websocket同步订单状态，有新订单及时推送到管理平台，连接断开或失去联系时及时销毁client，可记录在线人数
后台支持完善的订单状态管理，并异步请求更新数据库信息
后台支持完善的商品详情编辑
商品详情页可新建编辑删除
可使用富文本编辑器ckediter生成html片段
html片段中引用的图片视频，会在node端中转保存到阿里oss（详情页图片较大），并删除缓存，返回ckediter所需的response
综合考虑商品页的静态的特点，利于数据的维护，使用ckediter生成的片段拼接模板html，最终使用数据库直接保存htmlString，上线后使用node动态分析url读取数据库返回字符串
我的职责
负责项目前端小程序开发
负责项目后台管理页面开发
负责项目node端接口开发和调试
负责项目上线部署
负责项目版本更新和备份