
前端
文章平均质量分 52
魔笛手7
这个作者很懒,什么都没留下…
展开
-
Node基础--命令窗口
当我们在命令行窗口打开一个文件,或调用一个程序时,系统会首先在当前目录下寻找文件程序,如果找到了则直接打开 如果没有找到则会依次到环境变量path的路径中寻找,直到找到为止如果没找到则报错,所以我们可以将一些经常需要访问的程序和文件的路径添加到path中,这样我们就可以在任意位置来访问这些文件和程序了。1.Windows命令行窗口(叫做:小黑屏、cmd窗口、终端、shell)开始菜单 -- 运行 --- cmd --- enter。其实这一个和我们之前学习编程的时候的作用域链是一样的。原创 2023-03-31 11:13:33 · 498 阅读 · 1 评论 -
ES6新特性--模块化
模块化是指将一个大的程序文件,拆分成许多小的文件,然后将小文件组合起来。(3).暴露方式3.把内容当作是一个对象default来使用。import 命令用于输入其他模块提供的功能。(4).简便形式(这里的简便形式是能够针对默认暴露)export 命令用于规定模块的对外接口。(3).使用解构赋值的形式获取默认暴露。5.模块化应用示例--暴露数据汇总。6.模块化应用示例--引入数据汇总。(2).使用解构赋值的形式来获取。(1).防止命名冲突。(1).通用的导入方式。4.模块化相关的语法。(2).暴露的方式2。原创 2023-03-29 11:30:58 · 749 阅读 · 0 评论 -
ES6新特性--扩展方法
该方法可以合并两个对象的内容,一般可以用作配置参数的合并操作。3.Object.setPrototypeOf()设置原型对象。1.Object.is 判断两个值是否完全相等。原创 2023-03-28 11:30:41 · 110 阅读 · 0 评论 -
ES6新特性--数值扩展
Number.EPSILON是JavaScript中表示最小的精度,EPSILON的属性的值接近于2.222044E-16,其可以帮助为我们去比较两个数是否相等,如果两个数字的差值小于EPSILON的值,那么我们就可以认为个数是否相等,由于JavaScript中浮点数的计算是存在问题的,所以我们可以使用EPSILON来解决。该方法用于检测一个数字是正数、负数还是零。ES6提供了变量可以直接表示进制的内容。该方法可以去除浮点数中的小数部分。用于 检测一个数值是否为有限数值。用于检测一个数值是否是NAN。原创 2023-03-28 11:07:04 · 349 阅读 · 0 评论 -
ES6新特性--Class类
ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过 class 关键字,可以定义类。基本上,ES6 的 class 可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的 class 写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。使用Class实现类的继承中子类重写父类方法。Class中的getXXX和SetXXX方法。ES5中的对象创建/ES6中的对象创建。使用Class实现类的继承。Class中的静态成员。原创 2023-03-27 11:15:01 · 124 阅读 · 0 评论 -
ES6新特性--Set集合
它类似于数组,但成员的值都是唯一的,集合实现了 iterator 接口,所以可以使用【扩展运算符】 和【for…(4).has()方法,检测集合中是否包含某个元素,返回 boolean 值。(3).delete()方法,实现集合元素的删除操作。(5).Clear()方法,用于清空指定的集合。(1)size方法,返回集合的元素个数。(2).add()方法,实现集合元素的添加。(2).Set集合的声明。(2).求两个数组的交集。(3).求两个数组的并集。(3).求两个数组的差集。(1).Set集合概述。原创 2023-03-26 11:39:10 · 546 阅读 · 0 评论 -
ES6新特性--Map集合
但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map 也实现了iterator 接口,所以可以使用【扩展运算符】和【for…(1).set()方法,增加一个新元素,返回当前 Map。(2).size()方法,返回 Map 的元素个数。(3).get()方法,返回键名对象的键值。(4).has()方法,是否包含指定元素。(5).clear()方法,清除集合元素。(6)for...of...遍历集合元素。Map集合常用的属性和方法。(1).Map集合概述。(2).Map集合创建。原创 2023-03-26 11:59:34 · 198 阅读 · 0 评论 -
ES6新特性--Promise
Promise 是 ES6 引入的异步编程的新解决方案。语法上 Promise 是一个构造函数,用来封装异步操作并可以获取其成功或失败的结果。Promise.prototype.catch 方法。Promise.prototype.then 方法。Promise封装Ajax请求。Promse读取多个文件内容。Promise封装读取文件。Promise基本使用。原创 2023-03-22 11:21:30 · 131 阅读 · 0 评论 -
ES6新特性--生成器
(3).yield 相当于函数的暂停标记,也可以认为是函数的分隔符,每调用一次 next。(2).生成器函数返回的结果是迭代器对象,调用迭代器对象的 next 方法可以得到。生成器函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同。(1).异步编程案例实现:1s之后输入111,2s之后输出222,3s之后输出333。(4).next 方法可以传递实参,作为 yield 语句的返回值。(2).模拟数据的获取:获取用户数据---获取订单数据---获取商品数据。(1).* 的位置没有限制。原创 2023-03-21 11:44:21 · 151 阅读 · 0 评论 -
ES6新特性--迭代器
(2).原生具备 iterator 接口的数据(可用 for of 遍历),具备了原生接口的有:array、Arguments(3).看一个对象是否能够使用for...of...遍历,其实只需要看是否有Symbol.Iterator的接口即可。这里如果是自定义的对象内容进行数据的遍历,就需要重写一个Symbol的iterator内容的遍历输入方法。(2).第一次调用对象的 next 方法,指针自动指向数据结构的第一个成员。原创 2023-03-21 10:37:24 · 76 阅读 · 0 评论 -
ES6新特性--Symbol
布尔值,表示该对象用于 Array.prototype.concat()时,是否可以展开。ES6 引入了一种新的原始数据类型 Symbol,表示独一无二的值。: 对象的 Symbol.isConcatSpreadable 属性等于的是一个。:当其他对象使用 instanceof 运算符,判断是否为该对。(1).Symbol 的值是唯一的,用来解决命名冲突的问题.对象添加Symbol类型的属性。原创 2023-03-20 15:25:29 · 330 阅读 · 0 评论 -
ES6新特性--扩展运算符
扩展运算符(扩展运算符:...)扩展运算符可以把[数组]转化为'逗号'分隔的参数序列。(3).将伪数组变成真正的数组。(2).数组的克隆(浅克隆)(1).扩展运算符基本使用。原创 2023-03-20 11:17:07 · 115 阅读 · 0 评论 -
ES6新特性--函数参数
(3).rest参数的注意事项,rest参数必须放置在最后面,简单的理解就是把匹配之后剩余的参数作为rest参数中的数组一并给他使用。(1).允许给函数的参数设置初始化值,这里的参数初始化,指的是形式参数的初始化,具有默认值的参数一般位置需要放在最后面。(2).解构赋值与函数参数的默认值设置。(1).ES5中的argument参数。(2).ES6中的rest参数。1.函数参数的默认值设置。原创 2023-03-20 10:46:24 · 182 阅读 · 0 评论 -
ES6新特性--箭头函数
箭头函数中,this是静态的,始终是指向函数在声明的时候的作用域下的this值。一般这一个this指向的是windows对象中的页面元素对象。(2).不适用于与this有关的回调,因为this是静态的(一般都是指向windows对象的内容),不适用于对象方法、dom元素的事件回调。(2).如果函数体只有一条语句的时候,可以省略{},此时return 也必须省略而且语句的执行结果就是函数的返回值。(1).箭头函数适用于与this无关的回调(this对象不改变的情况),定时器、数组方法的回调。原创 2023-03-19 16:47:54 · 100 阅读 · 0 评论 -
ES6新特性--解构赋值
所谓的解构赋值就是说:允许按照一定的模式,从数组和对象种提取值,对变量进行赋值。原创 2023-03-19 16:28:40 · 126 阅读 · 0 评论 -
ES6新特性--变量声明
快捷作用域的意义:这里的块级作用域可以理解为只要变量在哪一个{}内部使用,就在那一个{}内才有效果。(5).使用const声明的数组或者是对象,可以进行修改,不算做对常量的修改,因为其地址值没有改变。作用域链:就是如果在一个较大的范围之内声明,那么在这一个范围之内的人都可以取使用 这一个变量。(2).常量在定义的时候一般使用大写。(1).变量在声明的时候不可以重复,这也符合其他语言的变量声明规范。(4).块级作用域,同let关键字(这里就不再细说)(1).常量在声明的时候就必须要赋值。原创 2023-03-19 12:04:28 · 336 阅读 · 0 评论 -
表单页面数据提交整合
1.基本信息提交,如:用户名、密码等常用输入框,下拉菜单、单选按钮、复选按钮等。现在我们编写一个数据提交常用的综合页面。2.数据的三级联动实现省份-地级市-县区的选择。4.数字-字母的验证码实现。5.手机短信验证码接受模拟。3.图片上传并预览。6.文本编辑器实现。原创 2022-09-24 21:56:47 · 275 阅读 · 0 评论 -
前端开发_JavaScript_Date()对象案例:实时走动的时间
1.引入上一节课,我们讲解了Date()对象的使用,那么这一节课,我们一起来实现一个Date()对象的应用实例:实时走动的时钟。2.实现思路(1).使用定时器,每一秒触发获取当前时间的函数,并在页面加载的时候触发该函数。(2).编写获取当前时间的函数,获取当前时间的相关内容,如:年、月、日、时、分、秒。(3).重新拼接显示的字符串(4).在页面中显示走动的时间。3.代码实现4.代码实现效果...原创 2022-06-13 12:05:55 · 481 阅读 · 0 评论 -
前端开发_JavaScript_JavaScript常用对象之Date()对象
1.引入通过前面的学习,我们已经初步的对JavaScript的体系架构有了一定的了解,我们之前在学习C#或者是java的时候我们学习过对象这一内容,那么JavaScript中是否也提供内置对象供我们使用呢?这一个肯定是有的。接下来我们一起学习一些常用的对象,并使用这一些对象实现一些生活中常用的内容。2.JavaScript对象概述JavaScript是一种比较特殊的基于对象的语言(特殊指和C#、Java相比较有较大的区别),它在设计对象的时候把属性和方法捆绑在一起使用。JavaScript中的对象大致可以分原创 2022-06-13 10:54:12 · 338 阅读 · 0 评论 -
前端开发_JavaScript_DOM之Node接口
DOM节点操作1.引入上一节课,我们讲解介绍了关于DOM的一些基本操作,下面我们来讲解DOM关于节点的操作,并带着大家一起来写一个简单的级联操作的练习。2.原创 2022-06-09 11:40:52 · 373 阅读 · 0 评论 -
前端开发_JavaScript_DOM基本操作
DOM1.引入 在之前的学习中,我们学习了很多的对象,下面我们一起来学习JavaScript中一个重要的知识点DOM。通过 HTML DOM,JavaScript 能够访问和改变 HTML 文档的所有元素。2.DOM概述 DOM 是一项 W3C (World Wide Web Consortium) 标准。DOM 定义了访问文档的标准:“W3C 文档对象模型(DOM)是中立于平台和语言的接口,它允许程序和脚本动态地访问、更新文档的内容、结构和样式。” W3C DOM 标准被...原创 2022-01-16 15:33:30 · 420 阅读 · 0 评论 -
前端开发_JavaScript_Json
Json1.引入我们在实际的开发中经常需要解决一个问题是需要进行数据交换,我们经常听到一个词:Json,下面我们一起来学习使用Json的使用。2.Json概述 JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率..原创 2022-01-06 10:03:59 · 995 阅读 · 0 评论 -
前端开发_JavaScript_数据类型转换
数据类型转换1.引入我们之前学习了很多不同类型的对象,可以帮我们解决现实中的许多问题。我们发现这些对象能够操作不同的数据类型,那么这一个时候我们经常在程序中遇到一个问题:就是数据类型的转化。接下来我们一起来学习一下。2.JavaScript中常用的数据类型字符串(string)、数字(number)、布尔(boolean)、对象(object)、函数(function)、null、undefined、数组(array)、日期(Date)。下面我们来讲解各个数据类型之间的相互转化。3.原创 2022-01-04 16:19:18 · 848 阅读 · 0 评论 -
前端开发_JavaScript_数组的元素操作
数组的元素操作1.引入上一个知识点,我们讲解了数组相关的基本知识点,接下来我们讲解数组的元素操作。我们定义了数组,并在里面添加了数据信息之后,一个重要的内容就是按照我们的意愿操作数组里面的元素。2.数组的排序 (1).Array.prototype.sort() ①.概述 sort()方法用原地算法对数组的元素进行排序,并返回数组。默认排序顺序是在将元素转换为字符串,然后比较它们的UTF-16代码单元值序列时构建的。由于它取决于具体实现,因此无法保证排序的时间和空间复...原创 2022-01-03 15:07:16 · 433 阅读 · 0 评论 -
前端开发_JavaScript_数组以及Array对象
数组以及Array对象1.引入我们之前学习的都是单个数据的存储和操作,有的时候我们需要一种比较特殊的情况,比如:我需要存储一个班级40个人的成绩,如果按照之前我们学习的变量的定义,那么我们就需要定义40个变量来分别的存储,这样写会很麻烦,那么我们就在思考有没有一种数据类型可以解决一次性存储多个数据类型的呢?下面我们就先来学习以下第一个可以存储多个数据的数据类型:数组。2.数组概述数组就是使用变量来表示数据的集合,它是用于实现对这一组数据的统一管理,数组中的数据称为数组的元素。说白了,数组就是原创 2022-01-03 14:28:22 · 571 阅读 · 0 评论 -
前端开发_JavaScript_常用对象之Math对象
Math对象1.引入我们上一次课学习了Date对象,同时也带着大家写了一个有关于Date的应用实例:日历,那么接下来我们一起来学习一个新的对象:Math对象。2.Math对象概述Math 是一个内置对象,它拥有一些数学常数属性和数学函数方法。Math 不是一个函数对象。与其他全局对象不同的是,Math 不是一个构造器。Math 的所有属性与方法都是静态的。引用圆周率的写法是 Math.PI,调用正余弦函数的写法是 Math.sin(x),x 是要传入的参数。Math 的常量是使用 JavaS原创 2022-01-03 10:15:26 · 840 阅读 · 0 评论 -
前端开发_JavaScript_常用对象之Date对象实践日历
Date对象实践万年历1.引入我们上一节课我们讲解了有关日期的Date()对象,现在我们写一个该对象的使用:日历。2.实现思路 3.代码实现原创 2022-01-03 08:42:08 · 484 阅读 · 0 评论 -
前端开发_JavaScript_常用对象之Date对象
Date对象1.概述上节课我们讲解了String对象,接下来我们学习一个新的对象Date()对象,Date()对象可以获取计算机中的日期和时间。是JavaScript内置给一个专门用于操作是时间的对象。2.Date对象的创建我们可以使用以下的几种方法创建Date()对象。基本语法:1.new Date();2.new Date(value);3.new Date(dateString);4.new Date(year, monthIndex [, day [, hours [原创 2021-12-30 16:03:47 · 751 阅读 · 0 评论 -
前端开发_JavaScript_常用对象之String对象
String对象1.概述String对象就是我们现实中说的字符串对象,字符串对象是我们开发中使用比较多且比较频繁的一个对象。String是动态对象,需要创建对象的实例之后才能够使用它的属性或方法。String 全局对象是一个用于字符串或一个字符序列的构造函数。2.String对象常用属性(1).length属性length 属性表示一个字符串的长度。(2).length属性的基本使用<script type="text/javascript"> var原创 2021-12-30 13:35:38 · 566 阅读 · 0 评论 -
前端开发_JavaScript_常用对象之Object对象
常用对象之Object对象1.引入上两次课程,我们学习了对象的基本操作和使用,下面我们就一起来学习一下一些常用的对象。这一些对象是JavaScript提供的非常有用的内部对象,为编程人员提供了强大的脚本程序,给开发人员提供了很大的便利。我们在学习之前先讨论一下如何快速的学习这一些常用的对象呢?我们可以这样学习:(1).知道这一个对象是用来干嘛的。也就是这一个对象的功能。(2).知道如何创建这一个对象,创建对象就是为了使用这一个对象,一般情况创建就是通过new 对应的构造函数。这样就可以创原创 2021-12-30 12:38:54 · 1029 阅读 · 0 评论 -
前端开发_JavaScript_对象构造与访问
对象构造与访问1.引入上一次课,我们给大家讲解了对象的定义和基本的显示输出,为了更好的学习后续的JavaScript提供的一些对象,我们现在开始学习对象的构造和访问。2.对象构造器 (1).构造,构造一般是用于初始化变量的时候使用,比如java中的构造方法,用于初始化类的时候使用。那么JavaScript中的构造器也是一样的,用于初始化对象的时候使用。 (2).对象构造器代码实现<div class="box" id="box"></div> &..原创 2021-12-29 11:34:28 · 455 阅读 · 0 评论 -
前端开发_JavaScript_对象基础
对象1.引入 我们之前学习了函数和事件,那么现在我们开始学习JavaScript中另一个重要的知识点:对象。2.对象概述 在JavaScript中,对象是一个重要的概念,在 JavaScript 中,几乎“所有事物”都是对象。所有 JavaScript 值,除了原始值,都是对象。(这里指的原始值是指JavaScript中的5种数据类型:string、number、boolean、null、undefined)。 在程序中的对象我们可以这样理解(类似于java种的面向对象),任...原创 2021-12-29 09:08:17 · 197 阅读 · 0 评论 -
前端开发_JavaScript_事件
事件1.引入 我们在网站中经常可以看见这样的操作,当我们点击某一个按钮或者是在浏览器上进行相关的操作的时候,页面会随着我们的操作做出相关的响应,那么这一些通过鼠标或按键在浏览器窗口或者网页上执行的操作就就是事件。如果将一段程序代码与某一个事件进行绑定,那么只要触发此事件,浏览器就会自动执行与之绑定的程序代码,这一个过程我们称之为事件驱动。其中对事件进行处理的程序代码或者是函数称为事件处理程序。2.事件 HTML 事件是发生在 HTML 元素上的“事情”。当在 HTML 页面中使用 J...原创 2021-12-27 23:29:06 · 384 阅读 · 0 评论 -
前端开发_JavaScript_函数_系统函数
系统函数1.引入 我们知道函数是可以实现特定功能的代码块,JavaScript为了简化开发,特意定义了部分的常用函数供开发人员使用,这一些函数就是JavaScript的系统函数。(说白了就是别人写好的函数,供我们去使用就可以了)。2.系统函数分类 常用的系统函数有:parseXxx()函数、isNaN()函数、eval()函数、Number()函数、String()函数等。下面我们将逐一介绍这几个函数的使用。3.parseXxx()函数 (1).概述 parse...原创 2021-12-27 14:12:37 · 431 阅读 · 0 评论 -
前端开发_JavaScript_函数
函数1.引入 我们写程序的是为了解决现实生活中的一系列问题,那么我们在解决现实生活中的问题的时候经常需要用到重复的动作,如果说把这一些也变成代码,那么我们的代码的量就会变得很大,比如说重复执行某一个动作的时候。那么这样无论是对于开发者来说还是系统的运行资源的占用都是不利的,那么为了解决类似的事情,JavaScript中引入了函数的概念,函数实际上就是把相同动作或者是重复的功能代码放到一个代码块中,然后当我们需要使用这一个功能或者是操作的时候直接取调用就可以了,那么把这样的代码块叫做函数。那么我们..原创 2021-12-26 23:18:57 · 473 阅读 · 0 评论 -
前端开发_JavaScript_流程控制语句_break和continue
break和continue1.引入 我们在之前的学习中学习了选择结构和循环语句,我们在实际的开发中需要两者的相互结合,但是有时候我们需要在特定的时候结束循环操作,这一个时候我们就需要使用break和continue这两个来实现了,下面我们一起学习如何使用这俩个。2.break关键字 (1).使用概述 break关键字可以实现"跳出"循环,即当程序执行到break关键字之后循环就会结束,代码不在向下执行。(2).break代码示例以及效果截图<script t...原创 2021-12-26 18:27:32 · 860 阅读 · 0 评论 -
前端开发_JavaScript_流程控制语句_循环结构
流程控制语句_循环结构1.引入 通过上次课程的学习,我么可以使用条件结构实现代码的选择执行,那么当我们在实现需求的时候,如果需要执行多次,那应该怎么办呢?这一个时候,我们可以使用循环结构来实现我们的代码功能。2.循环结构 假如您需要运行代码多次,且每次使用不同的值,那么循环(loop)相当方便使用。JavaScript中的循环主要有三个:for循环、while循环、do-while循环。那么下面我们逐一讲解每一个循环的操作。3.for循环 (1).for循环使用场景...原创 2021-12-25 23:13:04 · 313 阅读 · 0 评论 -
前端开发_JavaScript_流程控制语句_选择语句:if/switch
流程控制语句1.引入 我们之前学习了运算符,可以进行一些数据的计算,但是在实际的开发中,有时候我们需要选择性的执行一些代码,或者是多次执行一些代码,为了解决类似的问题,我们一起来学习流程控制语句。2.流程控制语句概述以及分类 流程控制语句是用来解决代码执行流程的技术,流程控制语句可以分为三类结构:顺序结构、选择结构、循环结构。下面我们逐一的讲解三个内容.3.顺序结构 顺序结构是代码的默认结构,也就是从上到下的执行我们写的代码,哪一行代码先写就先执行哪一行代码。4.选择...原创 2021-12-24 21:49:08 · 477 阅读 · 0 评论 -
前端开发_JavaScript_运算符
运算符1.引入 上一次课我们学习了JavaScript中的变量的定义以及如何调试,我们定义变量的目的是使用变量中存储的数据进行相关的运算,那么接下来我们一起学习一下如何使用运算符。2.运算符 所谓的运算符就是用来进行数据运算的一些符号,其实我们在中小学数学就以及接触过一些常用的运算符,如:+、-、*、/等这一些就是基本的运算符。JavaScript中可以把运算符分为两类:算数运算符和赋值运算符。3.算数运算符 常用的算数运算符和其意义如下:运算符 表示是意义 ...原创 2021-12-24 10:53:24 · 583 阅读 · 0 评论 -
前端开发_JavaScript_数据类型、变量和调试工具
数据类型、变量和调试工具1.引入 我们在上一节课中对JavaScript进行了一个简介,下面我们正式的进入JavaScript代码的学习。2.JavaScript之HelloWolrd 我们在写第一个JavaScript程序的时候需要明确两个内容:①.我们应该在页面的哪一个位置写入我们的JavaScript代码(直接写在页面上是不行的,因为浏览器只能接下标签和样式)。②:如何把字符串"HelloWorld"写到当前的页面上去。 问题1解决方法: HTML 中的脚本必须...原创 2021-12-23 21:35:40 · 413 阅读 · 0 评论