一杯苦芥的专栏

要搞懂移动端的适配问题，就要先搞明白像素和视口。像素在移动端给一个元素设置 width:200px 时发生了什么？这里的px到底是多长呢？像素是网页布局的基础，但是我们一直在用直觉使用它。其实存在两种像素：1. 设备像素屏幕的物理像素，任何设备屏幕的物理像素的数量都是固定不变的，单位是pt。2. CSS像素在CSS、JS中使用的一个抽象的概念

最近有个需求：要将App从后台接口获取到的Json数据，按条件完整返回给H5页面做显示。       由于在Json数据中包含许多的中文，所以在Java代码中，只能先用URLEncoder.encode(str, "UTF-8")进行编码，然后通过Native执行Webview.loadUrl("javascript:***")的方式，将编码后的Json数据传递到H5页面的Js方法中。

解决办法：1. 卸载使用 cnpm 安载的 weex-toolkitcnpm uninstall -g weex-toolkit2. 使用 npm 重新安装，不要用 cnpmnpm install -g weex-toolkit

1. unescape()2. decodeURIComponent()

解决办法: 使用triggerHandler()方法替换trigger()方法

... 改为 javascript:;">...

先使用unbind("click")方法解除绑定的事件，再绑定新事件。

之前做过PC页面的人聊的最多的就是『兼容』，这是因为浏览器之间的差异引起的，不再多说。而移动端是基本没有『兼容』的问题的，全是CSS3，简直不要太开心。可是『适配』问题随之而来。什么是『适配』？做PC页面的时候，我们按照设计图的尺寸来就好，这个侧边栏200px，那个按钮50px的。可是，当我们开始做移动端页面的时候，设计师给了一份宽度为640px的设计图。那么，我们把这份设计图实现在各个手

前言参考来源前人栽树,后台乘凉,本文参考了以下来源JSBridge-Web与Native交互之iOS篇Ios Android Hybrid app 与 Js BridgeHybrid APP架构设计思路Android4.2下 WebView的addJavascriptInterface漏洞解决方案WebView---Android与js交互实例前置技术要求