expfe技术周刊第101期

8.29-9.4,本期是我第二次编写exp-team周刊,要变得有深度得慢慢来,加油!

本期推荐

如何运用最新的技术提升网页速度和性能

我们在把一张酷炫的网页呈现给用的同时,我们也要考虑这些酷炫的交互对网页性能造成的影响,在之前这个周刊的前几期都有提到关于网页速度和性能的文章,目前有很多框架都有一站式的图片合并代码压缩的功能,还有css和js的懒加载都是属于提高网页速度和性能,我们可以从多方面来提高性能和速度,这篇文章就写得比较全,可以好好看看。

webp图片实践之路

这篇文章算是上篇文章的绪论吧,webp是谷歌推出的一种图片格式,他的有点就是同等画面质量下,体积比jpg、png小了25%;目前这种格式还没有得到大多数的浏览器的支持,只有chrome和安卓的支持,但是我觉得webp的普及势在必行,因为在我们平时开发中图片会占据我们大量的页面体积,希望我们在接下来项目中能逐渐尝试一下这种格式,然后随着各大浏览器的逐步兼容,这样就可以让我们的网页飞起来啦,哈哈~~。这篇文章就详细的讲了如何使用webp,你是不是已经迫不及待的想要戳进去看看啦~

JavaScript

使用Cookie实现Remember Me功能

cookie在web开发中已经非常普遍了,我们平时用cookie来保存信息,正如题目所说remember me,cookie可以保存设置要保存数据的时长,默认的生命期就是浏览器关闭,它是保存HTTP请求状态的一种手段,它是由客户端保存的小型文本文件,其内容为一系列的键值对(即Key-Value形式),在浏览器访问同一个域名的不同页面时,会在HTTP请求中附上Cookie,当我们在打开一个新网页的时候我们会根据头部cookie来对网页进行特殊的处理,来达到保存用户行为的效果。戳我可以详细的了解到如何使用cookie哦~

怎样合理地使用 Ajax ?过度使用 Ajax 会有哪些弊端?

CSS

如何使用 CSS 和 SVG 剪切和遮罩技术

在 CSS 中使用功能查询

我们在写css属性的时候通常都要考虑一下这个属性在各个浏览器的兼容问题,有的我们会通过前缀来支持,但是前缀也并不是能兼容所有的浏览器,我们在写css的时候往往会去做到优雅降级,所以css中使用查询功能来测试览器是否支持一个特定的 CSS 功能,这个功能可以是 CSS 的某种属性或者某个属性的某个值,然后,根据测试的结果来决定是否要应用某段样式。

其他

11 个 HTML5 动画工具

有的时候我们想要做出一些非常惊人、吸引用户眼球的动画效果,为了减少我们的开发成本,我们通常需要借助一些现成的工具来提高开发效率,这11款HTML5动画功工具可以供大家参考参考。

入门Webpack,看这篇就够了