WdBly Blog

懂事、有趣、保持理智

WdBly Blog

懂事、有趣、保持理智

周维 | Jim

603927378@qq.com

工作日志

工作日志,工作笔记

image.png

2018/06/28

git checkout . 移除所有的本地修改
git stash  贮藏,
git stash pop 恢复贮藏
调试了提现记录页面新增的下拉刷新功能,未具体测试。
新增了分享事件逻辑,增加了登陆状态的判断。
阅读了tffview和mobil-react,tailor的代码对项目认识有一定增加。
安装了python和tensorflow的环境并通过测试
观看了react-lazyload的全英文文档,学习了一波

2018/06/29

^异或运算:1与其他值去相反值 0与其他值取该值
完成了account页面的路由配置
修改了机票界面的验证规则
h5app中userInfo的获取并将之通过encodeURIComponent编码
主要是解决了 = & 符号在url中不编码会引起的问题。

2018/07/05

app2.2.0 提测,修改页面的bug
分析了单页应用的流程和ssr的流程。
编写将了h5app的www中文件夹拷贝到h5mobile的src中的批处理文件
source ../app-mobile.bat
团队分享了git的使用

2018/07/09

学习react-mobile
window.btoa(unescape(encodeURIComponent( str ))) 三层编码
decodeURIComponent(escape(window.atob( str )))   三层反向解码 
btoa:将字符串编码为base64,不能编码中文,用encodeURIComponent包一层
atob:将base64解码为字符串
修改了tffview 落地页 选择国家组件bug
修改了禅道上的bug和自己发现的bug
调整了我的收藏界面的接口,和后续的跳转
修改了邮轮游的目标页面
参加了app2.3.0的需求评审

2018/07/10

import {lastName as surname} from './profile'; as语法用来重命名
当前时间是浏览器从本机操作系统获取的时间,所以不一定准确,因为用户可以把当前时间设定为任何值。
小飞机开启全局模式后,访问本地项目500

2018/07/11

git checkout 文件名(项目中的全路径,移除这个文件的修改)  
git checkout // 放弃所有文件的所有修改
git reset --hard 版本号 // 返回到某个版本,放弃所有修改

2018/07/12

2.2.0优化,需求更改(11条)

E09EEC44E890C529ECB148BA783621ED.png
修改bi项目并上线
tffview新增components目录,并写了一个公用的错误弹窗组件
着手解决biwebpack打包重复的问题(待解决)

2018/07/13

 修改photoSwipe中点击缩略图时data-size写死导致的图片变形问题(通
 过点击时获取图片的真实宽高动态设置data-size)

 通过js实现了图片压缩上传和预览,主要使用的技术有
 FileReader , readAsDataURL , canvas,drawImage
 canvas.toDataURL("image/jpeg", quality),
 convertBase64UrlToBlob(),atob,Uint8Array, Blob,createObjectURL,FormData
 将图片压缩代码封装到service.js
 修改了活动规则和美金($)货币的图片

 app打包后出现了点击选择图片input后,提示拍照上传,选择图库两个按钮的文字变成了英文,这是在打包
//实现图片预览1 可以接受一个文件对象或者blob对象 var url = window.URL.createObjectURL(oFile.files[0]); img.src = url //实现图片预览2 var ready=new FileReader(); ready.readAsDataURL(oFile.files[0]); //base64编码后输出 ready.onload=function(){ img.src = this.result; }; //和 readAsDataURL()类似 将文件转化为base64 // encoderOptions可以为image/jpeg或image/webp类型的图片设置图片质量,取值0-1,默认值0.92 canvas.toDataURL(type, encoderOptions) u8arr = new Uint8Array(n); //字符的 Unicode 编码 bstr.charCodeAt(n); u8arr[n] = bstr.charCodeAt(n); new Blob([u8arr], {type:mime});

2018/07/16

form.append("file", file[0],Date.parse(new Date())+".jpg"); 
git branch -m old_branch new_branch # Rename branch locally 
git push origin :old_branch # Delete the old branch 
git push --set-upstream origin new_branch # Push the new branch, set local branch to track the new remote

