JavaScript
关注
分享
扫一扫
大前小白
哪有什么天才！
坚持做自己喜欢做的事情，这本身就是一种天赋。
展开
-
Less 安装
本节我们学习 Less 的安装，Less 的官方地址为：<http://lesscss.org/。在官网首页，有告诉我们 Less 的两种安装方式，如下所示：直接引用通过 NPM 安装直接引用我们先来看直接引用，这个很简单，就是直接在 HTML 页面引入创建好的 Less 文件即可。在引入之前，我们需要创建一个 Less 文件，Less 文件的后缀名为 .less，所以我们可以将文件命名为 index.less。然后我们就可以通过 <link> 标签向 H原创 2020-09-29 11:29:30 · 255 阅读 · 0 评论 -
数组的介绍及使用
JavaScript 中的数组常用于在单个变量中存储多个值。数组就是一组数据的集合，在内存中表现为一段连续的内存地址(保存在堆内存)。创建数组的目的就是为了保存更多的数据。数组概念和语法概念：数组是一个特殊变量，一次可以容纳多个值。特点：有顺序，有长度。作用：使用单独的变量名来存储一系列的值。语法如下所示：var array_name = [item, item2, item3, ...];其中 array_name 就是数组名，其实就是变量名，而数组中的元素全部是包围在中括号 [] 内，元原创 2020-07-24 09:38:54 · 275 阅读 · 0 评论 -
break 和 continue语句
break 语句的使用break 语句可以用于跳出循环，可以用在 for 循环、while 循环、switch 循环中。当我们在一个循环中使用了break 语句，则会中断循环，但是仍会继续执行循环之后的代码哟。示例：例如下面代码实现了当循环条件小于5时，循环中断：<!DOCTYPE html><html><head><meta charset="utf-8"><title>JS_侠课岛(9xkd.com)</title>原创 2020-07-21 10:00:46 · 201 阅读 · 0 评论 -
JavaScript中的while循环
在 JavaScript 语言中，当我们使用 while 循环时，只要指定条件为 true，循环就可以一直执行。并且只要条件一直满足，就可以实现一个无限循环，例如：while(true){ console.log("1");}执行这个循环，就会无止境的输出1。while 语法及其使用语法如下所示：while (condition) { // 要执行的代码块}condition 是循环的条件，只有当循环条件成立时，才会执行花括号 {} 中的代码，如果条件不成立则不会执行代原创 2020-07-15 09:58:09 · 1507 阅读 · 0 评论 -
JavaScript中的for循环
JavaScript 语言中的 for 循环用于多次执行代码块，它是 JavaScript 中最常用的一个循环工具，还可用于数组的遍历循环等。我们为什么要使用 for 循环呢？打个比方，例如我们想要控制台输出1到1000之间的所有数字，如果单写输出语句，要写1000句代码，但是如果使用 for 循环，几句代码就能实现。总之，使用 for 循环能够让我们写代码更方便快捷（当然啦，否则要它干嘛）。for 循环语法语法如下所示：for(变量初始化; 条件表达式; 变量更新) { // 条件表达式为tru原创 2020-07-13 10:15:19 · 483 阅读 · 0 评论 -
JavaScript中的switch语句
JavaScript语言中的条件语句，除了if 语句，还有switch 语句。switch 常用于根据不同的条件执行不同的操作。虽然它和 if 语句都是用来判断条件的语句，但是它们之间还是有不同。switch的语法语法如下所示：switch(expression) { case 变量x: // 语句1代码块 case 变量y: // 语句2代码块 case 变量z: // 语句3代码块 break; default: // 代码块}语法解释：表达式值计算一次，然后我们依次将表达原创 2020-07-08 10:56:43 · 457 阅读 · 0 评论 -
JavaScript中条件语句的使用
什么是条件语句JavaScript 语言中，条件语句（if 语句）常用于基于不同条件执行不同的动作。简单来讲就是判断给出的某个条件是否是正确的，如果条件正确要如何做，条件错误要如何做。举一个例子，例如现在有一个变量 age，给定一个条件语句为 “age是否大于18”，如果大于18 则可以玩游戏，否则不可以玩游戏。var age = 20;if(age > 18){ console.log("你可以玩游戏哟");}else{ console.log("未成年不可以玩游戏");}原创 2020-07-06 10:13:01 · 277 阅读 · 0 评论 -
JavaScript按位运算符
按位运算符将其操作数当做32位的比特序列（由0和1组成），而不是十进制、十六进制或八进制数值。我们主要了解的有七种，分别是：&、|、^、~、<<、>>、>>>。按位与运算符按位与 & 运算符，对两个 32 位表达式的每一位执行按位与运算。如果a 和 b 都为1 则结果为1，否则结果为0。aba & b000010100111示例：下面演示如何使用& 运算符：co原创 2020-07-02 10:31:13 · 141 阅读 · 0 评论 -
JavaScript逻辑运算符
JavaScript 中的逻辑运算符可用来确定变量或者是值之间的逻辑关系。通常用于布尔型值，会返回一个布尔值true 或 false。而 &&、|| 运算符能够使用非布尔值的操作数，此时会返回一个非布尔型值。布尔值在 JavaScript 中提供了一种布尔数据类型，只接受值 true 或 false。我们可以通过 Boolean() 函数来确定表达式（或变量）的值为 true 还是 false。示例：将下面代码在浏览器中执行，将弹出一个显示 true 的弹出层：alert(Bool原创 2020-06-30 10:19:07 · 573 阅读 · 1 评论 -
JavaScript比较运算符
JavaScript 语言中有两种比较方式，转换类型比较运算符 == 和严格比较运算符 ===。其中严格比较运算符仅当两个操作数的类型相同且值相等时才为true。而转换类型比较运算符== 会在进行比较之前，将两个操作数转换成相同的类型，再来比较。比较运算符常用语逻辑语句中，它主要是用语判定变量或者值是否相等。相等运算符相等运算符 == 会为两个不同类型的操作数转换类型，然后进行严格比较。示例：console.log(1 == 1); // trueconsole.log(1 == 2);原创 2020-06-28 10:05:51 · 559 阅读 · 0 评论 -
JavaScript赋值运算符
JavaScript 语言中的赋值运算可以分为简单和复合两种赋值运算，前者是将赋值运算符 = 右边表达式的值保存到左边的变量中，而后者是混合了其他的操作（例如算术运算符操作）和赋值操作相结合。简单赋值运算符最简单的赋值运算符应该就是等号 = ，把一个值赋给一个变量，例如我们学变量的使用，声明一个变量并给变量赋值可以写为var a = 1，这就表示给变量 a 赋值为 1。语法格式：变量 = 数据赋值运算符左边只能是变量，多个赋值运算符可以组成赋值表达式，它具有右结合性。如果赋值运算符的左侧也为一个原创 2020-06-24 10:34:24 · 435 阅读 · 0 评论 -
JavaScript算术运算符
算术运算符用于对数字（文字或变量）执行算术运算。标准算术运算符是加法 +，减法 -，乘法 * 和除法 /。和数学里面的加减乘除很类似，我们一起来看一下。加法运算符加法运算符 + 的作用是数值求和，这个应该很简单。示例：下面是简单的求两数之和：var a = 8;var b = a + 5;console.log(b); // 13+ 激发运算符除了计算两数之和，我们可以通过 + 连接字符串，得到的结果是一个新的字符串。示例：使用 + 将定义好的三个变量连接：str1 = "hell原创 2020-06-22 10:00:51 · 348 阅读 · 0 评论 -
JavaScript 运算符介绍
在 JavaScript 语言中，运算符主要用于执行程序代码运算，针对一个以上的操作数项目来进行运算。运算符大家应该不陌生，因为我们在数学中都学过，例如加减乘除等。JavaScript 中的运算符可以分为 算术运算符、赋值运算符、字符串运算符、比较运算符、逻辑运算符、类型运算符、按位运算符等。算术运算符JavaScript 中算术运算符主要用于对数字执行算术，以数值作为其操作数，并返回一个单个数值。算术运算符我们可以分为7种：运算符描述+加，加法运算符的作用是数值求和，或者字符原创 2020-06-19 10:40:50 · 244 阅读 · 0 评论 -
JavaScript中的字符串
我们知道字符串（String）类型是 JavaScript 中的基本数据类型之一，也是最常用的数据类型啦。下面我们来学习一下关于字符串的属性方法以及其的使用等。什么是字符串JavaScript 字符串其实很好理解，就是被包围在单引号或双引号中的任意字符。字符串可以用于存储和处理文本。示例：例如像下面这样声明的变量都是字符串类型：var str1 = "123";var str2 = '12356';var str3 = "你好，侠课岛";var str4 = 'hello summer原创 2020-06-17 09:57:28 · 174 阅读 · 0 评论 -
JavaScript中的数字类型
JavaScript 语言中只有一种数值类型，就是 number 类型，这个类型的值可以选择带小数点或者不带小数点。不像其他语言中还分成了整型、浮点型、长整型、单精度、双精度等等。数字类型的使用我们在声明数字类型时，可以带小数点，也可以不带，或者使用科学计数法。示例：下面是我们声明的两个 number 类型的变量：var a = 7;var b = 1.25;在声明数字类型的变量时，不需要加引号，这就是数字类型和字符串类型的区别，例如我们看下面这两个变量：var num1 = 100;v原创 2020-06-15 09:59:58 · 436 阅读 · 0 评论 -
JavaScript中的数据类型
JavaScript 常用数据类型JavaScript 中常用的数据类型主要有下面几种：String（字符串）Number（数字）Boolean（Boolean）Array（数组）Object（对象）JavaScript 语言中变量的值可以是任意类型，因为 JavaScript 是弱类型语言，所以在使用关键字 var 声明变量时，我们可以不用为变量指定数据类型，直接为其赋不同类型的值即可。因为 JavaScript 中不需要关注变量的类型，所以代码会更加简洁，但是也需要更加注意，避免因为变原创 2020-06-12 10:11:20 · 164 阅读 · 0 评论 -
JavaScript 变量的学习
JavaScript 中变量是用于存储数据值的容器，举个例子，例如 var a = 1 ， 其中 a 就是一个变量，1是存入变量的值，也叫做字面量。 在实际应用中，变量很频繁的被使用，所以我们接下来好好学习一下变量。变量声明我们可以使用关键字 var 来声明变量，变量定义好后可以给它赋值，给变量赋值时可以使用等号 =。当然为了方便我们也可以在声明变量的同时直接给变量赋值，这样更方便，使用 var 关键字声明变量后，可以对变量进行修改。注意哟，如果声明一个变量之后，不给这个变量赋值，那么这个变量是空的原创 2020-06-10 10:16:44 · 164 阅读 · 0 评论 -
JavaScript中如何实现输出
JavaScript 语言中没有类似于 print() 这样的打印或输出函数。那么 JavaScript 要如何显示数据呢？下面我们来讲一下 JavaScript 中几种用来显示数据的方式。window.alert()第一种是使用 window.alert() 来弹出警告框，这很简单，例如我们想要显示“欢迎来到侠课岛”，我们可以像下面这样写代码，直接在 alert() 的小括号中加上要输出的内容。示例：下面代码中输出的内容是字符串，所以我们加上了双引号，如果输出数字则不用加：<!DOCTYP原创 2020-06-08 09:54:58 · 496 阅读 · 0 评论 -
JavaScript的基本语法
本节我们简单的来学习一下 JavaScript 的语法。我们知道 JavaScript 是一种脚本语言，脚本语言又被称为扩建的语言，或动态的语言，是一种编程语言，用来控制软件应用程序，脚本通常以文本保存，只有在被调用的时候进行解释或编译。JavaScript 语言是一套规则，它定义了 JavaScript 的语言结构。基本语法JavaScript 中必须严格区分大小写，例如变量 myVariable 和 MyVariable 是不同的，test 和 Test 是不同的。JavaScript 语句中每原创 2020-06-05 10:21:26 · 193 阅读 · 0 评论 -
构造函数
1：基本概念提起构造函数，我们需要从JS的创建对象开始，JS的创建对象有两种方式，一种是对象字面量法（把一个对象的属性和方法一一罗列出来），对象字面量法有一个明显的不足在于它不适合批量的或者是构建大量的类似或者重复的对象，由于这个限制也就有了另一种创建方式，构造函数。对象字面量 const person = { name: 'Eric', age: 28...原创 2019-07-29 09:43:21 · 114 阅读 · 0 评论 -
JavaScript常用的继承方式
JavaScript常用继承方式主要分为(7种)：原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合继承以及继承多个对象。1：原型链继承(核心：将父类的实例作为子类的原型)基本概念：重写原型对象，赋予一个新的对象的实例。基本思想就是让一个原型对象指向另一个父类的实例。 function Super() { //基本数据类型 this.t...原创 2019-07-30 09:50:47 · 93 阅读 · 0 评论 -
JavaScript调用栈
1：基本概念**栈(stack)：**用来保存简单的数据字段。**堆(heap)：**用来保存栈中简单的数据字段对指针的引用。队列： 是一种先进先出的线性数据结构。函数的调用的进栈和出栈的顺序，遵循 先进后出 的原则。空间分配：堆：一般由程序员释放，如果程序员不释放就会在结束时由OS回收；栈：一般由操作系统自动分配释放。缓存方式：堆：存放在二级缓存中，生命周期一般是由虚拟机...原创 2019-08-05 10:11:33 · 133 阅读 · 0 评论 -
JavaScript中的this
1：基本概念this字面意思是当前，当前执行代码的环境对象或者是上下文。代表着当前方法执行的环境上下文，那么何为环境上下文，通俗的说，谁调用了函数，谁就是这个函数的环境上下文。在js中，this只有两种指向，一种是指向当前的封闭作用域，或者是指向当前作用域的外层，this的最顶层就是window对象。关于this必须要了解的是严格模式，严格模式是js里面的一个子集，是具有限制性JavaScr...原创 2019-08-01 10:29:12 · 86 阅读 · 0 评论 -
JavaScript正则表达式
1：基本概念正则表达式是用于匹配字符串中字符组合的模式。它也是一个描述字符模式的对象，使用正则表达式可以进行强大的模式匹配和文本检索与交替功能。正则表达式有两部分组成，一部分是普通字符，一部分是特殊字符。普通字符比如说键盘可以输出的这些字母大写A-Z和小写a-z，0-9的数字；特殊字符可以是^代表以什么开头、$代表以什么结尾、.、(x)、…。2：正则表达式的创建有两种方式：对象字面量和Re...原创 2019-08-08 09:48:30 · 966 阅读 · 0 评论 -
JavaScript函数式编程
1：基本概念函数式编程是一种编程思维方式，并不是一些语法规则，对于复用性高的功能代码进行一定的函数封装，实现了代码的高可复用性（主要目的）。函数式编程的特点：函数是第一等公民，因为叫函数式编程，因此函数的地位是最高的，也就是说比起变量函数的地位更高一点。只用表达式而不用语句，表达式就是声明式的意思，语句就是命令式的，尽量使用表达式或者是声明式的代码来组织逻辑。没有副作用的代码，也叫做纯...原创 2019-08-06 09:58:10 · 89 阅读 · 0 评论 -
JavaScript面向对象编程(OOP)
1：基本概念面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式。这句话的意思是：每个对象能够接受信息，处理数据和发送消息给其他对象；这就意味着在这个编程模式下，每一个对象都是一个独立的个体，它可以接收，可以处理，然后再把消息发送出去。每个对象都可以被看作是一个拥有清晰角色或责任的独立个体。使用面向对象编程是为了促进更好的灵活性和可维护性。面向对象的重要知识点：Namespace命...原创 2019-08-09 09:50:38 · 168 阅读 · 0 评论 -
JavaScript闭包
基本概念函数和声明该函数的词法环境的组合。闭包包含了函数也包含了声明该函数的词法环境（作用域）。闭包实际上是将函数与其所操作的某些数据（环境）关联起来，这些数据或者是环境可以理解为它的一个作用域。因此我们可以达到一个能够访问另一个函数作用域的变量的函数的目的。 //定义局部变量 function count() { let count = 0; ...原创 2019-08-07 14:01:32 · 90 阅读 · 0 评论 -
JavaScript排序算法
1：基本概念时间复杂度：算法执行所耗费的时间。这个复杂度直接和样本的个数有关，复杂度反映了算法的性能，一般来说，复杂度越低，算法所消耗的时间越短。 /* O(N1) */ for (var i = 0; i < data.length; i++) { ... } /* O(N2) */ for (var i = 0; i ...原创 2019-08-14 09:59:18 · 115 阅读 · 0 评论 -
JavaScript模块化开发
JavaScript模块化开发：按照模块化的方式来组织JS的代码，相比于面向对象变成，模块化的范围更广泛。1：发展历史早期的Javascript是作为浏览器的脚本语言，使用但是当项目越来越大，依赖越来越多时可能就会出现问题，比如逻辑越来越混乱，页面也越复杂，然后可维护性就变差了，除此之外还存在全局变量暴露、文件的引入顺序的问题。比如说一个文件引入另一个文件，另一个文件又依赖另一个文件，那么这三...原创 2019-08-15 09:46:53 · 144 阅读 · 0 评论 -
JavaScript自定义事件
1：基本概念系统内发生的动作或发生的事情，系统会在事件出现时触发某种信号，提供一个自动加载某种动作的机制。 var myButton = document.getElementById('button'); myButton.onclick = function(){ alert('点击了button'); } myButton = null;...原创 2019-08-12 09:48:48 · 113 阅读 · 0 评论 -
JavaScript实现Ajax
1：基本概念jQuery的Ajax请求实际上是封装的一个XHLHttpRequest，从字面意思来看是，XML是一种文件格式，Http是一个网络请求，Request最开始是用于请求XML文件的，后来不断扩展可以请求多种类型的文件。XHLHttpRequest，网络请求模块，或者是一个浏览器网络线程。用于从URL网络上获取数据，有了对象，就可以实现页面的无刷新请求数据，就可以做到一个局部的更新，...原创 2019-08-13 10:25:41 · 255 阅读 · 0 评论 -
JavaScript基础知识整理
1 什么是JavaScriptJavaScript一种直译式脚本语言，一种基于对象和事件驱动并具有安全性的客户端脚本语言；也是一种广泛应用客户端web开发的脚本语言。简单地说，JavaScript是一种运行在浏览器中的解释型的编程语言。2 JavaScript的基本结构<script type="text/javascript"> JS语句;</script...原创 2019-06-13 14:04:31 · 360 阅读 · 0 评论