浏览器缓存策略之扫盲篇

前言

众所周知,在Web开发中,缓存很重要、很有用。但同时其也很复杂。

本文将从以下5个方面全面地介绍下缓存相关的内容。

  1. 缓存的判断策略
  2. 必知必会的缓存基础
  3. 各类缓存的优缺点
  4. 缓存的最佳实践
  5. 小试牛刀,看看你掌握了没有?

查看更多

分享到 评论

从撒狗粮带你了解WoT连接场景

歪马是一名IT男,30岁,单身,之前每年的情人节、七夕节、圣诞节…可以说是没少被“撒狗粮”。这不,歪马今年决定要改变这一现状。而故事就是从这里开始的。

为了避免跑题,笔者表示要强势切入,下面我们先简单介绍下物联网和万维物联网。

一、物联网和万维物联网

在最近几年里,物联网(Internet of Things,简称IoT)已经成为了在技术和商业上最有前途、最激动人心的发展领域之一。相信大家对于物联网已经或多或少有些了解。大家也一定使用过类似的产品,如可以远程实时查看录像、同步进行语音通话的360智能摄像机;可以远程控制家用电器开关的智能插座;可以智能检测心率和睡眠的智能手表以及其他一系列智能产品。

物联网是一个物理对象系统,其中的电子设备通过各种各样的网络接口进行通信,从而可以被发现、监控、控制交互,最终可以连接到更大的网络。上面所提到的几种产品即可以认为是其中的电子设备。

万维物联网(Web of Things,简称WoT)是物联网的一种实现方式,它主要致力于建立一种通用的语言,从而让不同厂商的智能产品具有彼此实现互相操作的可能。

查看更多

分享到 评论

W3C标准导读之【标准化过程】

本文作者:高峰,360奇舞团前端工程师,W3C性能工作组成员,同时参与WOT工作组的学习。

一、引言

W3C的标准很多,你看或不看,它都在那,有增无减。既然如此,那我们为什么要读标准呢?笔者认为可能有以下4点原因:

查看更多

分享到 评论

CSS性能优化的8个技巧

本文作者:高峰,360奇舞团前端工程师,W3C性能工作组成员,同时参与WOT工作组的学习。

我们都知道对于网站来说,性能至关重要,CSS作为页面渲染和内容展现的重要环节,影响着用户对整个网站的第一体验。因此,与其相关的性能优化是不容忽视的。

对于性能优化我们常常在项目完成时才去考虑,经常被推迟到项目的末期,甚至到暴露出严重的性能问题时才进行性能优化,相信大多数人对此深有体会。

笔者认为,为了更多地避免这一情况,首先要重视起性能优化相关的工作,将其贯穿到整个产品设计与开发中。其次,就是了解性能相关的内容,在项目开发过程中,自然而然地进行性能优化。最后,也是最最重要的,那就是从现在开始实施优化。

推荐大家阅读下奇舞周刊之前推的《嗨,送你一张Web性能优化地图》1这篇文章,能够帮助大家对性能优化需要做的事以及需要考虑的问题形成一个整体的概念。

本文将会详细介绍CSS性能优化相关的技巧,笔者将它们分为实践型建议型两类,共8个小技巧。实践型技巧能够快速地应用在项目中,能够很好地提升性能,也是笔者经常使用的,建议大家尽快在项目中实践。建议型技巧中,有的可能对性能影响并不显著,有的平时大家也并不会那么用,所以笔者不会着重讲述,读者们可以根据自身情况了解一下即可。

查看更多

分享到 评论

如何清除行内元素之间的HTML空白

前言

相信大家应该都遇到过下面这个问题:“HTML源码中行内元素之间的空白显示在了屏幕上”。可能大家都有自己的小技巧来消除这些意料之外的空白。但是方法有很多,有时候不能满足于一种方法,不同的方法适合于不同的场景。就像我之前一直用的方法,今天总结了之后才发现还有更好的方法。废话不多说,接下来我给大家总结一下消除行内元素HTML源码空白的小技巧。

下文中以一个div中的两个span标签为例。我们将两个div内的两个span设为display:inline-block;width:50%;,会发现两个span元素并没有在同一行,这就是源码中的空白导致的

示例图与代码如下:

左侧行内元素 右侧行内元素

查看更多

分享到 评论