Selenium简介
Selenium是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。支持的浏览器包括IE、Mozilla Firefox、Chrome等。这个工具的主要功能包括：测试与浏览器的兼容性——测试你的应用程序看是否能够很好得工作在不同浏览器和操作系统之上。测试系统功能——创建回归测试检验软件功能和用户需求。支持自动录制动作和自动生成.Net、Java、Perl等不同语言的测试脚本。Selenium是ThoughtWorks专门为Web应用程序编写的一个验收测试工具。
Selenium的优势
据Selenium主页所说，与其他测试工具相比，使用Selenium的最
继续阅读 »
图灵社区外文图书翻译计划《MEAN Web Development》我翻译的内容，包含[前言][第一章]
more
前言
回顾1995年的春天，那时候的浏览器跟现在的浏览器差别很大。站在那时候看，万维网才诞生了4年（第一个互联网浏览器是Tim Berners-Lee编写的），距离马赛克的初始版本发布过去了两年，而IE1.0也刚刚发布不过数月。万维网开始展现出一种人气蓬勃的态势，尽管有些大公司对这个领域很感兴趣，而主要的扰乱者却是一家名为网景（Netscape）的小公司。
Netscape Navigator是由网景发行，已经流行起来的浏览器。即将发行到第二版本时，工程师和联合创始人 Marc Anderseen决定在其中嵌入一
继续阅读 »
从一开始箭头就是 JavaScript 的一部分，在第一个 JavaScript 中就建议将内联的脚本代码包裹在 HTML 的注释中，这可以防止那些不支持 JavaScript 的浏览器错误滴将你的代码显示为明文。你也许写过下面这样的代码：
html
<!--
document.bgColor = "brown"; // red
// -->
古老的浏览器将看到两个不被支持的标签和一段注释，只有支持 JavaScript 的新浏览器才会将其解析为 JavaScript 代码。
为了支持这个古怪的特性，浏览器的 JavaScript 引擎把 作为一个单行注释的开始，这不是开玩笑的，这一直都是这门语言的一部分，并
继续阅读 »
CSS 动画已经存在很多年了，使用恰当可以很好地提高网站的用户体验，也正是由于其容易使用，就很可能出现性能低下的动画，从而降低了整个页面的运行效率。回想一下：你曾经是否使用过 CSS 来改变元素的宽度、高度或绝对位置？如果回答是肯定的，就意味着你触发了性能低下的重排或重绘计算，在某些情况下甚至可能导致页面闪烁。
什么样的情况会导致页面闪烁呢？现代浏览器根据设备的刷新率来刷新页面中的内容，对大多数设备而言，屏幕以 60 次每秒的频率刷新，即 60HZ。如果在屏幕上出现了某些运动，如滚动、过渡或动画，浏览器应该每秒刷新 60 帧，如果某些帧花费的时间太长，进而导致浏览器的刷新频率跟不上设备的刷新频率（跳帧现象），就会出现页面闪烁。所以
继续阅读 »
客户端与服务端
客户端获取资源的表述（资源的外在呈现)不是资源的本身，资源的的表述包含了数据的描述和数据的元数据，浏览器与服务器间通过HTTP协议协商，浏览器通过Accept头请求一种特定的格式表述，服务器通过Content-type返回给浏览器客户端资源的表述形式。
状态转移
在REST设计原则中客户端与服务端的交互是无状态(HTTP协议的特性)，客户端维护应用的状态，服务端维护资源的状态，但服务端不保存客户端状态。只有在每一次的请求中包含处理请求的信息，"会话"被客户端用作为应用状态进行跟踪，在服务端的超媒体的指引下发生变迁。服务端通过超媒体告诉客户端当前状态有哪些后续状态可以进入。
ps
- 违反无
继续阅读 »
本文翻译自macr.ae
Babel是一个JavaScript转换编译器，它可以将ES6（下一代JavaScript规范，添加了一些新的特性和语法）转换成ES5(可以在浏览器中运行的代码)。这就意味你可以在一些暂时还不支持某些ES6特性的浏览器引擎中，使用ES6的这些特性 - 比如说，class和箭头方法。本文，我将围绕gulp和babel，介绍如何使用它们。
"使用基于Babel的gulp"其实可以有两种理解：一是使用Babel编写ES6语法的gulpfile；二是使用gulp来运行babel，让ES6编写的JavaScript代码转化成浏览器可以理解的JavaScript代码。这两种情况接下来我将一一介绍。
继续阅读 »
文/Robin
2020 年 10 月 7 日，ConsenSys 宣布推出 MetaMask Swaps，该功能允许用户基于 MetaMask 直接比较和兑换代币，并集成了多个聚合应用（例如 Uniswap、Airswap、Kyber、0xAPI、1inch.exchange、dex.ag、Paraswap、Totle 和私有做市商），可在多个去中心化的流动性来源中获取报价，允许用户访问 DeFi 生态系统中最深流动性的交易对，以确保用户以最优价格进行代币交易。最初该功能仅限于 Firefox 浏览器上的 MetaMask 扩展，将很快支持其他浏览器和 MetaMask 移动端。
笔者去 Firefox 浏览器上的 Met
继续阅读 »
全屏API可以控制浏览器的全屏显示，让一个Element节点（以及子节点）占满用户的整个屏幕。目前各大浏览器的最新版本都支持这个API（包括IE11），但是使用的时候需要加上浏览器前缀。
more
方法
requestFullscreen()
Element节点的requestFullscreen方法，可以使得这个节点全屏。
```javascript
function launchFullscreen(element) {
if(element.requestFullscreen) {
element.requestFullscreen();
} else if(element.mozRequestFull
继续阅读 »
当提到前端性能优化时，我们首先会联想到文件的合并、压缩，文件缓存和开启服务器端的 gzip 压缩等，这使得页面加载更快，用户可以尽快使用我们的 Web 应用来达到他们的目标。
资源预加载是另一个性能优化技术，我们可以使用该技术来预先告知浏览器某些资源可能在将来会被使用到。
引用 Patrick Hamann 的解释：
预加载是浏览器对将来可能被使用资源的一种暗示，一些资源可以在当前页面使用到，一些可能在将来的某些页面中被使用。作为开发人员，我们比浏览器更加了解我们的应用，所以我们可以对我们的核心资源使用该技术。
这种做法曾经被称为 prebrowsing，但这并不是一项单一的技术，可以细分为几个不同的技术：DNS-prefe
继续阅读 »
文/Robin
本站推广
币安是全球领先的数字货币交易平台，提供比特币、以太坊、BNB 以及 USDT 交易。
币安注册: https://accounts.binancezh.pro/cn/register/?ref=11190872
邀请码: 11190872
最近这两天 Tuber 浏览器赚足了眼球，安卓应用市场下载量达到 500 万次。思考再三，决定还是写一写这个话题。
Tuber 浏览器的 Slogan 是「放眼世界，多元成长」。Tuber 浏览器能做什么呢？简单讲就是无需借助任何第三方工具，实现正常使用 YouTube、Wikipedia、Instagram、Twitter、Facebook、Google
继续阅读 »