公众号开发之-201903月项目总结

在此立一个flag，每月15日之前发布上一个月的项目总结，以此督促自己坚持

本月总共两个项目上线：1、现有公众号页面优化；2、新需求一键匹配开发。

• 1，安卓系统部分机型背景色问题

• 如下是对比（通过对比可以发现同一个页面在不同系统下的显示差异）

• 原因：部分安卓机型上页面的背景色不是白色，需要手动设置。

• 解决方案：最后的解决结果是在body上加上样式背景白色，解决）

• 2，input输入框，软键盘弹起影响页面布局

• 上图的输入框在安卓系统下，软件盘弹出框会把底部的“图标顶上去（下面图标是定位布局）”，在ios下表现正常。

• 原因：安卓系统下，软件盘弹出会压缩页面，也就相当于把页面高度缩小了，如果底部定位布局，则也会相应变化。

• 解决办法：页面进入时就给body设置固定高度，来避免body的高度缩放问题
  var hrt = $(window).height();//当前可视区域高度
  $(‘body’).height(hrt + ‘px’);//ba可视区域高度赋值给body

• 3，input输入框，在软件盘输入完之后，点击键盘上面的完成，实现搜索功能

• 需求：当我们输入完密码直接点击弹出来的软键盘的完成的时候，我们可以进行登录

• // input框软键盘搜索
  // input框软键盘搜索
$("#filterName").on('keypress', function (e) { var keycode = e.keyCode; if (keycode == '13') { e.preventDefault(); var params = {}; params = getNameCondition(params); // 获取姓名 $("#informationList").html(''); $('.dropload-down').remove(); filterList(params); } });

• 4，本月难点，标签渲染（今晚更新）