Clik here to view.
Clik here to view.
JavaScript学习笔记：取数组中最大值和最小值
在实际业务中有的时候要取出数组中的最大值或最小值。但在数组中并没有提供arr.max()和arr.min()这样的方法。那么是不是可以通过别的方式实现类似这样的方法呢？那么今天我们就来整理取出数组中最大值和最小值的一些方法。取数组中最大值可以先把思路理一下：将数组中第一个元素赋值给一个变量，并且把这个变量作为最大值；开始遍历数组，从第二个元素开始依次和第一个元素进行比较如果当前的元素大于当前的最大值...
View ArticleClik here to view.
content
content属性与::before和::after伪元素配合使用，向网页中某个元素插入生成内容。content属性的值就是通过伪元素插入到该元素的内容。使用content属性插入的内容可以是文本字符串、 符号、 图像、...
View ArticleClik here to view.
JavaScript学习笔记：数组的增、删、改、查
数组是JavaScript中常见的一个对象，它有一些经典的操作，比如数组的增、删、改、查。在这篇文章中主要整理这方面的相关操作方法。增加数组项首先来看如何给一个数组增加数组项。假设有一个数组:var arr = []; 上面声明了一个数组，但这个数组是一个空数组[]，其length的值为0。接下来我们看如何给数组arr增加数组项。最简单的方法可以通过索引值方式，给数组增加数组项：var arr =...
View ArticleClik here to view.
洗牌算法：给数组随机排序
洗牌算法是一个比较形象的术语，本质上让一个数组内的元素随机排列。举例来说，我们有一个如下图所示的数组，数组长度为 9，数组内元素的值顺次分别是 1~9：从上面这个数组入手，我们要做的就是打乱数组内元素的顺序：代码实现维基百科上的 Fisher–Yates shuffle词条对洗牌算法做了详细介绍，下面演示的算法也是基于其中的理论编写的：Array.prototype.shuffle =...
View ArticleClik here to view.
JavaScript学习笔记：ES6数组方法
ES6给数组添加了一些新特性，而这些新特性到目前为止完全可以运用到自己的业务层。在这一节中将总结有关于ES6给数组提供一些新特性的使用方法。ES6提供的两个静态方法：Array.fromArray.ofES6提供操作、填充和过滤数组的方法：Array.prototype.copyWidthinArray.prototype.fillArray.prototype.findArray.prototyp...
View ArticleClik here to view.
JavaScript学习笔记：创建对象
对象是JavaScript的基本数据类型。在JavaScript中除了字符串、数字、true、false、null和undefined之外的值都是对象。所以，学习JavaScript不把对象学习明白要继续往下学习就非常的困难。从今天开始进入对象的学习中。概述在JavaScript中对象是一种基本的数据类型，在数据结构上是一种散列表，可以看作是属性的无序集合，除了原始值其他一切都是对象。可通过属性名访...
View ArticleClik here to view.
Clik here to view.
Clik here to view.
Clik here to view.
【转载】Web移动端Fixed布局的解决方案
特别声明：本文转载于EFE的《Web移动端Fixed布局的解决方案》。如需转载，烦请注明原文出处：http://efe.baidu.com/blog/mobile-fixed-layout移动端业务开发，iOS 下经常会有 fixed元素和输入框(input元素)同时存在的情况。 但是 fixed元素在有软键盘唤起的情况下，会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的...
View ArticleClik here to view.
媒体查询--PX,EM or REM?
你是否思考过对于媒体查询你应该使用px,em还是rem？我也产生过同样的问题，并且目前为止，我还是没有明确的答案。一年之前，我第一次创建 mappy-breakpoint仓库时，我一直使用rem单位。之后一次和Sam...
View ArticleClik here to view.
Web Animation 制作指南
Web Animation (Web动画)在Web中的运用越来越广泛，但共制作(开发)并不是件易事。这里将主要总结一下有关于Web...
View ArticleClik here to view.
WAI-ARIA 无障碍Web规范
无障碍设计无障碍设计是指产品, 设备, 服务, 或者环境是为残疾人士设计的。无障碍设计的概念意味着与一个人的辅助技术(例如, 电脑屏幕阅读器)相兼容, 确保直接访问(即独立)和"间接访问"。无障碍设计可以理解为 "能够访问", 并对一个系统或实体是有利的, 其侧重于使身体残障, 或有特殊需要, 或要依赖辅助技术的人群能够访问 Web。然后,...
View ArticleClik here to view.
基于视窗单位的排版
我之前有写过基于rem和em的响应式排版，并且也有写过两篇有关模块化组件的博客。在这些文章中，有关视窗单位的评论不可避免的形成了一个话题。曾经一段时间我十分抵制使用视窗单位，因为其中的计算实在让人感到十分痛苦。上周，我终于克服了这个困难，决定探索一下视窗单位以及如何在响应式排版中使用它们。在我们开始探索视窗单位以及如何运用它们之前，让我们先了解一下什么是视窗单位。什么是视窗单位?现在CSS中有关于视...
View ArticleClik here to view.
JavaScript学习笔记：对象属性的查询和设置
前几天了解和学习了JavaScript中对象的创建，仅了解这一点皮毛是远远不够的。为了能对对象更了解，这几天一直在看对象的属性相关的知识。对象的属性也有增、删、改、查等，也有自己的相关特性。这篇文章主要了解对象属性的查询和设置。属性的查询对象属性的查询可以通过点(.)或中括号([])运算符来查询。对于点（.）来说，右侧必须是一个以属性名命名的标识符（注意：JavaScript语言的标识符有自己的合法...
View Article【转载】深入理解 JavaScript 中的 delete 操作符
特别声明：本文转载@bubkoo的《深入理解 JavaScript 中的 delete 操作符》一文，如需转载，烦请注明原文出处：http://bubkoo.com/2014/01/23/deep-in-deletedelete操作符用于删除对象的属性。似乎很多同学（包括我）对...
View ArticleClik here to view.
【转载】Houdini：也许是你从未听过的在CSS领域最令人兴奋的发展
特别声明：本文转载@李猜猜根据@Philip Walton的《Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard...
View ArticleClik here to view.
CSS秘密花园： 挑选合适的光标
《CSS Secrets》是@Lea Verou最新著作，这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。鼠标指针的意义并不仅仅是为了显示目前屏幕上的光标在何处，还是为了告诉用户可以进行哪些交互动作。这是在桌面应用程序中很常见的用户体验，但是在Web...
View ArticleClik here to view.
CSS秘密花园：扩展可点击区域
《CSS Secrets》是@Lea Verou最新著作，这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。如果你对用户体验感兴趣的话，你可能听说过费茨法则。最早在1954年由美国物理学家Paul...
View Article