
javascript
文章平均质量分 64
努力练级中...
小白前端自学路径和知识整理。
展开
-
JavaScript学习记录八:运算符(二):递增和递减运算符
这里写目录标题一、递增和递减运算符解释二、 前置递增运算符三、后置递增运算符四、总结一、递增和递减运算符解释如果需要反复给数字变量添加或减去1,可以使用递增(++)和递减( – )运算符来完成。 在 JavaScript 中,递增(++)和递减( – )既可以放在变量前面,也可以放在变量后面。放在变量前面时,我们可以称为前置递增(递减)运算符,放在变量后面时,我们可以称为后置递增(递减)运算符。注意:递增和递减运算符必须和变量配合使用。二、 前置递增运算符++num 前置递增,就是自加1,类似于原创 2021-11-10 11:46:58 · 469 阅读 · 0 评论 -
JavaScript学习记录四:基本数据类型(一):数字类型
@TOC一、什么是数字类型二、数字型范围最大值:Number.MAX_VALUE,这个值为: 1.7976931348623157e+308最小值:Number.MIN_VALUE,这个值为:5e-32三、数字型三个特殊值Infinity ,代表无穷大,大于任何数值Infinity ,代表无穷小,小于任何数值NaN ,Not a number,代表一个非数值四、判断一个变量是否为非数字的类型var usrAge = 21;var isOk = isNaN(userAge);c原创 2021-11-10 11:46:54 · 271 阅读 · 0 评论 -
JavaScript学习记录十:continue ,break,return关键字的作用
JavaScript学习记录十:continue ,break,return关键字的作用一、continue二、 break 关键字三、return关键字一、continuecontinue 关键字用于立即跳出本次循环,继续下一次循环(本次循环体中 continue 之后的代码就会少执行一次)。例如,吃5个包子,第3个有虫子,就扔掉第3个,继续吃第4个第5个包子,其代码实现如下:for (var i = 1; i <= 5; i++) {if (i == 3) {console.log(原创 2021-11-10 11:46:38 · 453 阅读 · 0 评论 -
JavaScript学习记录十四:预解析(变量提升的发生)
JavaScript学习记录十四:预解析一、什么是解析二、变量预解析(即变量提示)三、函数预解析(函数提升)四、解决函数表达式声明调用问题五、预解析案例一、什么是解析JavaScript 代码是由浏览器中的 JavaScript 解析器来执行的。JavaScript 解析器在运行 JavaScript 代码的时候分为两步:预解析和代码执行。预解析:在当前作用域下, JS 代码执行之前,浏览器会默认把带有 var 和 function 声明的变量在内存中进行提前声明或者定义。代码执行: 从上到下执行原创 2021-11-10 11:46:33 · 130 阅读 · 0 评论 -
JavaScript学习记录十三:作用域
JavaScript学习记录十三:作用域一、什么是作用域二、全局作用域三、局部作用域 (函数作用域)四、块级作用域(JS没有)五、变量作用域六、全局变量七、局部变量八、 全局变量和局部变量的区别九、作用域链一、什么是作用域通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。JavaScript(es6前)中的作用域有两种:全局作用域局部作用域(函数作用域)二、全原创 2021-11-10 11:46:28 · 91 阅读 · 0 评论 -
JavaScript学习记录十六:内置对象(二):日期对象
JavaScript学习记录十五:内置对象(二):日期对象一、Date 对象解释二、Date 对象使用1. 获取当前时间必须实例化2. Date() 构造函数的参数三、Date对象常用方法1.获取当前时间2.获取日期的总的毫秒形式四、案例1.倒计时一、Date 对象解释Date 对象和 Math 对象不一样,他是一个构造函数,所以我们需要实例化后才能使用Date 实例用来处理日期和时间二、Date 对象使用1. 获取当前时间必须实例化 var now = new Date();consol原创 2021-11-10 11:45:55 · 112 阅读 · 0 评论 -
JavaScript学习记录四:基本数据类型(二):字符串类型
@TOC一、字符串型 String写法字符串型可以是引号中的任意文本,其语法为 双引号 “” 和 单引号’’var strMsg = "我爱北京天安门~"; // 使用双引号表示字符串var strMsg2 = '我爱吃猪蹄~'; // 使用单引号表示字符串// 常见错误var strMsg3 = 我爱大肘子; // 报错,没使用引号,会被认为是js代码,但js没有这些语法二、字符串引号嵌套JS 可以用单引号嵌套双引号 ,或者用双引号嵌套单引号 (外双内单,外单内双)var strMsg原创 2021-11-10 11:45:46 · 210 阅读 · 0 评论 -
JavaScript学习记录十六:内置对象(一):Math对象
这里写目录标题一、Math 对象解释二、Math 对象常用方法1. 随机数方法 random()一、Math 对象解释Math 对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值等)可以使用 Math 中的成员。二、Math 对象常用方法Math.PI // 圆周率Math.floor() // 向下取整Math.ceil() // 向上取整Math.round() // 四舍五入版 就近取整 注意 -3.5 结果是 -3 Math.abs() /原创 2021-11-10 11:45:40 · 107 阅读 · 0 评论 -
JavaScript学习记录九:流程控制(二): 三元表达式
JavaScript学习记录九:流程控制(二): 三元表达式一、三元表达式解释二、例子一、三元表达式解释三元表达式也能做一些简单的条件选择。 有三元运算符组成的式子称为三元表达式。表达式1 ? 表达式2 : 表达式3;如果表达式1为 true ,则返回表达式2的值,如果表达式1为 false,则返回表达式3的值简单理解: 就类似于 if else (双分支) 的简写二、例子var time = prompt('请您输入一个 0 ~ 59 之间的一个数字');// 三元表达式 表达式 ?原创 2021-11-05 08:48:53 · 120 阅读 · 0 评论 -
JavaScript学习记录九:流程控制(一): if 语句
JavaScript学习记录九:流程控制(一): if 语句一、流程控制解释二、顺序结构三、if 语句结构四、if else语句(双分支语句)五、 if else if 语句(多分支语句)一、流程控制解释在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。简单理解: 流程控制就是来控制我们的代码按照什么结构顺序来执行流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,这三种结构代表三种代码执行的顺序。二、顺序结原创 2021-11-05 08:48:44 · 101 阅读 · 0 评论 -
JavaScript学习记录六:数据类型的转换
这里写目录标题一、什么是数据类型转换二、其他类型转换成字符串类型三、其他类型转数字类型四、其他类型转布尔类型一、什么是数据类型转换使用表单、prompt 获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,而需要转换变量的数据类型。通俗来说,就是把一种数据类型的变量转换成另外一种数据类型。我们通常会实现3种方式的转换:转换为字符串类型转换为数字型转换为布尔型二、其他类型转换成字符串类型方式说明例子toString()转成字符串var num=1原创 2021-11-05 08:48:20 · 123 阅读 · 0 评论 -
JavaScript学习记录五:数据类型的检测
JavaScript学习记录五:数据类型的检测一、检测数据类型二、不同数据类型的返回值一、检测数据类型typeof 可用来获取检测变量的数据类型var num = 18;console.log(typeof num) // 结果 number二、不同数据类型的返回值类型例子结果Stringtypeof"小白"“string”Numbertypeof 18“number”Booleantypeof true“boolean”Undefined原创 2021-11-05 08:48:15 · 81 阅读 · 0 评论 -
JavaScript学习记录四:基本数据类型(四):null和undefined
@TOC一、什么null一个声明变量给 null 值,里面存的值为空(学习对象时,我们继续研究null)var vari = null;console.log('你好' + vari); // 你好nullconsole.log(11 + vari); // 11console.log(true + vari); // 1二、什么是undefined一个声明后没有被赋值的变量会有一个默认值 undefined ( 如果进行相连或者相加时,注意结果)var vari = null;con原创 2021-11-05 08:48:02 · 80 阅读 · 0 评论 -
JavaScript学习记录四:基本数据类型(三):布尔类型
@TOC一、什么是布尔类型布尔类型有两个值:true 和 false ,其中 true 表示真(对),而 false 表示假(错)。二、布尔类型计算布尔型和数字型相加的时候, true 的值为 1 ,false 的值为 0。console.log(true + 1); // 2console.log(false + 1); // 1...原创 2021-11-05 08:47:55 · 388 阅读 · 0 评论 -
JavaScript学习记录十九:正则表达式
JS正则表达式一、什么是正则表达式二、用法三、符号解释一、什么是正则表达式用于匹配字符串中的字符组合。正则表达式也是一个对象。二、用法1.通过RegExp对象来创建var reg = new RegExp(/ 23 /)表示字符串必须包含232.字面量创建var reg = /23/3.检测字符串var a = 123reg.test(a)//true正则表达式都不要加双引号,不管是字符串还是数字。三、符号解释1.^ 表示已什么开头2.$ 表示以什么结尾,和原创 2021-02-11 18:00:43 · 167 阅读 · 1 评论 -
JavaScript技术点一:字符串的操作
js字符串操作一、去除字符串两侧空格一、去除字符串两侧空格原创 2021-05-12 09:55:18 · 155 阅读 · 0 评论 -
防抖和节流
防抖和节流一、什么是防抖二、防抖使用场景1.输入框是按键触发请求时三、什么是节流四、节流的使用场景1.鼠标连续点击触发事件2.懒加载时要监听计算滚动条的位置五、节流阀的概念六、防抖和节流的区别一、什么是防抖防抖是当事件被触发后,延迟n秒后再执行回调,如果再这n秒内事件又被触发,则重新计时,等于游戏中的回城。二、防抖使用场景1.输入框是按键触发请求时用户连续输入一串字符时,可以通过防抖策略,只在输入完后,才执行查询的请求,这样可以有效减少请求次数,节约请求资源,代码:var time = nul原创 2021-02-27 13:25:27 · 642 阅读 · 0 评论 -
vue学习记录一:vue基础认识和指令
VUE一、什么是VUE一、什么是VUE原创 2021-02-24 13:22:42 · 190 阅读 · 0 评论 -
vue学习记录十:vue组件开发(一):注册组件
VUE组件开发一、全局组件二、局部组件一、全局组件VUE.component(组件名称,{data:组件数据template:模板内容,可以写})二、局部组件原创 2021-02-24 13:21:31 · 61 阅读 · 0 评论 -
前端跨域
前端跨域一、什么是跨域二、网址解析:三、解决跨域1.src2.jsonp3.cors一、什么是跨域跨域就是前端访问后台时,域名,协议,端口有一个不相同时,就会出现跨域。二、网址解析:http://www.baidu.comhttp://表示传输协议www.表示服务器baidu.com表示域名三、解决跨域1.src2.jsonp其本质是利用了<script src="">标签具有可跨域的特性,由服务端返回一个预先定义好的Javascript函数的调用,并且将服务器数据以该函数原创 2021-02-20 12:33:34 · 705 阅读 · 0 评论 -
FormData对象
FormData对象一、什么是FormData对象二、语法三、express处理formdata对象四、FormData对象实例的方法1.获取表单对象中属性的值,get方法2.设置表单对象中属性的值,set方法3.删除表单对象中的属性值,delete方法4.向表达对象中追加属性,append方法5.二进制文件上传6.上传进度提示7.图片及时预览一、什么是FormData对象异步上传二进制文件将表单映射成表单对象将表单和ajax结合起来,不使用表单自带的请求方式,使用ajax发送表单的数据二、语法原创 2021-02-20 12:04:11 · 673 阅读 · 0 评论 -
Express框架学习记录一:Express框架基础使用
Express框架一、什么是Express框架二、安装Express三、框架的使用1.根据请求地址返回给前端内容2.中间件3.use中间件4.中间件的作用5.更改状态码6.捕获错误的错误处理中间件7.构建模块化路由Router8.获取get请求附带的参数9.获取post请求附带的参数10.路由占位参数11.静态资源访问功能12.express的模板引擎13.locals对象一、什么是Express框架基于Node的一个框架,封装了读取html文件、css文件的操作,直接返回封装好的内容,让开发人员更加注原创 2021-02-19 23:07:18 · 1774 阅读 · 3 评论 -
Node.js学习记录七:Node的异步API和同步API
Node的异步API和同步API一、同步API二、异步API三、同步API和异步API的区别1.同步API可以return值,而异步API不能return四、回调函数1.可以把异步API作为同步API来写。2.回调地狱一、同步API代码一行一行从上往下执行二、异步API当前代码不会阻塞后续代码执行,解析器遇到异步API会放到异步队列当中,先执行完同步API,再执行异步队列的异步API,但是异步队列的异步API不是按顺序执行的。三、同步API和异步API的区别1.同步API可以return值,而异原创 2021-02-18 18:19:55 · 434 阅读 · 0 评论 -
Node.js学习记录六:require()方法引用规则解释
Node中require方法引用规则一、完整路径二、模块拥有路径没有后缀三、模块没有路径和后缀require引用文件时,被引用的文件就会被调用了。一、完整路径let a = require(’./demo.js’)会直接找到文件二、模块拥有路径没有后缀let a = require(’./demo’)会先在当前目录下找有没有同名的js文件没有就找同名文件夹,找同名文件夹里的index.js文件,然后执行这个js文件没有index.js文件,会在demo文件夹中找package.json原创 2021-02-17 19:29:30 · 1685 阅读 · 0 评论 -
Node.js学习记录五:Node的第三方模块(包)npm
Node的第三方模块(包)npm一、什么是第三方模块二、下载第三方模块1.下载包2.删除包3.包的本地安装和全局安装三、常用的第三方模块1.nodemon2.nrm一、什么是第三方模块别人直接写好的,可以直接使用的,第三方模块通常有多个文件组成并且被放置在一个文件夹中,所以又叫包。第三方模块有两种形式存在:以js文件的形式存在,提供实现多项目具体功能的API以命令行工具的形式存在,辅助项目开发。二、下载第三方模块1.下载包npm(node package manager):node的第三方模原创 2021-02-17 01:02:01 · 2244 阅读 · 1 评论 -
Node.js学习记录二:Node内置模块(一):fs 文件系统模块
Node.js的系统模块一、fs文件模块1.读取文件2.写入文件操作二.path路径模块1.拼接路径2.相对路径和绝对路径3.获取当前文件的绝对路径Node运行环境内置的模块,在node中几乎所有的API的回调函数的第一个参数都是err,错误参数。一、fs文件模块第一步都是引用文件模块let fs = require('fs') //fs就是文件模块1.读取文件读取文件使用相对路径是以命令行为起点的,要使用绝对路径fs.readFile('文件的路径和名称'[,文件的编码一般都是ut原创 2021-02-16 18:54:03 · 239 阅读 · 1 评论 -
Node.js学习记录四:Node的模块的引入和导出
Node的模块开发一、什么是模块化开发二、导出模块三、引入模块四、module.exports和exports一、什么是模块化开发js在一开始使用时,存在多个js引用先后问题,执行顺序是按引入的顺序,但有可能先引入的js文件依赖后引入的js文件,会出现问题。而且多个js文件中可能会有同名的全局变量,后引入的文件中的同名变量会覆盖前面引入js文件中的同名变量,会发生错误。在模块化开发中,文件之间的关系不需要认为来维护,且模块之间,同名的全局变量不会互相影响,只暴露需要使用的变量。node.js规定一原创 2021-02-16 18:12:00 · 391 阅读 · 1 评论 -
Node.js学习记录一:Node解释
nodenode.jsnode.js原创 2021-02-16 17:35:49 · 305 阅读 · 1 评论 -
JavaScript技术点五:判断Infinite和NaN
判断Infinite和NaN一、Number.isFinite()二、Number.isNaN()三、isFinite()四、isNaN()一、Number.isFinite()判断是不是Infinite,es6新增,新方法只对数值有效。对于非数值一律返回false。二、Number.isNaN()判断是不是NaN,es6新增,新方法只对数值有效。对于非数值一律返回false。三、isFinite()先调用Number()将非数值的值转为数值,再进行判断四、isNaN()...原创 2021-02-13 11:53:46 · 3748 阅读 · 0 评论 -
JavaScript学习记录十八:递归
JS递归一、什么是递归二、递归的作用一、什么是递归函数内部调用自己,这个函数就是递归函数。必须有return或者结束条件,不然会无限调用自己,发送栈溢出,形成死递归。return 可以退出循环,也能退出递归函数。二、递归的作用...原创 2021-02-11 14:50:45 · 129 阅读 · 0 评论 -
JavaScript学习记录十七:闭包
JS闭包一、什么是闭包二、闭包的作用三、闭包的案例一、什么是闭包是指有权访问另一个函数作用域中变量的函数,即一个作用域可以访问另外一个函数内部的局部变量,一般都是函数外部要访问函数内部的局部变量。function fn(){var num = 1return function fun(){ console.log(num)}}var a = fn()此时a 指向的是fun函数,能访问到num,这就形成了闭包,外部能访问函数的局部变量二、闭包的作用延伸了变量的作用原创 2021-02-11 14:23:31 · 79 阅读 · 1 评论 -
JavaScript学习记录七:保留字和关键字
JS关键字一、instanceof一、instanceof用来判断对象是否属于某个类型的对象var a = {}console.log(a instanceof Object) //true原创 2021-02-06 15:15:47 · 207 阅读 · 0 评论 -
JavaScript学习记录十二:函数
JS函数一、什么是JS函数一、什么是JS函数原创 2021-02-06 15:13:34 · 94 阅读 · 0 评论 -
ES6学习记录二:构造函数和原型
JS原型链一、什么是原型链二、获取原型对象1.对象实例获取二、构造函数获取三、获取构造函数1.原型对象获取四、原型链五、原型链的操作一、查找属性一、什么是原型链在对象、构造函数、原型对象实例和原型对象的原型对象之间存在的一种关系二、获取原型对象1.对象实例获取var obj = []var b = obj.__proto____proto__属性不是标准属性,尽量不要在开发中使用二、构造函数获取= obj.proto.construcorvar obj = []var c =原创 2021-02-06 15:13:15 · 155 阅读 · 0 评论 -
AJax
Ajax一、什么是Ajax二、XMLHttpRequest对象充当着浏览器和服务器之间中间人的角色。以前的请求都是浏览器发起,而js可以通过这个对象来自己发送请求,同时自己处理。原创 2021-02-05 23:02:38 · 79 阅读 · 0 评论 -
JavaScript学习记录十五:对象
js对象一、什么是对象一、什么是对象原创 2021-01-27 14:04:26 · 328 阅读 · 0 评论 -
JavaScript学习记录十一:数组
目录一、什么是数组原创 2021-01-19 16:45:17 · 115 阅读 · 0 评论 -
JavaScript学习记录三:数据类型
目录一、数据类型一、数据类型原创 2021-01-16 00:14:22 · 125 阅读 · 0 评论 -
JavaScript学习记录二:变量
目录一、什么是变量一、什么是变量原创 2021-01-14 23:39:16 · 135 阅读 · 0 评论 -
JavaScript学习记录一: JavaScript的组成
文章目录一、什么是JavaScript一、什么是JavaScript原创 2021-01-12 15:54:15 · 96 阅读 · 0 评论