git branch -D <branch_name> #删除本地分支
git branch #查看本地分支
git branch -a #查看所有分支

app端的图片 最好写全地址 如https://... 而不是用//...代替

app2.2.0上线,app2.3.0 开始
机票活动缓存,并且在搜狗浏览器刷新样式丢失问题
修改了comment页面的bug(initEvent时tags->comment)

2018/07/17

合并2.2.0的release到master
写我的会员,我的钱包和部分购买黑钻的页面
修改order-comment的两处样式问题
修改评论上传图片为批量上传
formData.getAll("a1");
//首先拿到文件列表,将之遍历,将类数组转化为数组,并保证已经选择的+这次选择的<=9 // 默认选择的fileList的排序是根据文件大小来的,不是根据用户点击先后来的 Array.from(files). slice(0,9-vm.blob_imgs.length).forEach(function(item) { }) //然后判断出文件大小在1-8M区间的图片,并执行压缩函数 var com = photoCompress.init(item, { quality: 0.2 }) //将返回的promises存放在pro数组中,我们可以在任何地方使用com.then()的方法获取返回的压缩图片。 pro.push(com) //此函数返回了一个promises function init(){ return new Promises((resolve,reject)=>{ //这里有一大部分压缩的耗时操作 ... //压缩成功后 返回被压缩的图片 resolve(image) }) } //在循环遍历结束后,压缩操作应该还在执行中 //在Promise.all中去获取 返回的数组 res if(promises.length){ Promise.all(pro).then((res)=>{ res.forEach(item=>{ form.append("file[]", item, "file_.jpg"); }); uploadImgFn(form); }); } //如果有可上传的图,且没有经过图片压缩 则直接调用上传方法 if(is_empty && promises.length === 0){ uploadImgFn(form); }

2018/07/18

app2.3.0 新增积分规则页面
app打包后,项目路由发生变化,整个路由会变成哈希路由,当使用了photoSwipe时,点击了缩略图时,photoswipe会自动给当前路由补上哈希
好像这样 app/home/#&qq=1&ww=2,但是这个在app中就有问题,因为app会自动给当前路由前加上哈希,这里的第二个hash不会生效了
解决方案,修改photoSwipe源码,删除了给路由加hash,然后replace路由的代码。
引入了swiper.js 同时修改源码,将Swiper构造函数挂载在window上
新增了singleInterest页面,并开始着手写代码

2018/07/19

transition: width,height 2s transition-timing-function transition-delay;
完成会员权益页面,修改了领取优惠券弹窗跳转
Swiper宽高问题,配置如下:
var title = new window.Swiper ("#titleSlide", { initialSlide :vm.activeIndex, //初始化的位置 roundLengths : true, runCallbacksOnInit : false,//初始化时不触发slideChange preloadImages:false, slidesPerView : 1, centeredSlides : true, width:icon_slide_width, slidesOffsetBefore : page_width*0.36, slidesOffsetAfter : page_width*0.36, autoHeight: true, //高度随内容变化 slideToClickedSlide: true, //点击slide会过渡到这个slide on: { slideChangeTransitionEnd: function(){ $timeout(()=>{ vm.activeIndex = this.activeIndex; }); } } });

2018/07/20

按照psd修改了页面样式
使用了可视化的css sprite整合图片
问题:
使用精灵图作为背景时,如果容器的宽高不固定 需要变化,则需要动态改变back-size,back-position 的值,当然要和变化后的宽高匹配,但在视觉效果上,会闪一下。

2018/07/27

全面完善2.3.0
修改download页面样式
修改邀请好友页面图片
添加用户等级icon
添加活动规则图片
添加h5mobile和mobile_react index.html 的头文件,用于控制缓存

2018/07/30

上线m站引导页
修改支付流程中的一些判断(order or blackDiamond)
file_name+"?"+ (+new Date()/10000 >> 0) //伪缓存