摘要：
The web has evolved. Finally, testing has too. 事实上对于 UI 自动化测试来说，许多所谓框架之间并没有太多差别，也从来不是影响整套测试用例是否健壮的关键性因素。相比之下，如何提高测试用例稳定性以及出现错误时 debug 的便捷性才是让 UI 自动化测试 阅读全文
摘要：
css3 动画给 Web 的用户体验带来了巨大提升，本文将尝试从浏览器渲染的角度，来解析动画优化的原理及其技巧。为大家提供一些动画性能优化的参考。 60fps 与设备刷新率 目前大多数设备的屏幕刷新率为60fps（Frame per Second），即每秒60帧。因此，如果在页面中有一个动画或渐变效 阅读全文
摘要：
不管是浏览器的开发者还是普通web应用的开发者，他们都在做一个共同的努力：让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快：使用css sprites，使用图片优化工具，使用.htaccess设置页面头信息和缓存时间，JavaScript压缩，使用CDN等。我曾经介绍过本站 阅读全文
摘要：
css3非常强大，我们可以利用css3相关特性绘制很多平面图形，并且可以制作很多简单的动画。今天要分享的是一款用纯css3实现的可爱表情动画，一共有7组表情动画。 这些表情图实在太可爱了，哈哈CSS真的是太强大了 效果如下： pixabayhttps://www.wode007.com/sites/ 阅读全文
摘要：
什么是css sprites? css sprites：精灵图（雪碧图）：把一堆小图片整合在一张大图上，通过背景图片相关设置（背景图片、背景图是否重复、背景图定位），显示图片，减轻服务器对图片的请求数量 css sprites优点： 1、减少网页的HTTP请求，提高页面性能2、图片命名上的困扰3、更 阅读全文
摘要：
作为网页内容的一部分，图像和视频通常要消耗很多资源加载。要提高网页应用的性能，如何避免资源浪费在加载图像和视频上就很重要了。但是，很多时候我们都不愿意减少网页上的媒体资源，所以我们经常无从下手。幸运的是，我们有懒加载这个绝招，它可以帮助我们减少加载时间和降低负载，而不在内容上偷工减料。 什么是懒加载 阅读全文
摘要：
本文主要列举在如今前后端分离、手机App大行其道的现状下，用户认证、授权的几种做法及对比。PS. 本文假设你已经理解了各种认证模式的具体细节。 OAuth2.0的几种模式 OAuth2.0是一个被广泛采用的事实标准，它同时包含认证和授权两种模式，我们来看一下它有几种模式： Grant typeCli 阅读全文
摘要：
Sass和Less这样的预处理器，让我们的css代码保持良好的结构和可维护性。像变量、混合(mixins)、循环控制等特性，增强了动态编写css的能力，从而减少重复代码，也加快了我们开发速度。 近年来，一些动态特性开始作为规范的一部分，出现在css语言中。css变量(css variables)，或 阅读全文
摘要：
本本节课讲解在webpack v4中的 Scss 提取和懒加载。值得一提的是，v4和v3在 Scss 的懒加载上的处理方法有着巨大差别。Scss 是 Sass 3 引入新的语法，其语法完全兼容 css3，并且继承了 Sass 的强大功能。也就是说，任何标准的 css3 样式表都是具有相同语义的有效的 阅读全文
摘要：
html中的空格的规则 在html中内容中的多个空格一般会被视为一个，连续的多个空格符被自动合并了。同时内容前后的空格也会被清除， 如下： <p> fly63 com </p> 显示效果为： fly63 com 备注：浏览器的这种机制处理，同样适用于除了普通的空格键，还包括制表符（\t）和换行符（\ 阅读全文