这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。

关于在移动端 body overflow：hidden 无效的问题

这个问题是在部分ios手机里出现的，目前安卓手机没有复现。

猜测：在微信webview打开我们h5页面的时候，就固定了页面的高度，如果这个input在页面的底部，当呼出软键盘时，由于高度问题，整个webview会被键盘顶上去，而取消时没有恢复原状。

解决办法：

绑定一个blur事件，当其触发时，使scrollTo为0

背景

最近接到一个海外项目业务需求，项目最终会被来自不同国家的客户所使用，期望能让客户有一个良好的用户体验，因此前端需要适配国际化。

面临的挑战

乍一听，这个海外项目需求并没有什么特别的地方，似乎就多了一个国际化适配。但细细一想，事情可没这么简单，前端开发面临了很多新的问题。下面梳理一下国际化开发中通常会面临的挑战：

原文:https://www.cnblogs.com/milo-wjh/p/6811868.html

发现了问题，首先分析一下呗：

*浏览器前进、后退使用机制

*如何在前进、后退后执行js

methods: {
  handleWinFocus() {
    alert('you are in page now');
  },
},
ready() {
  window.addEventListener('focus', this.handleWinFocus);
},
beforeDestroy() {
  window.removeEventListener('focus', this.handleWinFocus);
},

识别二维码之后，页面就自动去了公众号关注的页面，关注完成后，按物理回退按键回退到显示二维码的页面，这个时候用户信息显示还是未关注。之前一直想不通怎么判断回到了这个页面，监听回退事件也不行，因为回退的是二维码的关注页面。结果忘了window的focus事件，监听触发这个事件就可以了。触发这个事件的时候判断是不是显示了二维码图片，如果是就重新加载入口的地址，重新获取用户信息是不是已经关注。 window.addEventListener('focus', function(){});

原文出处： SARAH DRASNER 译文出处：众成翻译

有一种很常见的情况：有两个非常相似的组件，他们的基本功能是一样的，但他们之间又存在着足够的差异性，此时的你就像是来到了一个分岔路口：我是把它拆分成两个不同的组件呢？还是保留为一个组件，然后通过props传值来创造差异性从而进行区分呢？

js 验证是否有效日期