小丑鱼0703
- 浏览: 502137 次
- 性别:
- 来自: 北京
-
最新评论
-
caipeiming：
可以使用array的indexOf方法，参考JavaScrip ...
js-判断元素是否存在于array数组中 -
zhangyaochun：
这个不错，新属性哦~
html5新特性-- <a>标签新属性download -
housheng33：
空间和时间星型-雪花-ER一范式-二范式-三范式
浅谈多维模型 -
housheng33：
对不起，我已经24岁了。我已经没有能力和你谈那一场天真而不计得 ...
对不起，我已经24岁了。我已经没有能力和你谈那一场天真而不计得失的恋爱了。 -
zhangyaochun：
这篇整理的不错
js-清空array数组
文章列表
什么是AMD模式？
define和require两个定义模块调用模块的方法合称为AMD模式。
**用于浏览器环境，允许异步加载模块，也可以根据需要动态加载模块。
1.引入require.js到网页，网页中就能进行模块化编程了
<p class="pp" style="display:none">default hidden</p>
<script data-main="javascripts/test.js" src="/components/requirejs/require.j ...
jquery中empty()是采用逐个移除子元素实现的
zepto中empty()是采用直接innerHtml=''实现的
一起来看一下:
empty:function(){
var elem,i=0;
for(;(elem = this[i]) != null; i++) {
if(elem.nodeType === 1){
jQuery.cleanData(elem.getElementsByTagName("*& ...
.is( selector )
判断当前匹配的元素集合中的元素，是否为一个选择器，DOM元素，或者jQuery对象，如果这些元素至少一个匹配给定的参数，那么返回true。
检测jQuery对象的内容，而无需修改该对象。通常在回调函数内使用该方法。
<ul>
<li>list <strong>item 1</strong></li>
<li><span>list item 2</span></li>
<li>list item 3< ...
Javascript中作用域和上下文
- 博客分类：
- JavaScript
函数可以被多个上下文所使用，作用域可以被封装或保护。每一个函数调用都联系着一个作用域和一个上下文。根本上说，作用域是基于函数的而上下文是基于对象的。
先看几个术语的解释：
变量作用域
变量能够被定 ...
类数组转换为数组makeArray()
- 博客分类：
- jquery
面试的时候遇到这个问题，在jquery中如何实现的将argements或者getElementsByTagName这种类数组转换为真正的数组？
查了API，jQuery.makeArray( obj ) 转换后，任何有特殊功能的对象将不再存在，而变成是一个普通的数组对象。
var domNodes = Array.prototype.slice.call(document.getElementsByTagName("*"));
//这样domNodes就可以应用Array下的所有方法了
makeArray: function( a ) {
...
ES6新标准-let命令
- 博客分类：
- ES6新标准
作用：用来声明变量。
{
let a = 10;
var b = 1;
}
a // ReferenceError: a is not defined.
b // 1
与var声明变量的区别：let声明的变量，只在let命令所在的代码块内有效。
for循环的计数器，就很合适使用let命令：
for(let i = 0; i < arr.length; i++){}
console.log(i)//ReferenceError: i is not defined
为JavaScript新增了块级作用域：
//执行匿名函数（IIFE）写法
(function ...
JSON：JavaScript 对象表示法（JavaScript Object Notation）
◆轻量级的文本数据交换格式
◆存储和交换文本信息的语法
◆ 使用 JavaScript 语法来描述数据对象，独立于语言和平台
◆具有自我描述性，更易理解
◆数据可使用 AJAX 进行传输
在 JavaScript 中创建 JSON 对象：
var JSONObject= {
"name":"Wjy",
"sex":"female",
"age":27,
&qu ...
ES6新标准-数据结构Map
- 博客分类：
- ES6新标准
map数据结构类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。
var m = new Map();
m.set("edition", 6) // 键是字符串
m.set(262, "standard") // 键是 ...
js闭包
- 博客分类：
- JavaScript
匿名函数闭包：
<script>
(function (){
alert(123);
})();//然后通过()直接调用前面的表达式即可，因此函数可以不必写名字；
</script>
闭包三个特性：
1.函数嵌套函数
2.函数内部可以引用外部的参数和变量
3.参数和变量不会被垃圾回收机制回收
好处：
1.希望一个变量长期驻扎在内存中
2.避免全局变量的污染
3.私有成员的存在
全局变量累加：
<script>
var a = 1;
function abc(){
a++;
alert ...
获取指定元素的父节点getParent
- 博客分类：
- js-Dom
获取元素的父节点
function getParent(element){
element = document.getElementById(id);
//浏览器兼容性：parentElement ---ie parentNode --ff
return element.parentElement || element.parentNode || null;
};
box-reflect
none:默认值，表示无倒影效果；
<direction>:此值表示box-reflect生成倒影的方向，主要包括以下几个值：
above:表示生成的倒影在对象（原图）的上方；
below:表示生成的倒影在对象（原图）的下方；
left:表示生成的倒影在对象(原图)的左侧；
right:表示生成的倒影在对象(原图)的右侧；
<offset>:用来设置生成倒影与对象（原图）之间的间距，其取值可以是固定的像素值，也可以是百分比值，如：
使用长度值来设置生成的倒影与原图之间的间距， ...
string的扩展removeAll
- 博客分类：
- js-String
replace() 方法只会对匹配到的第一个字串替换,那么字符串整体替换怎么处理呢？
/*
@name replaceAll 把某一个元素替换成新的元素
@param source 操作的string
@param oldstr 被替换的
@param newstr 替换为的
@return 已经被替换过的新的string
*/
function replaceAll(source,oldstr,newstr){
return source.replace(new RegExp(oldstr,"gm"),newstr) ...
lastIndexOf() 方法
返回指定值在调用该方法的字符串中最后出现的位置，如果没找到则返回 -1。从该字符串的后面向前查找，从 fromIndex 处开始。
字符串中的字符被从左向右索引。首字符的索引（index）是 0，最后一个字符的索引是 stringName.length - 1。
"aa.txt".lastIndexOf(".");//2
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/ ...
setTimeout( )
属于 window 的方法, 但使用的时候都是略去 window名称, 直接用来设定一个时间,时间到了, 就会执行一个指定的方法。指定等候时间单位是千分之一秒, millisecond
setTimeout("alert('对不起, 要你久候')", 3000);//3 秒自动弹出alert 对话框
//clearTimeout(timeoutID) 取消定时任务
setInterval()
window.setInterval(dosth;200);//每隔200毫秒执行一次dosth方法
//清空定时器
...
伸缩布局盒模型（Flexible Box）
用来提供一个更加有效的方式制定、调整和分布一个容器里大小是未知或者动态的项目布局。
优点：轻松的实现屏幕和浏览器窗口大小发生变化时保持元素的相对位置和大小不变，同时减少了依赖于浮动布局实现元素位置的定义以及重置元素的大小。
如何创建？
.flexcontainer{ display: -webkit-flex; display: flex; }
属性：flex-direction来改变主轴方向，默认值是row
flex项目移动到顶部:row--->align-items设置；column--->justify-content设 ...