成长贡献
uni-app问题排查
备好项目真机无法运行，控制台报文件未找到的错误。以为是手机环境问题，装了各种驱动，真机基座仍旧启动失败。后面尝试回退代码版本，才定位到文件差异：androidPrivacy.json格式有误。uni-app对配置文件异常无法准确定位。
uni-app中引入三方js，使用renderjs方式，在网页中可以访问逻辑层数据，但在app中无法访问到。调试有时能取到this对象，但是控制台打印不出具体对象。网上搜索不到解决方法，最后在手册注意事项中、及案例中寻找到解决方法。
可视化图形插件使用
使用antV/F2的可视化图形插件。chart.axis()设置坐标轴的显示，chart.guide()标识每个项的数值，在最大的数字右侧显示，去除tooltips，辅助线。
vue中引用的是蚂蚁金服的图表可视化控件。antv/f2适用移动端，在pc端无鼠标触发事件，不能触发提示；antv/g2适应pc端。后续将统一采用echarts。熟悉echarts的使用，根据文档实现图例位置调整，x轴y轴别名设置，最小值等的设置，完成对比折线图展示功能。
前端框架思考
研究后台管理前后端分离方式，搭建前端框架。
熟悉php代码
链接中带list的 数据列表 都经过actionList，继承至baseAction；研究smarty模板数据转api方法。能够定位php中的小问题并修复，比如sql语句日期格式改成一致。
灰色主题实现
查看主流网站实现 首屏灰色主题的实现方式；都是通过fliter滤镜的grayscale实现，大同小异。
vue技能提升
研究并实现vue动态添加watch功能。可监听动态对象的数值变化，需手动移除监听。
swiper绑定的事件访问vue实例有两种实现方式，一种方法是使用箭头函数不改变this指向，另一种是定义全局变量指向vue实例。
疑难问题回顾
app登录自动填充账号密码，登录按钮无法点击。ios需要延迟才能读取到密码框的值。
安卓系统5，百科打开小程序无效，系统太旧不支持新语法。
后台文本编辑器无法上传图片，360极速浏览器获取窗口高度时出现多位小数，无法写入样式，导致弹层不可见。取整后解决。
心得体悟、总结经验
UI思考
由于思源黑体跟微软雅黑的字体非常相像，开发完很难发现代码是否生效。后面发现个别字体的笔画不同，通过个别字体来区分。比如在海报中有包含“口”字的标题，两种字体在第二笔不同。另外一中办法，就是让设计师通过ps软件、设计稿中的设计参数进行对比。
市场上有的前端框架适合中台管理界面，不适合经过ui精心设计的用户端使用，需要前端开发人员拥有封装组件的能力，理解组件间通信方式，对是否需要封装组件有一定的评判能力。并且需要对屏幕适配方式有一定的了解，在开发过程中，考虑不同的尺寸适配，对布局能力有一定的要求。
设计图转化为页面布局实现方式分析：pc端为白色背景，内容分区间隔，移动端灰色背景分块间隔。难以采用相同布局，无法只通过css和媒体查询控制样式达到效果，最终决定结构分离。
需求分析
ou由移动端是项目报名系统实现，pc另外设计。此次国际MBA专题页另外设计了移动端页面，不走项目报名系统，因此有内嵌到app的隐藏需求。根据往常工作经验，提示测试工程师进行app端的测试。
资讯和百科频道服务器端缓存了页面模板，模板结构不能及时更新，在实现页面ui调整时 ，修改css要能支持原来的html模板。
技术更替
iconfont由于兼容性问题之前都是使用class font的方式引入，能兼容旧版本ie。随着ie的兼容要求越来越低，逐渐过渡使用较新的svg矢量图标方式引入。
环境
随着时间的推移，很多使用的插件版本都变成历史版本。包之间存在依赖关系，升级包版本会需要同步升级其他包的版本，时间间隔越久，升级难度越大。
网友评论