我想，这些浏览器开发商和规范制定者会说：“你想要更好的性能。而这些是我全部能做的了。有些事情我们做不了，但你们知道怎么做。这些之外的事情我们会尽力做好，剩下的事情你们来告诉我如何能做的更好。”

如果你开发的页面非常复杂，那么，这个CSS的contain技术可以帮助你优化页面的性能。而对于第三方的小饰件，始终使用contain: strict;是很好的习惯，它可以保护你的页面不受它们的干扰而出现性能问题。

然而，千万不要过度使用will-change属性，否则，事与愿违，页面的执行效率会降低，推荐的做法是当一个元素或属性发生变化时打开will-change，变化完成之后关闭它。

在浏览器中也可以使用JavaScript modules(模块功能)了。目前支持这一特性的浏览器包括： Safari 10.1. 谷歌浏览器(Canary 60) Firefox 54 – Edge 15 –

今年三月，微软宣布 Edge 浏览器将支持 CSS 变量。这个重要的 CSS 新功能，所有主要浏览器已经都支持了。本文全面介绍如何使用它，你会发现原生 CSS 从此变得异常强大。

一个flex父容器元素能给它的子元素建立一种新型的flex内容布局。这种布局其实是和将元素设定为display:block是很相似的，只是在flex布局里block换成了flex。float属性不好影响flex布局，flex父容器的margin不会和其子元素的margin有重叠效果。Flex父容器元素所形成的block容器特性跟普通的block容器元素所表现的特征完全一样。

这是一个实验演示如何控制(伪造)用户的鼠标指针，达到鼠标指针不听用户使唤的效果

这篇文章里，我将介绍如何修改修改手机浏览器地址栏和手机系统状态栏的主题颜色，让它跟你的网站的颜色相匹配。

11种调用一个函数的方法

在这篇文章里，我们将讨论如何构造一个高性能的视差效果，当然同样重要的是还得跨浏览器。

之前的文章里我介绍了如何在安卓手机上安装Linux，下面我将介绍如何在这个安装了Linux的手机上安装Lighttpd + php + sqlite3组合。

