图片服务器需要配置 Access-Control-Allow-Origin 一般团队都会有一个专门域名放置静态资源，例如腾讯是 gtimg.com，百度是 bdimg.com；或者很多团队使用的是腾讯云或者阿里云的服务。 而主页面所在域名往往不一样，当需要需要对 canvas 图片进行 getImageData()或 toDataURL()操作的时候，跨域问题就出来了，而且跨域问题还不止一层。 首先，第一步，图片服务器需要配置 Access-Control-Allow-Origin… »

HTML 与文件下载 如果希望在前端侧直接触发某些资源的下载，最方便快捷的方法就是使用 HTML5 原生的 download 属性，例如： 但显然，如果纯粹利用 HTML 属性来实现文件的下载（而不是浏览器打开或浏览），对于动态内容，就无能为力。 例如，我们对页面进行分享的时候，希望分享图片是页面内容的实时截图，此时，这个图片就是动态的，纯 HTML 显然是无法满足我们的需求的，借助 JS 和其它一些 HTML5 特性，例如，将页面元素转换到 canvas… »

简介 首先看下面这种截图： 如果我们想实现点击上面的下载按钮下载一张图片，你会如何实现？ 我们可能会想到一个最简单的方法，就是直接按钮 a 标签链接一张图片，类似下面这样： 但是，想法虽好，实际效果却不是我们想要的，因为浏览器可以直接浏览图片，因此，我们点击下面的“下载”链接，并是不下载图片，而是在新窗口直接浏览图片。 于是，基本上，目前的实现都是放弃 HTML 策略，而是使用，例如 php 这样的后端语言，通过告知浏览器 header… »

简介 innerText IE6 就开始支持，那个时候，Firefox 浏览器是不支持这个 API 的，一直到 2016 年 3 月份 Firefox 45+才开始支持。 而 textContent IE9 浏览器才开始支持： 由于存在兼容性，因此在开发 PC 端项目的时候获取元素的文本内容都是下面的语句： 久而久之，就误认为 innerText 和 textContent 作用是一样的。 innerText 和 textContent 的不同 调用对象不同 innerText 只有 HTML… »

简介 document.readyState 是一个只读属性，可以返回当前文档的准备状态。 语法 其中 state 值包含下面三个值： loading 表示文档正在加载中。 interactive 表示文档已完成加载，文档已被解析，但图像、样式表和框架等子资源仍在加载。 complete 表示文档和所有子资源已完成加载。如果状态变成这个，表明 load 事件即将触发。 DOM 事件绑定没必要等 domready 对于 web 页面开发，JavaScript 最主要的功能之一就是页面上 DOM… »