浏览器的事件循环，前端再熟悉不过了，每天都会接触的东西。但我以前一直都是死记硬背：事件任务队列分为macrotask和microtask，浏览器先从macrotask取出一个任务执行，再执行microtask内的所有任务…
分类：chrome
父页面如何输出iframe里面的变量，或者调用iframe里面的方法？
// 父页面中 // html <!DOCTYPE html> <html> <head> <title></title> </head> <…
WebSocket系列之二进制数据设计与传输
概述 通过前三篇博客，我们能够了解在通过WebSocket发送数据之前，我们需要传递的数据是如何变成ArrayBuffer二进制数据的；在我们收到二进制数据之后，我们又如何将其变成了JavaScript中的常见数据类型。…
CentOS6.5-64位安装puppeteer，提示Chrome无法启动，查找并安装缺失依赖包——吕江民·敬上
1、进入chrome目录 cd /mnt/project/express/back/chrome-linux 2、检测缺失的依赖包 ldd chrome | grep not // 检测结果 libatk-bridge-…
浏览器端用JS实现创建和下载图片
问题场景 在前端很多的项目中，文件下载的需求很常见。尤其是通过JS生成文件内容，然后通过浏览器端执行下载的操作。如图片，Execl 等的导出功能。日前，项目中就遇到了这类需求，在浏览器端实现保存当前网页为图片，然后还可以…
神奇的标签---块级元素，行内元素，空元素
最近有人问我，前端模块为什么是空着的。是呀，前端模块一直没有着手开始写，不是因为没有东西可写，是一直在想着以什么样的前端开篇，有太多东西要写，但如果没有规划的写，可能久而久之的就遗弃了。所以再三决定，从我第一次认识前端知…
chrome 监听touch类事件报错：无法被动侦听事件preventDefault
先上错误信息： Unable to preventDefault inside passive event listener due to target being treated as passive. See htt…
Web自动化之Headless Chrome概览
Web自动化 这里所说的Web自动化是所有跟页面相关的自动化，比如页面爬取，数据抓取，页面内容检测，页面功能测试，页面加载性能测试，页面回归测试等等，当前主要由如下几种解决方式： 文本数据获取 这就是各种request库…
大前端资源、教程锦集
Nice Front-end Tutorial 目标与哲学 众所周知，前端发展如火如荼，日新月异，而且很长一段时间内都将如此。这份由晚晴幽草轩轩主正在维护的教程列表；旨在为前端学习，技能提升，视野扩展，资料查找等行个方便…
和BEM的战斗：10个常见问题及如何避免
无论你是刚刚发现BEM或者已经是个中熟手（作为web术语来说），你可能已经意识到它是一种有用的方法。如果你还不知道BEM是什么，我建议你在继续阅读这篇文章之前去BEM website了解一下它，因为我会假设你对这种CSS…
温故js系列（9）-相等==&严格相等===&代码里的那些判断
前端学习：教程&开发模块化/规范化/工程化/优化&工具/调试&值得关注的博客/Git&面试-前端资源汇总 欢迎提issues斧正：========== JavaScript-判断 代码中，…
不折腾会死：CentOS7装Chrome
由于Chrome官网没有支持CentOS的版本下载，因此我折腾了一番才安装到Chrome，在此记录下笔记。 我的目标是：使用普通用户安装Chrome。，我的用户名是cai 解决XXX is not in the sudo…
