Puppeteer 初探

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

获取网页指定元素的原生方法回顾

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

警告:小心巨型数字的溢出异常

2016-07-02
阅读 1 分钟
9.7k
翻了下源码发现有这么一句:JSON.parse(xxx)。果不其然,JSON.parse(32132132132132112) 的输出是 32132132132132110。

我试过的一套键盘鼠标控制多个电脑的办法

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

FEDay 参会小记

2016-03-19
阅读 6 分钟
3.3k
注意:英文不好,小记也带有自己理解,部分内容可能包含严重的个人想法,不会按原话翻译,随机写得也乱,建议等几天找录播或 PPT 得到源文理解。

使用 React 写个简单的活动页面运营系统 - 设计篇

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

使用 nvm 一键切换多版本 node

2016-01-19
阅读 1 分钟
10.9k
在同一个机器上切换过 node (特定是 windows 环境)遇到过各种各样莫名其妙的问题,就知道能无痛一键切换 node 是多么开心的事情了。

MongoDB 创建集群的步骤备忘

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

初探 performance - 监控网页与程序性能

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

React 初探

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

设置 git/npm/bower/gem 镜像或代理的方法

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

慎用text-indent的负值

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

阻止元素被选中及清除选中的方法

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

【译】HTML5 prefetch

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