最近刚上线一个新的项目，在商品详情和邀请好友页面有处理到html2canvas生成海报或者商品推广图，然后在2021年苹果升级的ios15系统里生成图片失败了，要么就是空白的，要么就是自动把页面刷新了，报错了。

然后在github的html2canvas问题里面有人提出了这个问题，并给出了解决方案。其实很简单就是在你的canvas海报这个大的元素里面不要使用font-family的某些字体的引用，如：-apple-system，arial等。

但也不能不用字体对吧，我本身全局引用的是这个：font-family:-apple-system,PingFang SC,Helvetica,arial,sans-serif;

然后我通过优先级把html2canvas里面的标签元素都引用了这个，并加上了!important优先级，让标签元素只使用这些字体:font-family: PingFang SC,Helvetica,sans-serif !important;

然后成功了。

下列这是官方有人提出的问题和解决方法提示：

以前弄过单个倒计时的相比与这个其实实现差不多。这次模仿类似拼多多的，页面上展示多个倒计时，而且不冲突。可以使用在多方面，如秒杀，拼团，活动列表倒计时等。

首先，不支持浏览器中的Flash插件并不是一件坏事，因为从最早，网页中的FLash内容就不利于搜索等操作，目前使用h5相关的实现技术，可以同样制作一些动画或者交互内容，而且可以多平台运行。

其次，浏览器上的应用对于Flash来说只是一方面，Flash或者现在Animate软件，可以很便捷的制作二维动画，以及通过脚本开发各种互动软件等内容。

最后，对于不使用Flash开发的人来说，只是单纯的使用者，在浏览器中基本看不到flash制作的内容了。

不是突然就没有了，这几年已经基本都没有了。

那么我们有什么替代的方法没？

目前看，Adobe将FlashPlayer运营交给其它公司后，推出了解决方法，就是让用户安装本地软件，也就是FlashPlayer大厅，这个软件内嵌了浏览器的功能，可以直接打开需要Flash插件的网页。

地址是：https://soft.flash.cn/flashcenter/index.html

下载安装后，关闭浏览器再打开就行了！

无论在移动端还是PC端，前端都有需要做文本文字的高度限制，因为经常后台给的数据是完整的。而前端就需要进行省略处理。接下来就给大家介绍几种css3文字溢出加省略号的方式。

vscode支持html，js，css等文件代码的快捷键格式化ctrl+alt+f，
现在有了个新的超级编辑的方式进行格式化代码，只要每次你保存就能自动格式化代码并保存文件
vscode 中写完代码 Ctrl + s 保存即可格式化代码

点击左下角“设置图标”，然后点击“设置”文字。

很简单的方式处理美化input checkbox 复选框的美化方式，不需要任何js或图片，兼容性也很强

监听微信H5弹窗调用输入法后弹窗按钮元素移位的问题

document.body.addEventListener('focusout', () => {
window.scrollTo({ top: 0, left: 0, behavior: 'smooth' })
})