• react破防记


    3月22日,手机突响,拿起一看,艾特全员,正欲放下,突发好奇,点卡一看,新项目招人,本着提升能力(恰烂钱)为先的原则,我速速去接活

    此后十天了无音信,正以为要鸽,临近清明,本欲约三五好友,相聚牌桌,zhgg突然来滴

    直呼好家伙,意思是就剩我了呗。再问日期,惊觉,大事不妙

    6、7号满课,5日清明。寄!

    5日

    清明起个大早,室友还在酣睡,正苦无处自习,突然想到自己还加过学生会。

    打开文档,表单提交,只有一个接口,自动翻页,流畅动画。

    无暇自叹,抓紧开肝。一上午时间,把图片堆叠到了一起。问及zhgg css动画,zhgg直接发来去年整个css讲课文档。复习文档1h。

    一通乱肝,待到晚上,自觉完成大部分,进度还行。只剩自动翻页与表单提交

    自喜,感觉问题不大

    主要学到知识点:

    • css3 animation特性
    • js监听animation

    6日

    白天3节数学课,晚上开始坩埚。

    尝试加入与后端交互,发现又出现CORS问题。

    zhgg去联系后端,忙里偷闲与xdm打了会牌。

    回来后端已经修好,一通调试,报错400,发现JSON.stringify不行,要用qs.stringify

    终于在0:00前完成。交工。

    学到的新知识:

    • 交互时格式既可以用json转换,也可用qs,要都尝试一下

    7日

    早八英语,老师竟要求开视频,偷偷给烜哥和张哥截个帅照

    就在我快乐英语时,项目群炸了

    瞬间万箭穿心,我尚未回神,产品爸爸有脑洞大开

    上午开始坩埚,下午java与大物也全程坩埚

    只能说每部手机都有bug,每个bug都不一样

    为了方便在手机上测试,我掏出我尘封数月的服务器,百度各种资料去部署项目,最终还是拜倒在linux的恶心界面下

    还好zhgg用他的服务器帮我部署了一下,

    泪目,zhgg yyds

    然后开始面向手机编程,发现在手机上和电脑上区别还是挺大的

    期间遇到的问题有:

    • 背景音乐自动播放被chrome ban掉了
    • 在夸克上一些样式被强制修改
    • css上的一系列问题
    • 点击关闭后的逻辑问题

    解决方案:

    • 添加播放按钮,通过用户点击播放音乐
    • 通过与产品沟通,项目主要通过微信公众号传播,不考虑夸克等部分国产浏览器
    • 将fixed改为absolute,修改css提高兼容性
    • 将点击关闭后分为正常提交和异常提交,正常的刷新页面,异常的关掉弹框,重输。

    当我以为我修改的已经很好,并在手机上多个浏览器测试没有问题后,再次提交给了产品爸爸

    结果,万剑穿心*2

    此时已失去行动能力了,与群友打两把麻将,差点被飞,气坏了。

    然后将服务器重装成windows,安装nodejs,耗费1h终于成功部署了。这下就可以随时查看手机效果了。

    然后发现是因为第三个页面的margin-left和margin-top设置了值,所以会把页面挤出去,造成白框,

    解决方案是,把父容器宽度缩小,然后通过flex让子容器居中,避免设置margin

    同时,关于播放音乐图标,我的意见是播放时和暂停时使用不同图标,但是甲方爸爸认为使用同一个图标就行,后来在给室友测试的时候,发现大家不知道是否已经开始播放,所以造成疯狂点图标的情况,所以我还是坚持自己的意见,做了两个图标。

    终于三进宫赢得了大家的认可。

    放烟花!!!

    学到的新知识:

    • 服务器部署方法
    • css兼容性设置

    总结

    经过三天的破防,结果终于还是好的,希望自己也能在一次次破防里慢慢进步吧!!!

  • 相关阅读:
    初涉Django与MySQL连接
    Mysql数据库操作常用命令
    解决远程登录MYSQL数据库
    全集网影片下载
    LR学习资料
    LR性能测试说明
    fiddler
    Axure(快速原型设计工具)
    httpwatch
    Appscan(安全性测试工具)
  • 原文地址:https://www.cnblogs.com/wxyww/p/16115004.html
Copyright © 2020-2023  润新知