前言:
如今你们对“jquery documentready”大约比较注重,我们都想要剖析一些“jquery documentready”的相关内容。那么小编同时在网摘上网罗了一些对于“jquery documentready””的相关资讯,希望兄弟们能喜欢,看官们一起来学习一下吧!作者:樱桃小丸子儿
链接:
JavaScript
JS的基本数据类型
number,string,boolean,object,undefined
JavaScript中如何检测一个变量是一个String类型?请写出函数实现
function(obj) { return typeof(obj) == ”string”; }
JavaScript的DOM是什么意思?
DOM是W3C的对象模型,DOM是中立于平台和语言的接口,它允许程序和脚本动态的访问和更新文档的内容结构和样式。
如何显示/隐藏一个DOM元素
更改元素的css style,设为display: none。此外还可以将visibility设为hidden,透明度设为0,或长、宽设为0。
JavaScript的节点是什么意思?
根据W3C的标准,HTML中文档的所有内容都是节点 ,整个文档是一个文档节点 ,每个html元素都是元素节点, Html元素中的文本是文本节点 ,每个html属性都是属性节点 ,注释是注释节点。
javascript对象的几种创建方式
1、工厂模式
2、构造函数模式
3、原型模式
4、混合构造函数和原型模式
5、动态原型模式
6、寄生构造函数模式
7、稳妥构造函数模式
javascript继承的6种方法
1、原型链继承
2、借用构造函数继承
3、组合继承(原型+借用构造)
4、原型式继承
5、寄生式继承
6、寄生组合式继承
JavaScript继承方式详解
NaN 是什么鬼?typeof 的结果是?如果一个变量的值是 NaN,怎么确定?
NaN 是 'not a number' 的缩写,表示 "不是一个数字",通常会在运算过程中产生:
console.log('abc' / 4); console.log(4 * 'a');
虽然它 "不是一个数字",但是 NaN 的 typeof 结果却是 number:
console.log(typeof (4 * 'a')); // number
NaN 和任何变量都不相等,包括 NaN 自己:
console.log(NaN === NaN); // false
判断一个变量是不是 NaN 可以用 isNaN()
函数,但是这并不是一个完美的函数,有些时候用value !== value似乎更准确,幸运的是,ES6 已经有Number.isNaN() 方法,将比 isNaN()准确的多。
怎样添加、移除、移动、复制、创建和查找节点?
①创建新节点
createDocumentFragment() //创建一个DOM片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点
②添加、移除、替换、插入
appendChild() //添加
removeChild() //移除
replaceChild() //替换
insertBefore() //插入
③查找
getElementsByTagName() //通过标签名称
getElementsByName() //通过元素的Name属性的值
getElementById() //通过元素Id,唯一性
documentload和documentready的区别
页面加载完成有两种事件
①load是当页面所有资源全部加载完成后(包括DOM文档树,css文件,js文件,图片资源等),执行的一个函数
问题:如果图片资源较多,加载时间较长,onload后等待执行的函数需要等待较长时间,所以一些效果可能受到影响
②$(document).ready()是当DOM文档树加载完成后执行一个函数 (不包含图片,css等)所以会比load较快执行。
在原生的jS中不包括ready()这个方法,只有load方法就是onload事件
事件绑定的几种方法?
以button的Click事件为例:
<button id="btn">click me</button>function clickBtn() {alert('click!');}
1、直接在元素上绑定回调函数
<button id="btn" onclick="clickBtn()">click me</button>
2、JS获取DOM元素对象后,对onclick属性赋值,绑定事件: document.getElementById('btn').onclick=clickBtn;
3、JS获取DOM对象后,调用对象的addEventListener函数绑定事件:document.getElementById('btn').addEventListener('click',clickBtn);
事件冒泡?
JavaScript事件冒泡简介及应用
在Javascript中什么是伪数组?如何将伪数组转化为标准数组?
伪数组(类数组):无法直接调用数组方法或期望length属性有什么特殊的行为,但仍可以对真正数组遍历方法来遍历它们。
典型的是函数的argument参数,还有像调用getElementsByTagName,document.childNodes之类的,它们都返回NodeList对象都属于伪数组。
可以使用Array.prototype.slice.call(fakeArray)将数组转化为真正的Array对象。
js将伪数组转换为标准数组的多种方法
常用JS框架都有什么?
前端Js框架汇总
Javascript中callee和caller的作用?
caller是返回一个对函数的引用,该函数调用了当前函数;
callee是返回正在被执行的function函数,也就是所指定的function对象的正文。
数组方法pop() push() unshift() shift()
push()尾部添加 pop()尾部删除 Unshift()头部添加 shift()头部删除
JavaScript中数组对象详解
为什么要用IIFE
简单来说就是为了能模块化,创建私有变量等等,很多类库(比如 jQuery)都用了这样的写法。
详解javascript立即执行函数表达式(IIFE)
严格模式下进行 Javascript 开发有啥好处?
参考阮一峰老师的Javascript 严格模式详解
Javascript 严格模式详解
Node.js的适用场景
高并发、聊天、实时消息推送
描述一下cookies
web前端面试题第五道—简述Cookie,在JS中如何操作Cookie?
事件是?IE与火狐的事件机制有什么区别? 如何阻止冒泡?
①我们在网页中的某个操作(有的操作对应多个事件)。例如:当我们点击一个按钮就会产生一个事件。是可以被 JavaScript 侦测到的行为。
② 事件处理机制:IE是事件冒泡、火狐是 事件捕获;
③ ev.stopPropagation();
如何判断一个对象是否属于某个类
使用instanceof
if(a instanceof Person)
{
alert('yes');
}
Javascript中,有一个函数,执行时对象查找时,永远不会去查找原型,这个函数是?
hasOwnProperty
js延迟加载的方式有哪些?
defer和async、动态创建DOM方式(用得最多)、按需异步载入js
javascript的本地对象,内置对象和宿主对象
本地对象为array obj regexp等可以new实例化
内置对象为gload Math 等不可以实例化的
宿主为浏览器自带的document,window 等
手写数组快速排序
关于快排算法的详细说明,可以参考阮一峰老师的文章快速排序
快速排序(Quicksort)的Javascript实现
“快速排序”的思想很简单,整个排序过程只需要三步:
(1)在数据集之中,选择一个元素作为”基准”(pivot)。
(2)所有小于”基准”的元素,都移到”基准”的左边;所有大于”基准”的元素,都移到”基准”的右边。
(3)对”基准”左边和右边的两个子集,不断重复第一步和第二步,直到所有子集只剩下一个元素为止。
统计字符串”aaaabbbccccddfgh”中字母个数或统计最多字母数。
varstr = "aaaabbbccccddfgh"; varobj = {}; for(vari=0;istr.length;i++){ varv = str.charAt(i); if(obj[v]&obj[v].value == v){ obj[v].count = ++ obj[v].count; }else{ obj[v] = {}; obj[v].count = 1; obj[v].value = v; } } for(key inobj){ document.write(obj[key].value +'='+obj[key].count+' ');// a=4 b=3 c=4 d=2 f=1 g=1 h=1 }
写一个function,清除字符串前后的空格。(兼容所有浏览器)
functiontrim(str){ if(str&typeof str === "string"){ returnstr.replace(/(^s*)|(s*)$/g,"");//去除前后空白符 } }
如何制作一个combo选项
combo选项就是可以手动输入值,也可以选择下拉列表值的选项。
思路:
①布局select和input,让input覆盖select,除了select的下拉图标,以方便select选择。
②编写js,为select添加onchange事件,onchange时将input的value置成select选中的值。
这个网上有很多成品,大家可以自己试一下,下边给出一个。
实现一个combo选项
标签: #jquery documentready