Quantcast
Channel: w3cplus
Browsing all 1557 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

JavaScript学习笔记:数组求和方法

通过最近学习,越来越感觉JavaScript的强大与魅力之处,仅数组一个知识点就让我这样的初学者折腾了很久。折腾是折腾,但还是很有效果的,这几天的学习到的一些基本知识,就在自己的业务就用到了。顿感自信心爆棚,我也有一天能学会JavaScript。别的不多说了,咱们今天一起来玩数组的求和,看看有哪些方法可以实现数组的求和。数组方法JavaScript中数组有很多种方法,下图能更好的向你阐述JavaSc...

View Article


Image may be NSFW.
Clik here to view.

使用SVG symbols建立图标系统

在实现Web项目的图标系统时,SVG是一个不错的选择。虽然使用SVG创建图标系统有多种方式。在这篇文章中,我们只看其中一种:SVG...

View Article


Image may be NSFW.
Clik here to view.

JavaScript学习笔记:数组随机排序

JavaScript中提供了sort()和reverse()方法对数组项重新排序。但很多时候这两个方法无法满足我们实际业务的需求,比如说扑克牌游戏中的随机洗牌。在这篇文章一起来学习如何完成上面这个示例的效果,以及一些有关于数组随机排序的相关知识。在网上查了一下有关于数组随机排序的相关资料,都看到了Math.random()的身影。打开浏览器控制器,输入:Math.random()...

View Article

Image may be NSFW.
Clik here to view.

2016年JavaScript技术栈展望

如果你正在筹划新的前端项目或者重构现有项目,那么你需要认识到现在的前端开发环境已经今非昔比,这其中有太多的选择了:React、Flux、Angular、Aurelia、Mocha、Jasmine、Babel、TypeScript、Flow……...

View Article

Image may be NSFW.
Clik here to view.

JavaScript学习笔记:数组去重

话说面试常会碰到面试官会问JavaScript实现数组去重的问题,最近刚好在学习有关于JavaScript数组相关的知识,趁此机会整理了一些有关于JavaScript数组去重的方法。下面这些数组去重的方法是自己收集和整理的,如有不对希望指正文中不对之处。双重循环去重这个方法使用了两个for循环做遍历。整个思路是:构建一个空数组用来存放去重后的数组外面的for循环对原数组做遍历,每次从数组中取出一个元...

View Article


Image may be NSFW.
Clik here to view.

如何实现平滑的“box-shadow”动画效果

你如何在 CSS...

View Article

Image may be NSFW.
Clik here to view.

JavaScript学习笔记:取数组中最大值和最小值

在实际业务中有的时候要取出数组中的最大值或最小值。但在数组中并没有提供arr.max()和arr.min()这样的方法。那么是不是可以通过别的方式实现类似这样的方法呢?那么今天我们就来整理取出数组中最大值和最小值的一些方法。取数组中最大值可以先把思路理一下:将数组中第一个元素赋值给一个变量,并且把这个变量作为最大值;开始遍历数组,从第二个元素开始依次和第一个元素进行比较如果当前的元素大于当前的最大值...

View Article

Image may be NSFW.
Clik here to view.

content

content属性与::before和::after伪元素配合使用,向网页中某个元素插入生成内容。content属性的值就是通过伪元素插入到该元素的内容。使用content属性插入的内容可以是文本字符串、 符号、 图像、...

View Article


Image may be NSFW.
Clik here to view.

JavaScript学习笔记:数组的增、删、改、查

数组是JavaScript中常见的一个对象,它有一些经典的操作,比如数组的增、删、改、查。在这篇文章中主要整理这方面的相关操作方法。增加数组项首先来看如何给一个数组增加数组项。假设有一个数组:var arr = []; 上面声明了一个数组,但这个数组是一个空数组[],其length的值为0。接下来我们看如何给数组arr增加数组项。最简单的方法可以通过索引值方式,给数组增加数组项:var arr =...

View Article


Image may be NSFW.
Clik here to view.

洗牌算法:给数组随机排序

洗牌算法是一个比较形象的术语,本质上让一个数组内的元素随机排列。举例来说,我们有一个如下图所示的数组,数组长度为 9,数组内元素的值顺次分别是 1~9:从上面这个数组入手,我们要做的就是打乱数组内元素的顺序:代码实现维基百科上的 Fisher–Yates shuffle词条对洗牌算法做了详细介绍,下面演示的算法也是基于其中的理论编写的:Array.prototype.shuffle =...

View Article

Image may be NSFW.
Clik here to view.

JavaScript学习笔记:ES6数组方法

ES6给数组添加了一些新特性,而这些新特性到目前为止完全可以运用到自己的业务层。在这一节中将总结有关于ES6给数组提供一些新特性的使用方法。ES6提供的两个静态方法:Array.fromArray.ofES6提供操作、填充和过滤数组的方法:Array.prototype.copyWidthinArray.prototype.fillArray.prototype.findArray.prototyp...

View Article

Image may be NSFW.
Clik here to view.

JavaScript学习笔记:创建对象

对象是JavaScript的基本数据类型。在JavaScript中除了字符串、数字、true、false、null和undefined之外的值都是对象。所以,学习JavaScript不把对象学习明白要继续往下学习就非常的困难。从今天开始进入对象的学习中。概述在JavaScript中对象是一种基本的数据类型,在数据结构上是一种散列表,可以看作是属性的无序集合,除了原始值其他一切都是对象。可通过属性名访...

View Article

Image may be NSFW.
Clik here to view.

CSS秘密花园: 插入换行符

《CSS Secrets》是@Lea...

View Article


Image may be NSFW.
Clik here to view.

CSS秘密花园: 斑马条纹背景的文本行

《CSS Secrets》是@Lea...

View Article

Image may be NSFW.
Clik here to view.

CSS秘密花园: 调整tab缩进宽度

《CSS Secrets》是@Lea...

View Article


Image may be NSFW.
Clik here to view.

CSS秘密花园: 连体字母

《CSS Secrets》是@Lea...

View Article

Image may be NSFW.
Clik here to view.

CSS秘密花园: 花式的&符号

《CSS Secrets》是@Lea Verou最新著作,这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书,经过一段时间的阅读,我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感,与大家一起分享。几个漂亮的&符号,在大多数电脑上都有;从左到右分别是:Baskerville, Goudy Old Style, Garamond,...

View Article


Image may be NSFW.
Clik here to view.

CSS秘密花园: 自定义下划线

《CSS Secrets》是@Lea...

View Article

Image may be NSFW.
Clik here to view.

CSS秘密花园: 逼真的文本效果

《CSS Secrets》是@Lea...

View Article

Image may be NSFW.
Clik here to view.

CSS秘密花园: 环形文本

《CSS Secrets》是@Lea...

View Article
Browsing all 1557 articles
Browse latest View live