上面的问题排查虽然比较曲折，其实说到底就是一个跨域问题，如果细心些应该能早些发现这个问题。对于问题的查找不能单纯基于现象去定位，要对问题的发生链路要有整体思考，否则很容易陷入茫然，会认为bug非常奇怪无从下手。平时开发中解决跨域问题都是服务器设置响应头为****来解决，但是在本文中阿里云设置了该响应头后依然会出现跨域问题，原因就是资源的缓存问题。和传统的接口开发不一样，资源在网络加载以后是会有缓存

在使用过程中我发现部分生成的图片没有元素，起初我以为是元素中图片的问题，后来发现部分元素的偏移使用的是定位部分使用的是transform，定位的top、left等值是可以正常捕捉到元素的，但是当使用transform的时候，因为偏移是相对自身的，所以会导致元素可能超出了生成的图片范围，这里我使用的方法是转图片的时候手动清除transform，转换完毕后再设置回去。方法，使用的时候遇到了一些问题，不

今天给大家分享一下如何然让Google Chrome禁用触摸板滑动前进后退。本来这个是一个不错的功能，但是甲方在使用触摸屏的电脑浏览页面的时候准备用滑动去切换轮播，但是出现了退出了当前页面回到首页的现象。排查后发现是浏览器的默认行为，接下来当然是屏蔽该功能了。一、window环境因为Chrome关闭了该项设置，虽然某些国产浏览器上会有相关设置，但是并不打算用，所以就查到了可以使用实验模式来关闭。直

最近看到一个手写图片懒加载的文章，里面用了两种方法，一种是大家都很熟悉的onScroll事件，另一种就是IntersectionObserver这个API，然后我查了一下感觉还是很有用的，所以记录一下。Intersection Observer APIIntersection Observer API 提供了一种异步检测目标元素与祖先元素或 viewport 相交情况变化的方法。简单来说，这个AP

前端因为规范不同，所以不同的环境会有不同的导入导出方法，因为经常弄混所以特地记一下方便以后查阅记忆，本笔记都是自己总结或查阅资料得出，如有错误请帮忙指出。因为前端的导入导出主要分为commonjs和ES6modules两种标准，其中commonjs主要用于node环境，而ES6modules主要用于浏览器环境，但是ES6modules是兼容commonjs标准的，所以这就很容易让人弄混，本文也将从