我们日常使用浏览器或者说是有头浏览器时的步骤为：启动浏览器、打开一个网页、进行交互。 无头浏览器指的是我们使用脚本来执行以上过程的浏览器，能模拟真实的浏览器使用场景。 有了无头浏览器，我们就能做包括但不限于以下事情： 对网页进行截图保存为图片或 pdf 抓取单页应用(SPA)执行并渲染(解决传统 HTTP 爬虫抓取...

那是个夜黑风高的夜晚，我遇到了一个按钮： {代码...} 嗯，我要选中它，我敲下了一行代码： {代码...} 这对于精通 document.querySelector 的函数名书写方式的我来说，简直就像吃下四两饭一样简单！ 但是。 我们知道，document.querySelector 接收一个选择器字符串，返回第一个匹配的 DOM 元素，所以如果页面上只有一个 ...

翻了下源码发现有这么一句：JSON.parse(xxx)。果不其然，JSON.parse(32132132132132112) 的输出是 32132132132132110。

电脑太多真是烦恼。 工位上有一个 iMac、一个 Macbook、两台 Windows，一共五个显示器。。。 为了装逼，我不能在操作不同电脑的时候切换多套的鼠标对吧，而且我有个入门版的红轴键盘了啪啪啪起来很爽的。 那么一套键鼠，怎么控制这么多电脑呢？介绍几个我尝试过的方案。 TeamViewer 远程桌面 第一次用上这个是在大学的时...

注意：英文不好，小记也带有自己理解，部分内容可能包含严重的个人想法，不会按原话翻译，随机写得也乱，建议等几天找录播或 PPT 得到源文理解。

介绍这个工具前不得不先介绍一下积木系统。 积木系统是 imweb 团队出品、为产品运营而生的一套活动页面发布系统，详细介绍见 PPT 简单可以这么理解它的理念: 一个页面 = 一个模板 + 多个组件 一个组件 = 一份代码 + 一份数据 一个组件开发一次，复用多次 一个页面使用多个组件拼装后，实时预览、快速发布上线 此前在阿里...

在同一个机器上切换过 node （特定是 windows 环境）遇到过各种各样莫名其妙的问题，就知道能无痛一键切换 node 是多么开心的事情了。

创建三个数据库目录 {代码...} 启动三个实例 {代码...} 开启命令行 {代码...} 初始化 {代码...} 查看 name {代码...} 添加一个从节点, 这里的 'lai-2.local' 是 rs.status() 查出来的 name 属性 {代码...} 添加一个 arbiter {代码...} 再查看状态, 可以看到 members 变成了三个 {代码...} 自动恢复 {代码...} 执行下面的...

使用 window.performance 提供了一组精确的数据，经过简单的计算就能得出一些网页性能数据。 配合上报一些客户端浏览器的设备类型等数据，就可以实现简单的统计啦！ 额，先看下兼容性如何：[链接] 这篇文章中 Demo 的运行环境为最新的 Chrome 的控制台，如果你用的是其他浏览器，自查兼容性哈~ 先来看看在 Chrome 浏览器...

但当我发现 React Native 横空出世后，它学习一次到处运行的理念非常诱人。React Native 可以写出原生体验的 iOS/Android 应用？那不就多了一门装逼技能？所以我们调研小组试了一下，感觉 "Duang" 一下，很爽很舒服。写 React Native 需要两门基础技能：React 语法 和 iOS 基础知识。

有时候我们在某些环境下(比如墙内或公司内网)可能不能正常使用 git/npm/bower/gem 等各种工具, 解决办法有: 切换镜像 使用代理 使用五姑娘 不同工具设置的语法略有偏颇, 总结如下. 使用镜像 npm/bower/gem 等如果可以通过切换镜像来解决的话, 则不用设置代理. 不知道有哪些镜像资源, 则 Google 之. 以下的 < registry...

这里的 -2500px 在以前基本可以解决隐藏文字的问题，但目前发现高分辨率浏览器下这个值已经在浏览器可视范围内了，造成文字隐藏失败的问题。

有时候，我们希望阻止用户选中我们指定区域的文字或内容。 举个栗子，有时候用户在一个区域执行频繁的点击操作，一不小心傲娇地点多了，就会选中当前区域的内容。 再举个栗子，制作轮播组件的时候，点击下一页，若点击的快的话，浏览器会识别为双击。 双击的默认效果是选中整片区域，这时候轮播图组件就会被表示忧郁的蓝...

声明：此文带着自己的理解，不完全按原文翻译，原文地址 prefetch 即预加载，在用户需要前我们就将所需的资源加载完毕。 有了浏览器缓存，为何还需要预加载？ 用户可能是第一次访问网站，此时还无缓存 用户可能清空了缓存 缓存可能已经过期，资源将重新加载 用户访问的缓存文件可能不是最新的，需要重新加载 Chrome 的预...