在公司的主要工作是制作一些微信页面,比如写一些查询页面,写一个完整的用于拉粉的微信活动,难点在于页面的适配,Android、iOS的样式兼容,解决方法是使用rem作为单位的网易的一套适配移动端的方法,再写一个reset.css进行样式初始化。页面的布局会用到translate来实现水平垂直居中,印象最深的几个项目有
1、 写一个移动端的拖拽小游戏,要是在PC端,可以使用H5的drag和drop事件,但是移动端不行。最后想了下,用移动的touch事件解决了,先阻止touch的默认事件,再获取每一次touch的x和y坐标,再将坐标赋给元素的left和top,最后完美解决
2、 做一个手机摄影大赛的活动,因为涉及到对图片尺寸,像素的要求,使用微信本身上传图片功能行不通,于是自己写了个图片上传功能,当时有一个小小的问题:删除图片的实现是将添加的新的图片元素移走,插入点击上传图片的元素,开发这块的时候出现了一个小问题,就是删除图片后这个区域点击事件不产生作用了,我觉得是我在删除的时候把这个事件也删除了,所以当时的解决办法是在删除图片的同时又把点击事件的函数重新调用了一遍;现在回过头去看,发现其实不是这样,问题在于js对于新插入html的dom元素的click事件无效,现在让我去解决的话我会用事件委托机制来解决,把点击事件绑定到父级元素上,这样新增的子元素的click事件也不会失效
3、目前在公司正在使用Vue+element+webpack开发公司的微信管理平台和微商城