High一下!

携程两个月工作小结

纸上得来终觉浅,绝知此事要躬行

时间过的很快 ,需要放慢脚步来丈量,两个月收获很多,也失去不少

工作与收获

软文大赛

简单的H5页面展示,之前没学过react,利用这个项目,熟悉了react技术栈,能够使用react进行简单页面开发、代码简化。期间也学习了很多技术,大图片快速加载、图片预占位、scss简化代码等

开通首页兼容性修复

我们的页面是同时跑在app、微信、和手机浏览器的,发现页面在浏览器会存在拥挤情况,学习了flex布局和hysdk简单使用,使用flex布局使空余空间自动填充,同时考虑在浏览器环境下做专门处理,或者改用滚动布局,思考了很多方案也做了实践

touchable组件和yo-公共样式

做这个项目进行项目的组件化和代码复用以及组件源码的学习,养成主动进行项目抽离和阅读源码的习惯。
我们页面中使用tuchable组件的地方很多未添加按下态或者按下态不一致,我对组件进行了优化,可进行配置。yo提供了很多封装的现成样式,但是我们代码里基本都是自己写的,没有用到yo封装的样式,通过阅读源码,能使用封装的全部使用,减少代码

暂停服务公告

这是完全自己单独写的组件,学习接口设计,展示后端接口返回数据。
动画速度和不同字数的计算关系、动画重绘对滚动框影响、动画进入效果优化,动画播放效果优化、flex布局对offsetWidth影响、react生命周期学习,组件的可配置化

和第三方app页面交互

需求是页面需要跳转到另一个页面,然后成功 完成任务后回来,我们页面根据回传参数进行下一步处理,hysdk的学习,app内使用openWebview,期间遇到不同版本app的兼容、h5内直接更换loaction.href, 第三方app通过closeWebview关闭,并且透传参数,通过onreceiveData接收参数,期间调试涉及方面较多,交互逻辑也比较复杂,踩了很多坑。

后面

回来需要更加努力学习,基础知识再温习一遍,然后主攻react(进阶知识,高阶组件,redux,源码等)和css,Es6也要温习(promise等)

坚持原创技术分享,您的支持将鼓励我继续创作!

热评文章