search

vianvio / FE-Companions

山虽高，我心已决要攀登， 路再难，绊不住我的脚跟； 因为我看到生命之路就在这里。 -- 《天路历程》
447 stars 34 forks source link

20200227 - TangXR #25

Open vianvio opened 4 years ago

vianvio commented 4 years ago

问题列表：

  1. 公车移动端项目中，前端与客户端关系是怎样的？请配图描述前端与客户端的技术对接方案，以及使用的模块，举例：客户端网络库发送native请求; ios使用wkWebView。
  2. 前端与客户端交互如何实现的？
  3. 前端与客户端交互协议如何制定？
  4. 客户端适配遇到过哪些问题，怎么解决的？
  5. 前端与客户端配合做性能优化还能想到哪些？
github307896154 commented 4 years ago

1/2. image 3.根据前端需求 定制一个文档（关于客户端需要写的协议名和功能约定好参数、配置name等信息） 客户端处理好逻辑后将结果给回调函数。对应前端需要在需要的时候调用客户端的方法 并且规定好回调函数 4.客户端适配遇到过一些兼容性问题，ios居多 [ 1.ios自带输入法无法触发keyup事件，通过watch替代 2.ios移动端click事件300ms的延迟响应,使用fastclick 3.ios下input在输入的时候默认首字母大写,并且ios使用input标签必须指明type不然会失效， 4.微信安卓浏览器不能自动下载apk，window.location.reload()存在缓存。window.location.href=href+'随机数'，如果是安卓微信浏览器添加图文提示用其他浏览器打开。 ] 5. [ 1.通过本地存储LocalStorage，对一些图标，用户信息之类的数据进行存储，用户提高下次打开的速度，增加用户体验。 2.因为原生app性能高于webapp对于用户体验要求高的页面考虑使用原生app开发 ]

vianvio commented 4 years ago

问题3拓展

前端与客户端交互需要区分H5页面加载前与H5页面加载后，举例来说，如何实现H5页面打开时就隐藏native导航栏