- 博客(37)
- 收藏
- 关注
RSS订阅原创 ES6-第十二天
关于SET和MAPES6新增的两个集合，SET和MAP；集合就是一个容器。在编程语言中像数组就是一个集合，数组里面可以放很多的数据，但数组里面的元素可以重复，也可以放对象，有长度、有方法。SET和MAP都是可以对数组进行去重的。SET就是一个类似于数组的数据结构 //内置构造函数的创建 let 变量名 = new Set（[数组数据，基本数据类型，...]） let a = n...
2020-04-28 21:16:55
127
原创 ES6-第十一天
SymbolSymbol.prototype.description //创建 Symbol 的时候，可以添加一个描述。 const sym = Symbol('hi'); //这里的描述就是字符串hi //读取这个描述需要将 Symbol 显式转为字符串 const sym = Symbol('hello'); sym.description // "hello"作为属性...
2020-04-27 13:08:47
122
原创 ES6第十天
对象的新增方法Object.is()，ES6 提出“Same-value equality”（同值相等）算法，用来解决这个问题。Object.is就是部署这个算法的新方法。它用来比较两个值是否严格相等，与严格比较运算符（===）的行为基本一致。 console.log(NaN === NaN) //false console.log(Object.is(NaN,NaN...
2020-04-24 13:28:53
119
原创 面试题-关于localStorage、sessionStorage和cookie之间的区别
localStorage、sessionStorage和cookie三者都是为了在客户端保存数据的且都是以字符串格式存储的。下面来说下三者的一个不同之处：cookie：数据存储，跨页面通讯；数据每次都会发送给服务端；前后端都可以操作；cookie的默认是会话级别的有效期，即页面打开到页面关闭；但可以手动设置过期时间；只要cookie里面有数据，请求的时候都会自动携带；存储大小：4K...
2020-04-23 19:57:23
522
原创 面试题-关于内置对象、本地对象、宿主对象之间的区别
内置对象和本地对象都是属于JavaScript自己的语言，我们来看下他们之间的区别：JavaScript自己的语言内置对象，就是不用创建，可以直接使用的对象，也就是我们常说的不用new的，可以直接使用的。如arguments、this、event等。本地对象，就是需要new出来的对象。如Object、Function、Array、String、Boolean、Number、Date、Re...
2020-04-23 19:12:26
365
原创 ES6-第九天
对象的拓展属性的简洁表示法，ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法 function a(x,y){ return { //当遇到键值一样的时候，可简写成x,y x:x, y:y } } con...
2020-04-23 17:25:55
84
原创 ES6-第八天
数组的扩展扩展运算符扩展运算符是…。将一个数组转为用逗号分隔的参数序列。扩展运算符（…）也会将空位转为undefined console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5该运算符主要用于函数调用，只有函数调用时，扩展运算符才可以放在圆括号中，否则会报错。 funct...
2020-04-22 13:25:15
89
原创 面试题-关于bind、call、apply之间的区别
关于bind、call、apply之间的区别我们知道bind、call、apply是ES5中改变this指向的，改变this执行这也是他们的共同点；以下面代码为实例来解释： function test(){ console.log("在测试") } function exam(){ // 通过call改变this...
2020-04-22 00:15:12
205
原创 ES6-第四天
字符串的新增方法String.fromCodePoint()ES5 提供String.fromCharCode()方法，用于从 Unicode 码点返回对应字符，但是这个方法不能识别码点大于0xFFFF的字符。ES6 提供了String.fromCodePoint()方法，可以识别大于0xFFFF的字符，弥补了String.fromCharCode()方法的不足。String.raw...
2020-04-21 16:49:15
114
原创 ES6-第七天
Math 对象的扩展Math.truncMath.trunc方法用于去除一个数的小数部分，返回整数部分 Math.trunc(5.1) // 5 Math.trunc(5.9) // 5 Math.trunc(-5.1) // -5 Math.trunc(-5.9) // -5 Math.trunc(-0.12) // -0Math.trunc内部使用Number方法将其先转...
2020-04-21 12:25:49
101
原创 ES6-第六天
函数的拓展函数参数的默认值，直接写在参数定义的后面 function fn(a,b,c=3){ console.log(c) //3 } fn() //使用解构赋值的方法传参 let arr = [1,2,3] function fn([a,b,c]=arr){ console.log(a) //1 conso...
2020-04-20 12:57:40
113
原创 ES6-第五天
正则的拓展RegExp 构造函数 //构造函数创建,参数是字符串，这时第二个参数表示正则表达式的修饰符 let str = new RegExp("[a-z]","i") let a = "aa" let b = 5 console.log(str.test(a)) //true console.log(str.tes...
2020-04-17 13:57:06
115
原创 ES6-第三天
字符串的拓展字符的 Unicode 表示法，ES6 加强了对 Unicode 的支持，允许采用\uxxxx形式表示一个字符，其中xxxx表示字符的 Unicode 码点。 console.log("\u4ed8") //付 console.log("\u{41}") //A let hello = 123; console.log(hell\u{6F}) //12...
2020-04-15 22:53:32
98
原创 ES6-第二天
变量的解构赋值解构赋值是快速从数组中获取成员，变量的解构赋值有数组的解构赋值、对象的解构赋值、字符串的解构赋值、布尔值的解构赋值、函数参数的解构赋值等等，下面一一来解释说明:数组的解构赋值：将数组的每个元素赋给变量（有顺序），也可以数组里面在嵌套数组 var [a,b,c] = [1,2,3] console.log(a) //1 console.log...
2020-04-14 13:53:11
96
原创 ES6-第一天
let与constlet是用来定义变量的，在同一个作用域里面，不能用let定义相同的变量名，块级作用域内部的函数声明语句，建议不要使用，优先使用函数表达式，let定义的变量不会进行变量提升，由let声明的变量是在块级作用域里面，只要在块级作用域里用let定义了变量，它所声明的块级作用域霸道，也就是我们常说的暂时性死区，下面我们通过代码来加深理解： //a) 这里用let定义的变量i没有进行...
2020-04-13 23:08:30
112
原创 数据库
数据库数据库是存储数据的大仓库，一个大仓库里有很多小仓库，表就是类似于Excel表格的形式，表里面分为字段和行，字段就是表头，行就是一个个数据。数据库分为关系型数据库和非关系型数据库。关系型数据库就是每个数据的字段数量是一样的，非常严格。例如，SQL Server、Oracle等。非关系型数据库每个数据的字段、数量不一样，而且数据类型不一样，非常自由。例如，MongoDB、Redis等。此处...
2020-04-13 17:04:17
281
原创 初识PHP
初识PHP作为前端开发工程师，不仅仅需要懂得前端的知识，对后端的知识也要略知一二。因为一方面，前端和后端是是需要进行沟通和交流，一个团队里面的成员之间都要相互配合，当我们在合作过程中交流时，懂得对方需要做的事情更容易为对方去考虑，另一方面，前端的工程师在懂得前端的基础上，不断学习后端知识，让自己更加全能，朝全栈工程师发展。步入正题，我们在有了JavaScript这门语言的基础上，再去接触和学习...
2020-04-12 15:28:49
121
原创 虚拟Dom和Diff算法
虚拟Dom和Diff算法首先，我们需要了解什么是虚拟Dom，又为什么需要虚拟Dom。虚拟Dom即Virtual Dom，他是用JS对象记录一个Dom节点的副本，当Dom发生更改时候，先用虚拟Dom进行Diff，算出最小差异，然后再修改真实Dom。我们之所以是使用Dom必定是因为他存在一定的优点，在我们用传统的方式操作Dom的时候，我们的浏览器会从构建DOM树开始从头到尾执行一遍过程，效率较低。...
2020-03-24 22:35:47
188
原创 浅析Vue双向数据绑定
浅析Vue双向数据绑定双向数据绑定似乎是面试中常出现的问题，那么我们来了解下什么是双向数据绑定，他的原理又是什么。首先，我们看下他的含义是怎么样定义的：数据的双向绑定，首先要对数据进行劫持监听，所以我们需要设置一个监听器Observer，用来监听所有属性。如果属性发生变化了，就需要告诉订阅者Watcher看是否需要更新。因为订阅者并非一个，所以需要有一个消息订阅器Dep来专门收集这些订阅者，然...
2020-03-18 21:19:26
155
1
原创 关于Express
关于ExpressExpress是基于Node.js平台，快速、开放、极简的web开发框架，这是一个方便开发者使用的框架，他是一个第三方模块，让开发者不用从基础做起，让他们的工作更加简单化，Express有三个显著的特点：二次封装、非侵入式、增强性。下面我们就来了解这个Express。在我们没有学习Express框架之前，我们Web服务器接口是使用以下代码实现的（在这里我们可以使用postma...
2020-03-15 16:10:24
119
原创 前后端分离
详解前后端分离关于前后端分离这个名词想必很多IT人员都听过，但是什么是前后端分离，又为什么要实现前后端分离呢？首先，我们对前端、后端和数据库进行一个大致的了解前端的主要内容包括HTML+CSS+JavaScript，前端也就是我们常说的浏览器端(Browser)，后端的语言非常多，如PHP，Java，C++等，后端也是我们常说的服务器端(Server),我们知道的B/S开发，其实说的也就是...
2020-02-24 15:39:15
483
原创 表格表单
表格表单1.表格（1）表格相关的css属性a.border-spacing:20px 单元格间距（给table添加此属性）b.border-callapse：separate（分离）/collapse （合并）合并相邻单元格的边框（该属性给table添加）c.empty-cells：show/hidden无内容时，是否显示该单元格的边框区域d.table-layout：auto/fi...
2020-02-08 23:42:40
100
原创 时间对象与定时器
时间对象与定时器1.时间对象var oDate=new Date()2.获取时间获取年：var Y=oDate.getFullYear()获取月：var M=oDate.getMonth()+1 获取月份要加1获取日：var D=oDate.getDate()获取星期：var week=oDate.getDay()获取小时：var h=oDate.getHours()获取分钟...
2020-02-06 12:41:10
118
原创 Math方法
Math方法1.Math.pow 幂var res=Math.pow（2,9） console.log(res)//5122.Math.max 最大数var res=Math.max(12,99,6,71)console.log(res) //993.Math.min 最小值var res=Math.min(12,10,5,32)console.log(res) //54...
2020-02-06 11:25:24
120
原创 字符串知识点
字符串知识点1.字符串：放到括号里面的都是字符串；js内不分单引号和双引号；2.创建字符串：(1)字面量创建 var str = 'abc' console.log(str)(2)构造函数创建 var str = new String('HELLO') console.log(str)字面量和构造函数创建都有length属性，字符串有下标3.字符串操作indexOf查找 ...
2020-02-05 19:21:27
122
原创 透明和宽高自适应
透明和宽高自适应1.透明属性 IE浏览器写法：filter：alpha（opacity=value）；取值范围0-100 兼容其他写法：opacity=value；取值范围0-12.视频文件的引入（1）swf文件引入<object width="value" height="value"> <param name="movie" value="flash路径及全称...
2020-02-05 18:50:03
158
原创 数组知识点2
数组算法：即算术的方法1.冒泡排序：先遍历数组，让挨着的两个进行比较，如果前一个比后面大，那么就把这两个数换个位置，数组遍历一遍之后，那么最后一个数字就是最大的那一个了。然后进行第二遍遍历，还是按照之前的规则，以此类推。外层循环*内存循环=循环次数<script> function BubbleSort(arr){ for(var i=0...
2020-02-03 01:56:53
79
原创 垂直对齐和定位、锚点
垂直对齐和定位、锚点1.垂直对齐 vertical-align：默认值baseline 居中middle 行高的顶端top 文字的顶线 text-top 行高的底部bottom 文字的底线 text-bottom 必须是行内块元素或设置了display：inline-block2.定位position（1）absolute ...
2020-02-02 01:30:16
328
原创 数组知识点1
关于数组1.数组是有序数据的集合复杂数据类型有object array function...2.空数组 var arr=[]3.非空数组 var arr=[1,2,3,true]4.创建数组的方式：（1）字面量创建方式：var arr=[1,2,3]（2）构造函数创建：var arr=new Array() ()里面一个值是长度，两个值是内容5.查看数组的长度用到lengt...
2020-02-02 01:05:05
76
原创 JavaScript函数
JavaScript函数1.函数定义：function fn(){}function函数 fn 函数名 （）执行，里面写参数 {}里面写代码块函数定义阶段：函数有两种参数形式：行参和实参当计算机见到函数，会去计算机申请一块内存空间，空间地址赋给函数名2.函数的写法：（1）声明式函数：function fn（）{执行的代码}（2）赋值式函数: var fn=function(...
2020-01-30 14:35:32
86
原创 JavaScript基础
JavaScript基础1.if语句语法：if（条件）{要执行的代码} 条件成立执行{}里面的代码，条件不成立不执行里面的代码2.if else语句语法：if（条件）{条件成立时执行的代码} else{条件不成立时执行的代码}3.if else if...语句语法：if（条件1）{条件1成立执行的代码} else if（条件2）{条件2成立执行的代码}4.if else ...
2020-01-30 13:20:40
122
原创 JavaScript基础
JavaScript基础HTML是标记语言JavaScript是编程语言发展历史：liveScript=>JavaScript=>ECMAScript作者，布兰登 艾克JavaScript的组成（1）ECMA是一种规范（2）BOM浏览器对象模型（3）DOM文档对象模型JS就是通过固定的语法去操作浏览器和标签结构来实现网页上的各种效果 JS代码的书写位置：行内、内联、...
2020-01-29 19:25:59
111
原创 单行文本溢出显示省略号和元素类型
单行文本溢出显示省略号和元素类型1.单行文本溢出省略号（1）width 宽度（2）white-space：nowrap 强制文本单行显示（3）overflow：hidden 溢出内容为隐藏（4）text-overflow：ellipsis/clipwhite-space:pre（可以显示空格和回车）/pre-wrap（文本可以自己换行显示）/pre-line（不识别空格）/norma...
2020-01-29 13:30:15
185
原创 Css的盒子模型
Css的盒子模型1.盒模型的组成部分盒模型规定了网页元素如何显示以及元素之间相互关系，包含边框、边界、补白、内容区2.border属性border-width边框宽度border-color边框颜色border-style边框样式solid/dashed/dottedd/double简写border：1px solid redborder-top/bottom/left/right...
2020-01-29 13:06:06
113
原创 Css的核心属性
Css的核心属性1.浮动属性：floatfloat：left;左浮动float：right;右浮动float：none；元素不浮动浮动的作用：（1）定义网页中其他文本该如何围绕该元素显示（2）让竖着的元素横着来脱离文档流：当一个元素不再在文档流中占据空间，而是漂浮在文档流上方的时候浮动会脱离网页文档，与其他不浮动的元素发生重叠但是不会与文字发生重叠，文字会围绕浮动元素显示2....
2020-01-29 11:52:11
130
原创 css基础
Css基础Css 即 Cascading style sheets 层叠样式表：如何修饰网页信息的显示样式Css的语法：选择器（选择符）{属性：属性值；}选择器（选择符）：要定义样式的对象属性：属性值；：声明Css的引入样式：1.内部样式：在head写一个标签style（适合案例比较小的页面） 结构创建对象，在head里面书写标签style style属性最好写在head里面...
2020-01-26 22:05:25
195
原创 新手入行，前端路漫漫，一起加油
HTML基础一、WEB网页的组成1.结构HTML2.表现CSS3.行为JavaScript二、HTML相关的1.XHTML指可扩展超文本标记语言2.HTML是超文本标记语言3.HTML5是HTML的第五个版本4.既包含了HTML+CSS的网页制作，也包含了JavaScript这门编程语言的相关开发5.文件命名规范（1）文件命名规则：用英文，不用中文（2）名称全部小写英文字母...
2020-01-22 11:13:26
258
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人