![](https://img-blog.csdnimg.cn/20190314163144312.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript知识详解
主要是自己JavaScript知识的整理
LaoYe - IT
一位正在学习的菜鸟
展开
-
【通俗易懂的案例】带你掌握JavaScript的call()、apply()、bind()三者的区别
某天,你下班回到家里,母亲跑过来对你说:今晚你想吃“红烧肉”、“鱼香茄子”还是“客家酿豆腐”?var menu = { food1: "红烧肉", food2: "鱼香茄子", food3: "客家酿豆腐"}var person = { eat: function(name, type) { console.log(`指向类型:${type}`) console.log(`${name}吃${this}`); console.log("this指向 →", this); }原创 2020-09-10 16:06:08 · 190 阅读 · 0 评论 -
JavaScript循环控制语句知识详解
目录一、while循环二、do-while循环三、for循环四、for-in循环五、forEach循环六、for-of循环 循环语句是指在满足条件的情况下反复地执行某一个操作。循环控制语句主要包括while循环和for循环两种,这两种循环中,又分为不同的情况。一、while循环 while语句属既是循环语句,也是判断语句,实现循环操纵。通...原创 2019-03-15 13:35:00 · 1198 阅读 · 0 评论 -
JavaScript系列学习笔记 —— 深入理解闭包
目录一、什么是闭包二、闭包的几种写法三、闭包的用途四、使用闭包的注意点一、什么是闭包 一个拥有许多变量和绑定了这些变量的环境的表达式,因而这些变量也是该表达式的一部分。闭包的特点: 1. 作为一个函数变量的一个引用,当函数返回时,其处于激活状态。 2. 一个闭包就是当一个函数返回时,一个没有释放资源的栈区。 简单的理解就是...转载 2019-03-14 16:17:56 · 460 阅读 · 0 评论 -
JavaScript系列学习笔记 —— 闭包的概念和原理
一、概念 闭包是指有权访问另一个函数作用域中的变量和函数。创建闭包的常见方式就是在一个函数内部创建另一个函数。例如下面例子:function funcName(propertyName) { return function(object1, object2) { var val1 = object1[propertyName]; var val2 = object2...转载 2019-03-14 11:41:07 · 281 阅读 · 0 评论 -
JavaScript字符串模板和DOM模板
原文:ES6新特性之模板字符串作者:樊凡 DOM模板就是原先就写在页面上,能被浏览器识别的HTML结构。DOM模板会在页面加载时被浏览器渲染,通过JavaScript获取DOM节点的内容,就形成了DOM模板。 在传统的Javascript中,如果我们要对DOM进行操作,字符串模板通常采用加号进行拼接,例如下面的代码:$(“#Test”).append(‘&...转载 2019-03-13 21:54:19 · 1696 阅读 · 0 评论 -
JavaScript模块化
1、函数封装函数就是对实现特定逻辑的一组语句的打包, JS的作用域也是基于函数的, 所以函数可以很自然的作为模块化, 这也是最开始实现模块化的一种方法。function func1(){ // 逻辑代码...}function func2(){ // 逻辑代码...}引用模块也即是调用函数,存在污染全局变量、变量冲突等缺点。2、对象var myModu...转载 2019-03-13 20:30:50 · 100 阅读 · 0 评论 -
JavaScript系列学习笔记 —— 代码优化的8种方法
目录一、松耦合 将JS从CSS中抽离 将CSS从JS中抽离 将JS从HTML中抽离 将HTML从JS中抽离二、全局变量 零全局变量 单全局变量和命名空间 使用模块三、事...转载 2019-03-13 18:43:41 · 522 阅读 · 0 评论 -
JavaScript系列学习笔记 —— Ajax异步刷新技术
目录一、概念详解 Ajax的概念、定义、原理、原则、最常使用的场景和需要注意的几个问题这六方面的介绍二、Ajax的核心XMLHttpRequest对象 2.1初始化XMLHttpRequest对象 2.2 XMLHttpRequest对象...原创 2019-03-13 12:22:07 · 842 阅读 · 0 评论 -
JavaScript命名空间
目录一、概念二、嵌套命名空间三、小结一、概念 命名空间(namespace)是一个在静态语言中常见的概念。它可以帮助我们更好地整理代码,并避免命名冲突。 举一个简单的例子,如果有两个人都叫小明,我们很难区分和引用这两个人。但如果我们在他们前面加上命名空间,比如:北京的小明和上海的小明,那么区分起来就容易的多了,也不会因为重名而找错人了。 ...转载 2019-03-12 19:58:30 · 667 阅读 · 0 评论 -
JavaScript DOM之Element对象属性innerHTML、innerText和outerHTML三者的区别
三大属性属性 描述 innerHTML 设置或返回元素内部的HTML结构与内容 innerText 设置或返回元素内部的文本节点 outerHTML 设置或返回自身HTML结构与内容 innerHTML属性声明了元素含有的HTML文本,不包括元素本身的开始标记和结束标记。innerText属性只能声明元素包含的文本内容,即使指定的是HTML文...原创 2019-03-11 21:02:29 · 1335 阅读 · 0 评论 -
JavaScript系列学习笔记 —— DOM之Element对象
目录一、概念详解二、元素节点的属性访问三、相邻HTML兄弟节点的获取四、元素节点的操作一、概念详解 Document对象的一些方法(如:createElement()、createAttribute()和createTextNode())允许通过JavaScript在页面中创建不同的元素或节点。不过,新的内容必须作为DOM中已存在节点的子节点中。 ...原创 2019-03-11 20:36:56 · 382 阅读 · 0 评论 -
JavaScript系列学习笔记 —— DOM模型之Document对象
目录一、概念详解二、文档对象模型三、常见的属性、方法 Document属性 Document方法四、元素节点的操作 访问元素节点 创建元素节点一、概念详解 Document(文档)是浏览器为每个打开的HTML页面创建的对象,该对象是浏览器Window(窗口)对象的子对象。因此,Window对象中的方...原创 2019-03-11 16:48:09 · 294 阅读 · 0 评论 -
JavaScript系列学习笔记 —— 日期对象以及日期格式化
目录一、创建Date对象二、Date对象常用的方法三、Date对象的实例四、日期格式化(以下三种均转自网络) 4.1 第一种方式 4.2 第二种方式 4.3 第三种方式一、创建Date对象 Date对象实现对日期和时间的控制,主要负责处理与日期和时间有关的数据信息。在使用Date对象之前,首先要创建对象,其创建格式...原创 2019-03-10 21:58:39 · 839 阅读 · 0 评论 -
JavaScript系列学习笔记3 —— 函数function
目录一、概念详解二、函数的构建与调用 构建函数的基本概念 - 详细解读 构建函数的几种方式 匿名函数 函数调用的几种方式三、作用域与上下文四、调用顺序五、特殊的函数 ...原创 2019-03-10 17:50:31 · 367 阅读 · 0 评论 -
JavaScript系列学习笔记2 —— 数组Array对象
目录一、概念与作用二、基本结构 2.1 数组构造函数 2.2 数组字面量表示法三、Array对象的属性和方法 3.1 Array对象的属性 3.2 Array对象的方法四、数组...原创 2019-03-10 01:03:20 · 656 阅读 · 0 评论 -
JavaScript系列学习笔记1 —— 字符串和数值对象
目录一、字符串对象 —— String 连接(添加)字符串concat()函数 替换(修改/删除)字符串replace()函数 检索(搜索)字符串indexOf()、match()、search()函数二、数值处理对象 Math对象 数学常量属性、绝对值Math.abs()、次方幂Math.pow()、随机数...原创 2019-03-07 21:03:23 · 292 阅读 · 0 评论 -
JavaScript对Html元素的Class操作 - className、classList、Attribute
目录【1】DOM对象 className属性对类的操作【2】DOM对象 classList属性对类的操作 -添加add( String [, String] ) -删除remove( String [,String]) -查询contains( String ) ...原创 2019-02-27 19:18:02 · 8296 阅读 · 0 评论 -
JavaScript系列学习笔记 —— 数组Array对象
1、前言 在讲数组之前我们来聊聊什么是数组。简单来说数组是用来存储相同数据类型的数据集合,该集合存储在堆内存中,由一个引用变量来索引该集合的首地址。(具体的可以去看一门高级编程语言) 组成数组的数据被称为数组的分量、元素或下标变量,个人比较喜欢称为元素。数组中的元素存储在一个连续性的内存块中,并通过索引来访问,也被称为下标。数组第一个元素的下标为0,所以最后的下标为当...原创 2018-05-03 01:54:22 · 392 阅读 · 0 评论 -
JavaScript系列学习笔记 —— DOM操作总结
【DOM】DOM是Document Object Model(文档模型)的简写,它表示访问和操作文档的API。当网页被加载到客户端后,浏览器会调用DOM API组件,根据一定规范解析文档,创建文档对象索引模型。【DOM树节点】<html> <head> <meta charset="UTF-8"> <title>DOM...原创 2018-05-10 18:37:24 · 531 阅读 · 0 评论