Clik here to view.
Clik here to view.
pointer-events
pointer-events属性用于特定情况下将图形元素指定为事件目标。请注意这是一个SVG属性，在任何CSS规范中并没有定义。pointer-events属性应用于SVG元素的值有许多个，但是只有三个值可以应用于HTML元素。当pointer-events应用于HTML元素上时，它可以用来指定元素是否可以响应鼠标(触摸)事件。它可以用来阻止点击、状态(CSS...
View ArticleClik here to view.
JavaScript常见问题和解决方式
在使用JavaScript的时候常常会碰到各种奇葩的问题，这篇文章整理了近十个常见的问题，以及其对应的解决方式。不过除了这些问题之外，另外有两篇外文整理了更多的相关问题，这篇文章取于当中一些更为有意义的问题。感兴趣的同学可以看看，也可以将你碰到的一些奇葩问题在评论中一起分享。类型判断使用 typeof运算符判断一个原始值变量的类型是没有问题的，但如果判断的是引用值类型就会有局限性，比如...
View ArticleClik here to view.
JavaScript学习笔记：对象属性检测
JavaScript对象可以看作是一个属性的集合，很多时候需要看某个属性是否存在于某个对象中。在JavaScript中对象属性的检测主要有以下几种方法。in运算符hasOwnProperty()方法propertyIsEnumerable()方法!==undefined接下来看这四种方法怎么检测对象属性。in运算符使用in运算符可以检测对象属性，如果指定的属性存在于指定的对象中，就会返回true，反...
View ArticleClik here to view.
CSS Grid布局模块简介
随着 Web 应用程序变得越来越复杂，我们需要更自然的方式，在不使用hacky解决方案的情况下，如:使用浮动和其它繁琐的技术，就可以轻松做出高级的布局。令人兴奋的是产生了一种适用于布局的新解决方案---CSS Grid布局模块.在这个介绍性的教程中，我会向大家介绍这个相对较新的 CSS 功能，我将先讨论一下当前浏览器的支持情况，之后我会用一些例子告诉大家CSS...
View ArticleClik here to view.
CSS Grid构建圣杯布局
CSS 网格布局模块，虽然现在仍处于编译者的草案之中但是即将定稿。我们现在可以在一些浏览器中进行测试并可以检测其潜在的bug。有关于CSS Grid布局模块更多的教程，可以点击这里阅读。CSS 网格布局是真的很复杂，相较于...
View ArticleClik here to view.
JavaScript学习笔记：对象属性的枚举
JavaScript中对象的属性分为两种：数据属性和访问器属性。然后根据具体的上下文环境的不同，又可以将属性分为：原型属性和实例属性。原型属性是定义在对象的原型(prototype)中的属性，而实例属性一方面来自构造的函数中，然后就是构造函数实例化后添加的新属性。在JavaScript中除了检测对象的属性是否存在，还会经常对对象的属性进行遍历(枚举)。而在JavaScript中遍历一个对象的属性并不...
View ArticleClik here to view.
CSS Grid布局指南
简介CSS Grid布局 （又名"网格"），是一个基于二维网格布局的系统，主要目的是改变我们基于网格设计的用户接口方式。如我们所知，CSS 总是用于网页的样式设置，但它并没有起到很好的作用。刚开始的时候我们使用表格(table)，然后使用浮动(float)、...
View ArticleClik here to view.
使用CSS的counter-increment做的游戏
我把CSS的黑魔法和把CSS推动到极限当作我的至爱。许多人没有意识到这是有多么的强大（特别是结合Sass）的预处理技术。这篇文章结合这两种至爱来做一些有意思的东西。当然它可能会或可能不会被你的下一个客户问，这样做有价值吗？但这样尝试才能真正的理解一种语言(当然，很多人说CSS不是一种语言)。但你也能使用纯CSS技术做一些简单的小游戏。Counter-Incrementcounter-incremen...
View ArticleClik here to view.
CSS秘密花园： 通过亮度调节去强调（De-emphasize）
《CSS Secrets》是@Lea Verou最新著作，这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。很多时候，我们需要通过在元素背后添加一个半透明的深色叠加来让内容变暗，强调并提醒用户关注某个UI元素。例如，lightboxes和“quick...
View ArticleClik here to view.
CSS秘密花园： 通过模糊来De-emphasize（去强调）
《CSS Secrets》是@Lea Verou最新著作，这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。在上一节的“通过调节亮度去强调”中，我们看到了通过调节亮度来让Web...
View ArticleClik here to view.
Clik here to view.
Clik here to view.
【转载】使用Gulp构建网站小白教程
特别声明：本文转载来自于@十年踪迹的《使用Gulp构建网站小白教程》一文，如需转载，烦请注明原文出处：http://blog.h5jun.com/post/gulp-build.html行业里有一种批评，说前端太浮躁，总是追逐新技术，感觉 grunt还不熟悉，突然一夜之间满大街都在谈论...
View Article【转载】随机问题之--洗牌算法
特别声明：本文转载来源于@JK的《随机问题之--洗牌算法》一文，如需转载，烦请注明出处：http://www.cnblogs.com/jkisjk/archive/2012/04/23/javascript_shuffle.html洗牌算法是我们常见的随机问题，在玩游戏、随机排序时经常会碰到。它可以抽象成这样：得到一个M以内的所有自然数的随机顺序数组。在百度搜“洗牌算法”，第一个结果是《百度文库-洗...
View Article【转载】CSS Modules 详解及 React 中实践
特别声明：本文转载来自于@Cam Song《CSS Modules 详解及 React 中实践》一文，如需转载，烦请注明原文出处：https://github.com/camsong/blog/issues/5CSS 是前端领域中进化最慢的一块。由于 ES2015/2016 的快速普及和 Babel/Webpack 等工具的迅猛发展，CSS...
View ArticleClik here to view.
JavaScript学习笔记：变量
在很多语言当中都有变量，而这也是基础知识。在JavaScript中也有变量，而最近也在学习有关于这方面的知识。今天就来总结一下JavaScript中有关于变量的一些基础知识。变量命名规则在JavaScript中可以用变量来为值命名。变量的名称称为identifiers,需要遵守一定的规则。JavaScript中的变量名(也可称作是一个标识符identifier)，其命名有一定的规则：必须以字母、下划...
View ArticleClik here to view.
CSS秘密花园： 垂直居中
《CSS Secrets》是@Lea Verou最新著作，这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。问题44年前我们把人送上月球，但在CSS中我们仍然不能很好实现垂直居中——@James...
View ArticleClik here to view.
CSS秘密花园： Sticky footers
《CSS Secrets》是@Lea Verou最新著作，这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。问题在网页设计中，Sticky...
View ArticleClik here to view.