在PHP里系统命令可以放在反单引号(`)里执行。如果你要是使用nodejs，你需要调用引用child_process模块：

除了vm和vh两种单位外，还有两种类似的单位：vmin——取vw和vh中较小的一个为基准，和vmax——取vw和vh中较大的一个为基准。它们同样是一个单位数值，跟px、em、%的用法类似。

今天在网上看到一有趣的开关按钮的制作，用到了SVG、css3和js，下面的演示中还引用了TweenMax.min.js，这是一个js动画工具库。

上面的这个加载中效果，以前是用gif动图实现的，但随着CSS的进步，CSS动画功能越来越强大，我们只用一小片段HTML和CSS就能实现，方便了很多，体积也减小了很多。

终于找到了一个好方法，使用:not(:last-of-type)简单方便，再也不要麻烦的单独使用:last-of-type了，不错！

自从有了智能手机，很多以前不可能的事情都可以了，比如滴滴打车，共享单车，不带钱购物等，今天说的把手机当成服务器执行备份任务也是。对于程序员来说，在智能手机上能干的事情还有很多，需要慢慢发掘。

在手机上安装的Linux系统是个很精简的系统，很多东西需要手动安装，而且，手机的芯片是ARM架构的，debian和redhat的软件仓库了并没有支持这种芯片的nodejs安装程序。当然，你可以从nodejs官方网站上下载ARM架构的安装包手动安装。

同样是Hash Sum mismatch的错误，在国内，也变成了具有中国特色的Hash Sum mismatch错误和具有中国特殊的解决方案。

在我们日常使用的安卓手机里安装一套完整的Linux系统，将使手机变得无比强大。我们可以将整个 Linux/Apache/MySQL/PHP安装到里面，让它运行一个PHP网站；我们还可以将nodejs安装到里面，帮我们干一些临时的JavaScript任务

需要注意的是， /usr/sbin/sendmail 如今已经是一个标准的共享API，并不是指的最初的Sendmail MTA。事实上，你也不应该使用Sendmail，而是使用更先进的软件，例如OpenSMTPD, Postfix, 或 Exim4。所有的这些都提供了相同的 /usr/sbin/sendmail 工具，并且更容易配置，更安全，功能更强大。

问题是这样的：如果几个inline-block元素放在一起，它们的代码是按常见的HTML标准格式化，那么，在它们之间就会存留一些空格。

Web开发人员在调试网页时经常会遇到clear:both不起作用的情况，clear:both的作用是让改元素不浮动，让它在左右两边都没有其它网页元素排列。大多数情况下我们需要用用到clear:both，是因为让一个网页元素float:left或float:right时，它却浮动在其它元素旁，

学习这些小命令无疑会提高我们的工作效率，对Linux的学习是无止境的，比如下面这几个linux快捷键，我相信有些程序员会跟我一样最近才发现它的使用方法。

进入这些目录里使用ls命令是愚蠢的做法，而直接执行rm *，没有任何反应，文件数量也没有减少，也就是说，在海量文件目录里直接使用rm命令进行删除是无效的。

一般网站或应用的后台都有备份数据库的功能按钮，但需要去手工执行。我们需要一种安全的，每天自动备份的方法。下面的这个shell脚本就是能让你通过过设定Crontab来每天备份MySQL数据库的方法。

重新从nodejs.org最新版本是一种方法，但我想应该有更简单的方法，那就是使用 n 这个工具包，我们可以使用NPM先安装 n 工具包，然后用它升级nodejs，十分的方便。

，虽然是可以实现，但有一个弊端，它使用的是flash技术，而如今，很多浏览器开始不支持flash技术，所以，我们需要不依赖flash技术的JavaScript方法来实现浏览器端的剪贴板操作。今天给大家介绍的就是用纯JavaScript实现的解决方案：clipboard.js。

Async/Await基本规则 async 表示这是一个async函数，await只能用在这个函数里面。 await 表示在这里等待promise返回结果了，再继续执行。 await 后面跟着的应该是一个promise对象（当然，其他返回值也没关系，只是会立即执行，不过那样就没有意义了…）

据谷歌开发者博客透露，Chrome 56 for Android 现已发布 Beta 测试版，开发者可以注册开源试用版，后者支持 WebVR API 和 GamePad API 扩展程序。WebVR API 允许访问虚拟实境设备（例如 Daydream View）的输入和输出功能。

图片特效在CSS3应用中十分广泛，我们也收集了不少CSS3图片特效，今天要分享的这款CSS3 3D旋转图片相册又非常绚丽，和之前分享的这款HTML5/CSS3 3D环形图片墙类似，也是一面立体的图片墙，图片不停的切换，鼠标滑过图片时即可激活图片查看。

本演示关键使用了几个新型的CSS属性(background-blend-mode, mix-blend-mode, 和 filter)，利用这些属性，我们可以让同一张图片呈现出各种不可思议的神奇效果。

本文并不是试图讲解flexbox布局里的各种属性如何工作，而是用图解的方式介绍flexbox里的各种属性和属性值如何让布局起变化，以及如何变化。

今儿，我就准备向大伙儿介绍一些你们之前可能很少见过CSS家伙们。他们每个都是度量的单位，类似pixel 和 em 这样的，但是很有可能你之前从来就没听过这些家伙们！就让我们一起来交个朋友吧~

如果网页中嵌入了一个视频iframe，我通常会给这个iframe设定固定的高度和宽度，这个高度和宽度的比例通常要适应视频的高宽必，比如16:9。但是，如果我们一旦写死了这个高度和宽度，当有人使用不同屏幕大小的设备访问网页时就会出现问题，比如小屏手机上