JS
文章平均质量分 53
伊人笑桃花酒
这个作者很懒,什么都没留下…
展开
-
DOM(一)DOM简介及查找元素的几个方法、操作特性
一、概念: DOM即稳当对象模型,是针对HTML和XML文档的一个API(应用程序接口) D:可以理解为整个web加载的网页文档 O:(对象)类似window对象,可调用属性和方法 M:(模型)网页文档的树形结构 节点层次:数据结构中描述的树形结构可以很好的解释HTML的节点之间的关系。节点可分为三类: 元素节点: 文本节点:标签内的纯文本原创 2016-10-22 21:52:26 · 3459 阅读 · 0 评论 -
js针对对象的label值按照字母顺序进行排序
原始数据:let obj = { 0: '中国', 1: '上海', 2: '北京', 3: '天津', 4: '武汉'}转变为数组,排序:let array = []Object.keys(obj).forEach(key => { array.push({ label: obj[key], va...原创 2019-05-17 16:29:47 · 683 阅读 · 0 评论 -
ES7基本特性整理
es7特性includes()不使用es7时// 例1:function isFruits(fruits){ if(fruits == 'apple' || fruits == 'banana' || fruits == 'pear'){ return true } return false}console.log(isFruits('bab...原创 2019-03-10 14:40:20 · 535 阅读 · 0 评论 -
理解js函数防抖与节流
一些概念描述 :函数防抖与节流都是优化高频率js函数执行的手段。本质:在时间轴上控制函数的执行次数作用:防止函数“短时间”的重复执行问题引入:用户在网络比较差的情况下提交表单,多次点击提交按钮导致表单重复提交监听scroll滚动事件,根据滚动位置显示返回顶部按钮函数防抖概念 :在函数触发N秒后执行,如果在N秒时间内再次触发,则从再次触发的时间节点开始重新计时N秒之后执行。...原创 2019-02-28 20:13:59 · 287 阅读 · 0 评论 -
js深入之call、apply和bind模拟实现
call和apply 作用:调用一个对象的一个方法,以另一个对象替换当前对象。 区别:调用参数形式不同。(call参数依次给出,apply通过Array对象传入) this:谁调用我,我就指向谁 首先看个调用call的栗子:var foo = { value: 1};function fn() { console.log(this.value);}fn.ca原创 2017-07-26 21:51:47 · 779 阅读 · 0 评论 -
js对象属性类型
ECMAScript中有两种属性:数据属性和访问器属性* 数据属性 * 访问器属性A、数据属性:包含一个数据值的位置,在这个位置可以读取和写入值,有4个描述其行为的特性1、[[Configurable]]:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性,特性默认值为true2、[[Enumberable]]:表示能否原创 2017-08-08 11:27:11 · 1361 阅读 · 0 评论 -
js中‘+’操作符与‘-’操作符的运算规则
下面是笔试或面试经常会遇到的关于字符串与数字加减的问题:var foo = "11"+2-"1";console.log(foo); //111console.log(typeof foo); //numbervar foo = "11"+2+"1"; console.log(foo); //1121console.log(typeof foo); //s原创 2017-04-16 19:15:17 · 1357 阅读 · 0 评论 -
JavaSsript获取各种宽高的方法
//屏幕的有效宽高 window.screen.availWidth window.screen.availHeight //屏幕的分辨率宽高 window.screen.width window.screen.height //网页可见区域宽高 document.body.offsetWidth document.body.offsetHeight //bod原创 2017-03-11 21:34:57 · 533 阅读 · 0 评论 -
BOM(二)间歇调用和超时调用、BOM其他主要对象
一、定时器(间歇调用和超时调用) 间歇调用:setInterval() 超时调用:setTimeout() 两者都可接受两个参数:第一个参数是要执行的代码片段,可以是字符串也可以是函数,因为此处具有解析功能,直接加字符串容易出错,故推荐使用函数。它们均可返回一个数值ID,分别使用claerInterval(intervalID)和clearTimeout(timeoutID)在调用时间之前可取原创 2016-10-05 20:11:56 · 446 阅读 · 0 评论 -
BOM(一)--window对象、控制窗口
一、window对象 在浏览器中,window对象有双重角色:既是通过JavaScript访问浏览器窗口的一个接口,也是ECMAScript规定的Global对象。 1、在全局作用下定义的变量或函数都会被自动归在window对象名下:var name="张三"; function a(){ alert("嗨~"); } window.a();原创 2016-10-05 18:52:54 · 693 阅读 · 0 评论 -
函数声明与函数表达式的区别
函数声明和函数表达式都是定义函数的方法,它们之间存在的差异有两点: 1、执行顺序: 关于函数声明,它有一个重要的特征:函数声明提升,即在执行代码之前会先读取函数声明,即可把函数声明放在调用他的语句之后。例如: myBox(); function myBox(){ alert("myBox"); };而函数表达式与其他表达式一样,在使用原创 2016-09-28 15:12:00 · 602 阅读 · 0 评论 -
DOM(二)DOM节点关系与操作
1、node类型: js中所有节点类型都继承自Node类型,故所有节点类型都共享相同的基本属性和方法。每个节点都有一个nodeType属性,节点类型由在Node类型中定义的12个数值来表示。在这里需记住主要的三个:Node.ELEMENT_NODE //1元素节点Node.ATTRIBUTE_NODE //2属性节点Node.TEXT_NODE //3文本节点原创 2016-10-23 12:13:49 · 532 阅读 · 0 评论 -
ES8基本特性整理
es8特性::: tipes8标准已于2017年6月发布:::Object.values()遍历对象属性值let obj = {a: 1, b: 2, c: 3}// - 使用Object.keys()获取Object.keys(obj).forEach((key) => { console.log(obj[key])})// - 使用for/of 获...原创 2019-07-25 17:23:21 · 441 阅读 · 0 评论