![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 80
小狐狸ya
前端小白学习中~
展开
-
10/15 面试题
3.3、上下相连的两个盒子之间的空白,希望等于两者之和时。如15px+20px的padding,将得到35px的空白。块作用域由 { } 包括,if语句和for语句里面的{ }也属于块作用域。2.3、上下相连的两个盒子之间的空白,需要相互抵消时。如15px+20px的margin,将得到20px的空白。即它们所声明的变量一定要在声明后使用,否则报ReferenceError错。let和var声明的是变量,声明之后可以更改,声明时可以不赋值。var是ES5提出的,let和const是ES6提出的。原创 2022-10-16 20:38:11 · 265 阅读 · 0 评论 -
常见编程题
【代码】常见编程题。原创 2022-10-15 11:23:52 · 398 阅读 · 0 评论 -
常见事件大全(附键码)
常见的事件大全 是否加on原创 2022-10-15 11:02:08 · 218 阅读 · 0 评论 -
字符串 和 数组 内置方法大全
最全的字符串和数组的内置方法原创 2022-07-12 20:15:20 · 96 阅读 · 0 评论 -
JavaScript学习笔记(二十七)——es6模块化
ES6 引入了模块化,其设计思想是在编译时就能确定模块的依赖关系,以及输入和输出的变量。ES6 的模块化分为导出(export) 与**导入(import)**两个模块。导出里面必须有且只有一个export default 语句。可以导出任何数据:例如导入import:import 必须与from关联使用,指明模块的存放目录;单例模式:多次重复执行同一句 import 语句,那么只会执行一次;也就是说:每一个模块只加载一次(是单例的), 若再去加载同目录下同文件,直接从内存中读取;两种导入方式原创 2022-07-12 20:13:42 · 216 阅读 · 0 评论 -
JavaScript学习笔记(二十六)——箭头函数
思考:什么是优雅降级 渐进增强?先看个例子:结果:结果不会有任何的改变。结果:对象中使用箭头函数,this表示全局Window对象箭头函数体中的 this 对象,是定义函数时的对象,而不是使用函数时的对象。注意:箭头函数不可以作为构造函数,也就是不能使用 new 命令,否则会报错,这是就有了新技术:class箭头函数在参数中使用箭头函数可以与解构一起使用解决箭头函数中没有arguments 绑定的问题?ES6 之前,JavaScript 的 this 对象一直很令人头大,回调函数,经原创 2022-06-27 19:08:11 · 386 阅读 · 0 评论 -
JavaScript学习笔记(二十五)——时间的内置功能
毫秒数:1000毫秒==1秒,世界同一时间setUTCMilliseconds,生活中时间是UTC时间。人类统一设备时间:1920-01-01 00:00:00 。- 创建时间的动态方法:观察结果:时间传入的数据超过了正常的30天,会自动进位到下一月。......原创 2022-06-27 18:24:03 · 70 阅读 · 0 评论 -
JavaScript学习笔记(二十四)——数组的内置功能
2、数组常用方法方法功能描述concat()连接两个或更多的数组,并返回结果。join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。不传参默认’,’pop()删除并返回数组的最后一个元素push()向数组的末尾添加一个或更多元素,并返回新的长度。reverse()颠倒数组中元素的顺序。shift()删除并返回数组的第一个元素slice()从某个已有的数组返回选定的元素sort()对数组的元素进行排序sp原创 2022-06-27 15:34:29 · 63 阅读 · 0 评论 -
JavaScript学习笔记(二十三)——es6数值
八进制表示法新写法: 前缀 0o 或 0O 。(2)方法Number.isFinite():用于检查一个数值是否为有限的( finite ),即不是 InfinityNaN 不是有限的Number.isFinate 没有隐式的 Number() 类型转换,所有非数值都返回 false**Number.isNaN()**用于检查一个值是否为 NaN 。在全局的 isNaN() 中,以上皆返回 true,因为在判断前会将非数值向数值转换而 Number.isNaN() 不存原创 2022-06-24 18:13:22 · 228 阅读 · 0 评论 -
JavaScript学习笔记(二十一)——字符串内置功能
其中加特效的不常用,用的时候一般是在object上添加mytool函数,然后进行拼接。下面的必须掌握:toUpperCase()将字符串转换为大写。首字母大写需要自己设计,官方没有提供。split()把字符串分割为字符串数组。slice()提取字符串的片断,并在新的字符串中返回被提取的部分。和subsring()一起记忆。substring()和substr( )注意都是小写!!!区别:indexof( ) 检测指定元素下标。笔试题:找出“的”出现的次数:toString(原创 2022-06-24 17:43:39 · 132 阅读 · 0 评论 -
JavaScript学习笔记(二十)——Map 和 Set
先回忆一下es5中的内置对象:Date Math Array RegExp Object ……es6中新增了两个内置对象:map 和 setMap 对象保存键值对【key,value】。任何值(对象或者原始值) 都可以作为一个键或一个值。Map的克隆Map的合并3、set存数据这里的key可以为很多数据类型,比如:数值型,字符串型,函数型,数组型,null ,对象……结果:根据map中创建的键值对的key值获取value值注意:引用数据作为map的key时,取值也必须是原创 2022-06-19 17:42:24 · 149 阅读 · 0 评论 -
JavaScript学习笔记(十八)——解构赋值
解构赋值是对赋值运算符的扩展。是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。在代码书写上简洁且易读,语义更加清晰明了;也方便了复杂对象中数据字段获取。先来看段代码:现在我们就大概理解了什么是解构赋值了,简单理解就是,把对象里面的值拿出来,再赋值给我们自己创建的结构中,一一对应。对应的我们可以设计出:最后看一个就差不多了:2、解构模型在解构中,有下面两部分参与:将解构中的源赋值给目标。可嵌套可忽略不完全解构剩余运算符字符串在数组的解构中,解构的转载 2022-06-18 17:56:50 · 140 阅读 · 0 评论 -
JavaScript学习笔记(十七)——let与const
ES6新增加了两个重要的 JavaScript 关键字: let 和 const。特点如下:下面将它与es5中var进行对比来记忆它的特点。代码块内有效:es5中代码块没有作用域结果:报错:根据上面两条特点我们可以知道:for循环计数器很适合用let变量 i 是用 var 声明的,在全局范围内有效,所以全局中只有一个变量 i, 每次循环时,setTimeout 定时器里面的 i 指的是全局变量 i ,而循环里的十个 setTimeout 是在循环结束后才执行,所以此时的 i 都是 10。变量 j原创 2022-06-18 17:29:33 · 224 阅读 · 0 评论 -
JavaScript学习笔记(十六)——ES6简介
ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版。ES6 主要是为了解决 ES5 的先天不足,比如 JavaScript 里并没有类的概念,但是目前浏览器的 JavaScript 是 ES5 版本,大多数高版本的浏览器也支持 ES6,不过只实现了 ES6 的部分特性和功能。目前各大浏览器基本上都支持 ES6 的新特性,其中 Chrome 和 Firefox 浏览器对 ES6 新特性最友好,IE7~11 基本不支持 ES6。浏览器内核(重要)1、原创 2022-06-18 17:26:15 · 4286 阅读 · 0 评论 -
CSS3 弹性盒子(Flex Box)
弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒子( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Fle原创 2022-06-18 11:52:00 · 461 阅读 · 0 评论 -
JavaScript学习笔记(十五)——JSON数据和解析
JSON是一个字符串,常常用于网络传输数据的一种字符串格式。 理解 JSON 最关键的一点是要把它当成一种数据格式,而不是编程语言。JSON不属于JavaScript,它们只是拥有相同的语法而已。JSON 也不是只能在 JavaScript 中使用,它是一种通用数据格式。很多语言都有解析和序列化JSON的内置能力。JSON语法支持表示3种类型的值:JSON可以是一个数值:例如:1,32,4……类似的,字符串也是有效的JSON:‘’Hello ,this is my girlfrie原创 2022-06-18 11:16:13 · 873 阅读 · 0 评论 -
JavaScript学习笔记(十四)——深拷贝
先来理解一下什么是深拷贝:就是复制出一个新的对象,不能修改它所拥有的全部数据,包括数据类型,但是绝对不能相等,也就是说==为false。第一种情况:如果内部没有引用数据,或者时间正则null等等数据时。如果我创建了一个对象obj1,这个时候我要拷贝一份obj1里面的内容以保证我修改obj2内容时,obj1对象不受影响,也就是说在内存中重新申请一个空间。第二种情况(笔试频率特别高和垂直水平居中差不多):例如:拷贝事件对象如果拷贝事件对象的话,用我们前面的方法来拷贝就会出现错误,拷贝过去的不是事件对象,而是原创 2022-06-18 11:13:49 · 76 阅读 · 0 评论 -
JavaScript学习笔记(十三)——劫持
劫持分为三类,重点学习js中的this关键字的引用劫持。apply() 方法案例:数组里面并没有max()方法,但是Math里面有max()方法,这里很好理解,因为数组里面可以存很多类型的值,比如字符串,并不是只有数值型无法比较。这个时候我们就可以直接劫持掉Math的max()方法,来对全是数值型的数组进行最大值的寻找。定义是函数可以在设计的时候就指定this —> 用bind()方法自己设计函数功能的时候大量应用bind方法绑定对象,以防其他人改掉你的this指向。根据(obj.sa原创 2022-06-18 11:11:42 · 171 阅读 · 0 评论 -
JavaScript学习笔记(十二)——object 的静态方法
什么是静态方法?静态方法就是直接使用类名调用的方法。例如:Date.now( );比如Object.getOwnPropertyNames(obj),obj是一个对象,且静态方法是无法被子类继承或者实例对象拥有的,object 的静态方法:获得obj的原型,也可以使用obj._ proto__属性获得obj的原型:可以将obj的可枚举和不可枚举的属性的名称组成一个数组返回,3、Object.keys(obj)将对象里面的成员遍历出来返回一个数组;和上面那个方法类似;结果:取出对象成员中的全部val原创 2022-06-18 11:08:05 · 184 阅读 · 0 评论 -
JavaScript学习笔记(十)——对象
JavaScript 对象是拥有属性和方法的数据。对象成员=属性+方法。对象字面量对象字面量可以用来创建单个对象,但如果要创建多个对象,会产生大量的重复代码。利用new Object创建对象利用等号赋值的方法添加对象的属性;每个属性和方法之间用“;”结束;利用构造函数创建对象前面两种创建对象的方式一次只能创建一个对象,所以就有了这种创建对象的方法;构造函数名字首字母大写;不需要return就可以返回结果。2、对象方法注意:1. valueOf()valueOf()方法返回当原创 2022-06-17 10:50:32 · 169 阅读 · 0 评论 -
JavaScript学习笔记(九)——语句
表达式-----最简单的语句,单语句:只有一条语句,每一个单语句结尾都要加分号;复合语句:多条单语句组成 ; 语句组成程序。空语句:啥都不写 ;js的执行引擎:如果执行体只有一条语句,可以省略执行体。if-else if -else 语句 不是js的标准语法,是程序员利用js引擎的纠错功能实现的。3、switch语句switch 语句用于基于不同的条件来执行不同的动作。使用 switch 语句来选择要执行的多个代码块之一。语法如下:工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结原创 2022-06-17 10:29:30 · 252 阅读 · 0 评论 -
JavaScript学习笔记(七)——闭包是什么?
以下是回答:官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。具有作用域的代码块就是闭包。不一定是函数。2.闭包技术的好处:常见几种场景:场景一:一个函数返回函数内部的工具函数,外部通过工具函数间接访问函数局部变量的过程 (利用了函数的作用域和运行时作用域)场景二:利用函数子调用,每次调用内部的局部变量或者形参都是独立的,来保存一些临时变量(利用了函数每次调用时生成的独立调用栈(每次调用时,重新在内存中生成一个对象))场景三:利用原创 2022-06-15 16:27:39 · 117 阅读 · 0 评论 -
JavaScript学习笔记(八)——作用域
作用域:标识符(变量和函数名)在哪些地方(函数的代码块内部和外部)能够被访问,哪些地方就是这个标识符的作用。规则:函数内部的代码可以访问函数内部的标识符,也可以访问函数外部的标识符,但是反过来不行,也就是说外部不能访问函数内部的标识符。2.同名标识符提升问题总结:每一个作用域在运行时,js引擎会先把作用域内部的关键字隐式提前扫描 并声明 。变量函数同名时 变量然后函数变量变量同名时函数和函数同名时同名标识符提升顺序问题:记住四个字法则:形(形参和变量)实函运标识符有三种写法原创 2022-06-15 16:25:03 · 83 阅读 · 0 评论 -
JavaScript学习笔记(六)——函数
总共有三种函数定义的方式:函数声明语句、函数表达式、内置构造函数。函数声明后不会立即执行,会在我们需要的时候调用到。小练习:定义一个求阶乘的函数。2.函数表达式以上函数实际上是一个 匿名函数 (函数没有名称),函数存储于变量中,故通常不加函数名。当写递归函数时,也可加上函数名。定义一个表达式函数:3.Function内置构造函数在以上实例中,我们了解到函数通过关键字 function 定义。函数同样可以通过内置的 JavaScript 函数构造器(Function())定义。这种方式不推荐,无法写原创 2022-06-15 16:03:30 · 306 阅读 · 0 评论 -
JavaScript学习笔记(五)——表达式
2 、数组初始化表达式可以简单理解为:数组直接量;数组初始化表达式:由中括号([])和其内用逗号(英文状态 ,)分隔开的列表构成;初始化的结果是创建一个新的数组;数组的元素是逗号分隔开的表达式的值;“数组初始化表达式”中的“元素”也可以是“数组初始化表达式”,即多维数组;常见数组初始化表达式举例:3、 对象初始化表达式可以简单理解为:对象直接量;对象初始化表达式:由花括号({})和其内用逗号(英文状态 ,)分隔开的列表构成;初始化的结果是创建一个新的对象; 对象的属性是逗号分隔开的表达式原创 2022-06-09 16:59:38 · 232 阅读 · 0 评论 -
JavaScript学习笔记(四)——五大基本数据类型
Undefined 类型只有一个值,即特殊的 undefined。在使用 var 声明变量但未对其没有赋值时,这个变量的值就是 undefined,例如:这个例子只声明了变量 message,但未对其进行赋值。比较这个变量与 undefined 字面量,结果表明它们是相等的。这个例子与下面的例子是等价的:上面这个例子使用 undefined 值显式初始化了变量 message。但我们没有必要这么做,因为未经初始化的值默认就会取得 undefined 值。不过,包含 undefined 值的变量与尚未定原创 2022-06-09 16:35:32 · 135 阅读 · 0 评论 -
JavaScript学习笔记(三)——数据类型及检测方式typeof()
计算机顾名思义就是可以做数学计算的机器,因此,计算机程序理所当然地可以处理各种数值。但是,计算机能处理的远不止数值,还可以处理文本、图形、音频、视频、网页等各种各样的数据,不同的数据,需要定义不同的数据类型。布尔型( Boolean)是 JavaScripl中较常用的数据类型之一,通常用于逻辑判断。它只有 true 和 false 两个值,表示事物的“真”和“假”需要注意的是,JavaScript 中严格遵循大小写,因此 true 和 false 值只有全部为小写时才表示布尔型。数值型(Number)是最原创 2022-06-05 15:00:13 · 337 阅读 · 0 评论 -
JavaScript学习笔记(二)—— 基础语法
ECMAScript 的语法大量借鉴了 C 及其他类 C 语言(如 Java 和 Perl)的语法。JavaScript区分大小写,包括关键字、变量、函数名、所有标识符;querySelector的S是大写,你写成小写就会报错;alert()全部是小写,你写一个大写字母就会提示你该函数不存在;myname、myName、mynamE、MyName他们真不是一个东西;JavaScript支持两种注释方式;单行注释多行注释虽然上面注释中的第二和第三行都以一个星号开头,但这不是必需的。之所以添加那两个星号原创 2022-06-05 14:04:17 · 144 阅读 · 0 评论 -
JavaScript学习笔记(一)——简介
JavaScript 诞生于 1995 年。它当时的目的是为了验证表单输入的验证。因为在 JavaScript问世之前,表单的验证都是通过服务器端验证的。而当时都是电话拨号上网的年代,服务器验证数据是一件非常痛苦的事情。 1995 年, 当时工作在 Netscape(网景)公司的布兰登(Brendan Eich)为解决类似于 “向服务器提交数据之前验证”的问题。在 Netscape Navigator 2.0 与 Sun 公司联手开发一个称之为LiveScript 的脚本语言。原创 2022-06-05 13:43:14 · 218 阅读 · 0 评论 -
js数据系统内置功能(上)
1、字符串的内置功能函数功能描述anchor()创建 HTML 锚。big()用大号字体显示字符串。blink()显示闪动字符串。bold()使用粗体显示字符串。charAt()返回在指定位置的字符。charCodeAt()返回在指定的位置的字符的 Unicode 编码。concat()连接字符串。fixed()以打字机文本显示字符串。fontcolor()使用指定的颜色来显示字符串。fontsize()使用指定原创 2022-05-23 15:04:15 · 112 阅读 · 0 评论 -
构造函数和原型
目录构造函数和原型一.构造函数和原型1、构造函数2.对象原型prototype3.原型对象 proto4. constructor构造函数5.三者的关系6.原型链7.扩展内置对象二、继承1.call( )2.借用父构造函数继承属性2.借用原型对象继承属性构造函数和原型一.构造函数和原型1、构造函数1.概述构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new一起使用,我们可以吧对象中一些公共的属原创 2022-05-12 17:25:49 · 372 阅读 · 0 评论