- 浏览: 502145 次
- 性别:
- 来自: 北京
最新评论
-
caipeiming:
可以使用array的indexOf方法,参考JavaScrip ...
js-判断元素是否存在于array数组中 -
zhangyaochun:
这个不错,新属性哦~
html5新特性-- <a>标签新属性download -
housheng33:
空间和时间星型-雪花-ER一范式-二范式-三范式
浅谈多维模型 -
housheng33:
对不起,我已经24岁了。我已经没有能力和你谈那一场天真而不计得 ...
对不起,我已经24岁了。我已经没有能力和你谈那一场天真而不计得失的恋爱了。 -
zhangyaochun:
这篇整理的不错
js-清空array数组
文章列表
两种后缀名文件:
一种后缀名为sass,不使用大括号和分号;
一种是scss文件,和平时写的css文件格式差不多,使用大括号和分号。
sass 在线工具 http://sassmeister.com/
//文件后缀名为sass的语法
p
background: #0982c1
//文件后缀名为scss的语法
p{
background: #0982c1;
}
1.定义变量:
$变量名:值 !default
值后面加上!default则表示默认值,在默认变量之前重新声明下变量即可覆盖。
$fontSize: 12px;//普通变量
$baseLin ...
repeat() 返回一个新字符串,表示将原字符串重复n次。
早先通过join()实现了字符串连续复制,现在ES6中封装好了我们可以直接使用了~
"hello".repeat(2) // "hellohello"
strict mode是什么? 除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。这种模式使得Javascript在更严格的条件下运行,体现了Javascript更合理、更安全、更严谨的发展方向。 有什么 ...
ES6新标准-数据结构Set
- 博客分类:
- ES6新标准
类似于数组,但是成员的值都是唯一的,没有重复值。
Set结构有以下属性:
Set.prototype.constructor:构造函数,默认就是Set函数。
Set.prototype.size:返回Set的成员总数。
Set数据结构有以下方法:
add(value):添加某个值,返回Set结构本身。
delete(value):删除某个值,返回一个布尔值,表示删除是否成功。
has(value):返回一个布尔值,表示该值是否为Set的成员。
clear():清除所有成员,没有返回值。
values方法,返回一个遍历器。
forEach方法,用于对每个成员执行 ...
用来比较两个值是否严格相等。与严格比较运算符(===)的行为基本一致,不同之处有两个:
一是+0不等于-0
二是NaN等于自身
+0 === -0 ;//true
NaN === NaN; // false
Object.is(+0, -0) ;// false
Object.is(NaN, NaN) ;// true
兼容ES5添加如下代码:
Object.defineProperty(Object, 'is', {
value: function(x, y) {
if (x === y) {
// 针对+0 不 ...
ES6之前只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中。
ES6又提供了三种新方法:
includes(被搜索的字符串,n开始搜索的位置):返回布尔值,表示是否找到了参数字符串。
startsWith(被搜索的字符串,n开始搜索的位置):返回布尔值,表示参数字符串是否在源字符串的头部。
endsWith(被搜索的字符串,n开始搜索的位置):返回布尔值,表示参数字符串是否在源字符串的尾部。
第二个参数可省略,当使用第二个参数时,endsWith的行为与其他两个方法有所不同:针对前n个字符,而其他两个方法针对从第n个位置直到字符串结束。
var s = " ...
CSS3 新增伪类选择器
- 博客分类:
- CSS3
伪类选择器
:nth-child(n)选择器
用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数,而且可以是整数值(1,2,3,4),也可以是表达式(2n+1、-n+5)和关键词(odd、even),但参数n的起始值始终是1,而不是0!表达式的值 ...
我们先来看下HTML 5 增加的一项新功能是自定义数据属性-- data-* 自定义属性
http://www.css88.com/archives/4715
<div id="user" data-uid="123456" data-uname="html5" data-date-of-birth>码头</div>
一)使用attribute方法能够存取 data-* 自定义属性的值:
所有的现代浏览器中都能正常工作,但它不是HTML 5 的自定义 data-*属性被使用目的。
// 使 ...
低版本ie浏览器有特殊识别的方式:
使用“\9”这一标记,将IE游览器从所有情况中分离出来。
使用“+”将IE8和IE7、IE6分离开来,这样IE8就能够独立识别。
.bb{
background-color:#f1ee18;/*所有识别*/
.background-color:#00deff\9; /*IE6、7、8识别*/
+background-color:#a200ff;/*IE6、7识别*/
_background-color:#1e0bd1;/*IE6识别*/
}
LESS CSS是什么?
一种动态样式语言,属于CSS预处理语言的一种。
LESS 原理
LESS 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器(如koala),编译生成对应的 CSS 文件。在现有 CSS 语法的基础上,为 CSS 加入程序式语言的特性。
1.自定义变量,变量可以在全局样式中使用,变量使得样式修改起来更加简单。@变量名:值
@border-color : #b5bcc7;
.div{border : 1px solid @border-color;}
.div{border: 1px solid # ...
jquery插件之-图片放大镜
- 博客分类:
- jquery
(一)mlens图片放大镜
尊重原创:http://www.jq22.com/jquery-info25
1、引入以下的js和css文件
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery.mlens-1.0.min.js"></script>
<style type=" ...
CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。
第一个参数:指定渐变方向,可以用“角度”的关键词或“英文”来表示。
第二个和第三个参数,表示颜色的起始点和结束点,可以有多个颜色值。
角度 英文 作用
0deg to top 由下向上
90deg to right 由左向右
180deg to bottom 由上向下
270deg to left 由右向左
...
CSS样式表继承指的是,特定的CSS属性向下传递到子孙元素。
可继承的样式:红色为文本相关属性,蓝色为列表相关属性。
azimuth, border-collapse, border-spacing,
caption-side, color, cursor, direction, elevation,
empty-cells, font-family, font-size, font-style,
font-variant, font-weight, font, letter-spacing,
line-height, list-style-image, ...
Array没有indexOf方法,这样在一个数组中查找某个元素的索引时比较麻烦,为了调用方便,于是通过prototype原型扩展了Array.prototype.indexOf():
Array.prototype.indexOf = function(item) {
for (var i = 0; i < this.length; i++) {
if (this[i] == item)
return i;
}
return -1;
}
但是由于Array在javascript1.6版本已经支持Arr ...
Bootstrap插件--图片轮播
- 博客分类:
- Bootstrap
http://www.bootcss.com/p/unslider/
1.首先引入jQuery和Unslider的脚本:
<script src="http://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<script src="http://www.bootcss.com/p/unslider/unslider.min.js"></script>
2.准备HTML代码创建如下布局:
<div class="b ...