原文链接：Displaying Content in Full Screen using the Fullscreen API 作者：javascriptkit 译者：浪子 转载需提前联系译者，未经允许不得转载在浏览网站的时候，我们有时候需要全屏显示某些内容，比如在你选择图片或…

首先我们要先获取元素的位置信息，这里我们采用getBoundingClientRect方法，MDN上对于该方法的介绍。然后我们只要与可视区域做个比较，就OK了。 接下来我们需要监听'scroll'事件，判断元素是否出现在可视区域内。对于scroll事件的优化之一，我们需要使用函…

基本选择器包含：通配选择器、元素选择器、ID选择器、类选择器和群组选择器。 所以吧，也不是不能用，不过也就这一处，还是得少用。 ID选择器，它的唯一性是规范，但是应用于多个元素，样式同样生效，不推荐这样做。 [attr$=val]：属性值以val结尾。 属性选择器的应用很多，例…

何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…

原文发表在: holmeshe.me , 本文是汉化重制版。 本系列在 Medium上同步连载。 简单来讲，异步有两层含义，1）让慢操作不要阻塞；2）非线性触发事件。稍稍讲深一点，在操作系统里，事件也叫中断，这里一次中断可以代表一个网络收包，一次时钟，或者一次鼠标点击，等。那从…

早上无意间进入一个网站，看到他们的LOGO效果略屌，如图： 刚开始以为是gif动画之类的，审查元素发现居然是用SVG + CSS3动画实现的，顿时激起了我的(hao)欲(qi)望(xin)，决定要一探究竟，查看代码之后，发现原理居然是如此简单：多个SVG描边动画使用不同的ani…

CSS动画实现的一些注意事项。 对于web原生的滑动，当内容的尺寸大于容器尺寸的时候结合overflow属性就可以出现漂亮的滚动条了，然后我们可以监听scroll事件。但是在移动端，太多的情况下可能并不能满足我们的需求。 值得庆幸的是，better-scroll.js的作者就在…

animateTransform是一个SVG元素，主要实现目标元素变换属性的动画，例如平移、旋转等。 对于animateTransform动画参数的介绍应该没什么必要了，但是在使用animateTransform的时候，有一个特别特别需要注意的点：坐标系。在SVG中图形的变换中…

作为互联网项目，最重要的便是用户体验。在举国“互联网+”的热潮中，用户至上也已经被大多数企业所接收，特别是在如今移动端快速发展的时代，我们的网页不仅只是呈现在用户的PC浏览器里，更多的时候，用户是通过移动产品浏览我们的网页。加之有越来越多的开发者投入到Web APP和Hybri…