- 博客(38)
- 收藏
- 关注
RSS订阅原创 ES6 promise
用法为 传入一个函数 如果函数存在就运行该函数 否则报错新建一个promise后会立即执行在当前脚本任务结束后才会执行then()可以传递参数 但只能传递一个 第二个取不到未添加错误捕获 所以该行跳过若catch上方有对错误进行捕获 catch不生效否则使用catch捕获错误不论成功或者失败 finally中的错误一定被执行promise.all...
2019-12-26 19:52:14
124
原创 ES6 数组扩展
数组使用扩展运算符展开简介的输入参数集合变回数组Array.from（）将类数组转为数组长度等于 length属性的值回调，将item * 2 返回Array.of()将值合并为一个数组Array.fill()声明一个数组 并填充0第二个第三个为可选参数0： 从索引0开始填充3：填充个数为3个Array.includes()与字符串的类似...
2019-12-23 22:12:53
220
原创 ES6 对象扩展
对象的默认值不符合命名规范的不能用 . 访问 使用 [] 访问相当于 age： 14与扩展运算符合用输出 1 999 999扩展运算符复制对象是浅拷贝的合并对象 也是浅拷贝合并对象时属性值相同 保留后者+0 === -0 true使用is时不相等NaN使用is时 相等对象的合并方法 assign 也是浅拷贝keys 属性名组成的数...
2019-12-23 21:06:02
161
原创 ES6 函数扩展
参数设置默认值参数设置默认值时还可以调用前面的参数如上图会报错如上图会报错reduce方法箭头函数加了void后 3就不会被返回 pop本身是有返回值的箭头函数中没有 arguments对象 使用 (…args) 代替箭头函数没有自己的this不使用箭头函数前需要创建一个变量保存this使用箭头函数则可直接调用他的this就是函数定义时所处环...
2019-12-23 20:55:44
101
原创 ES6 正则与数值扩展
正则r1全能匹配 而r2的话只能匹配前两个 第二个imooc与第三个之间多了一个 -数值是否有限2的53次方 -1 -2的53次方 -1是否是安全数幂运算2的2次方右结合 从右边开始计算 有需求的话需要括号...
2019-12-23 20:40:14
159
原创 ES6 字符串扩展
模板字符串使用 ${} 输入变量可以再使用方法数组的forEach方法padStart方法与padEnd方法将str补满5位 使用mooc补满加在i前面 输出 mooci若 补满6位 则输出 moocmi 补满就结束repeat方法输出 iiiiiiiiiiendWith 与 startWith检测 str是否以b开头 是则返回...
2019-12-23 20:33:36
134
原创 ES6 解构赋值
解构赋值是一个js表达式，这使得可以将值或者属性从数组或者对象中提取到变量中。数组的解构赋值在数组中与索引对应输出c ： [3, 4]接收值为undefined时使用默认值，否则使用接收值 (接收是null就是null)数值的互换对象的解构赋值在对象中与对象的属性名对应简单的使用当属性名重复时，可以 冒号加自定义名称字符串的解构赋值...
2019-12-23 03:55:43
126
原创 es6 let const
let与var的主要区别1.let声明的变量只在当前块级作用域中有效2.let声明的变量不能重复声明3.let不存在变量提升对象中的括号不属于块级作用域const与let类似常量声明时必须赋值常量在声明引用类型时 不能保证不可变只保证指向的地址不变...
2019-12-23 03:41:20
74
原创 js正则表达式
正则表达式都是操作字符串的，由特殊字符与普通字符组成。var pattern = /js/;var str = "I love js"var pattern = new RegExp('js', 'i');console.log(pattern.test(str));console.log(pattern.exec(str));用变量创建模式exec方法有input 就是...
2019-12-20 23:38:11
412
原创 js对象、原型、继承
prototype每个函数都有一个prototype属性，而他的属性值是一个对象，默认只有一个叫做constructor的属性，指向这个函数本身。原型既然作为对象（属性的集合），除了constructor外，还可以自定义许多属性。当然了，我们也可以在自己定义的方法的prototype中增加我们自己的属性，比如像下面这样的：function Fn() { } Fn.prototype...
2019-12-19 12:23:38
104
原创 js函数基础
选取属性 cat.name 或者 cat[‘name’] 都可以使用对外可以 add(); fn只能在函数内使用匿名函数自执行对象中属性名如果是合法标识符 则不需要加引号 否则需要Document.write无法输出对象call()与apply()用法一致第一个参数均为传递的this指向call方法参数一个一个传 用逗号隔开apply传入一个参数数组argum...
2019-12-18 12:54:30
91
原创 js作用域与变量，预解析
变量与作用域基本类型的值不可以修改 引用类型可以基本类型的值不可以设置属性与方法 引用类型可以基本类型保存在栈内存中 引用类型在堆内存中 引用类型的地址保存在栈内存中引用类型作比较时 只有他们的引用地址相同 他们才相等基本类型的值 在复制的值被修改后 被复制的值不会改变引用类型则会改变 因为指向同一地址浅拷贝： 引用类型栈内存中使用同一地址函数调用传参时 引用类型与基本...
2019-12-17 22:19:54
67
原创 js简单的鼠标事件与键盘事件
html事件中 在行内写调用方法时传入this，这个this指的就是当前的dom对象。0级事件中 绑定事件时不需要括号例如 btn.onclick = functionOne;window.onload 指的是页面加载完后才会触发这个事件onblur事件中使用 this.value 取出输入框中的值一个id为menu的下拉菜单可以这样获取值var value = menu.o...
2019-12-16 18:44:22
167
原创 js math对象
Math.min()求一组数中的最小值返回 numberMath.max()求最大值返回 numberMath.ceil()向上取整Math.floor()向下取整Math.abs()取绝对值Math.round()四舍五入Math.random()生成一个 [ 0 , 1)之间的数求 n 到 m随机整数的公式random = Math.floor(Math.r...
2019-12-16 12:15:49
70
原创 js string基本方法总结
str.charAt(index)返回 该字符串index索引的字符 没有则返回 空字符串str.charCodeAt(index)返回 字符编码str.indexOf(value)返回value字符串的位置 没有则返回 -1str.lastIndexOf(value)与上述相似str.slice(start, end)与数组的slice相似 截取start至 end-1 ...
2019-12-16 11:35:28
219
原创 js数组及其基础方法总结
数组声明数组var colors = new Array();var colors = new Array(3);var colors = new Array(1,3,4);var colors = [1, 3, 4, 5];arr.length 是数组的长度pusharr.push(1, 2, 3);将 1，2，3添加到数组的尾部返回 数组的新长度unshiftarr...
2019-12-16 00:45:47
94
原创 js部分超基础知识点总结
超基础知识点总结写给自己看的 有些点没有写js有5种基本数据类型： undefined null number string booleantypeof方法 使用方法 typeof xxx 或者 typeof()返回值的类型是string类型 可能的值为 string number boolean object undefined functionundefined == nu...
2019-12-15 22:04:20
81
原创 Vue.js路由基础总结
路由是一直在用的东西但没有系统的看过官方的文档，有时候想看文档，官方的路由模块又一直卡。今天总算不卡了，一口气看完顺便写个总结。以后忘了就不用再去官网看了，直接看自己总结的。是写给自己看的所以有些点我觉得自己不会忘就没写路径传参的一种方式一个“路径参数”使用冒号 : 标记。当匹配到一个路由时，参数值会被设置到 this.$route.params，可以在每个组件内使用。于是，我们可以更新 ...
2019-12-13 21:45:29
154
原创 css样式穿透
在使用一些组件的时候无法设置组件的某些样式，很是困扰。 经过了解后可以使用“穿透”不需要去除 scoped 不会造成样式污染。外层容器 >>> 组件 {}or外层容器 /deep/ 组件 {}外层容器 ::v-deep 组件 {}**听说 >>> 可能会存在问题 所以最好使用后两种。**...
2019-12-10 22:26:58
2053
转载 初识qs.stringify()与JSON.stringify()
都是序列化数据var a = {name:’hehe’,age:10};经过JSON.stringify后，对象以字符串形式来保存"{"a":"hehe","age":10}"经过qs.stringify后name=hehe&age=10可以根据需求来进行选择...
2019-12-10 22:13:48
199
转载 Axios 各种请求方式传递参数格式
Axios 各种请求方式传递参数getAxios.get('demo/url', { params: { id: 123, name: 'Henry', sex: 1, phone: 13333333 }})deleteAxios.delete('demo/url', { data: { ...
2019-12-10 22:00:28
666
原创 localStorage的简单使用
保存数据语法：localStorage.setItem("key", "value");读取数据语法：var lastname = localStorage.getItem("key");删除数据语法：localStorage.removeItem("key");实际使用JSON.parse()【从一个字符串中解析出json对象】例子：//定义一个字符串var da...
2019-11-16 13:59:23
146
原创 首写Layui数据表格总结
第一次写的layui表格，总结一下。Layui数据表格官方文档地址首先是效果图点击头部工具栏可以添加和批量选取删除添加批量选取删除行内的工具栏可以点击查看文档 编辑 删除查看文档：点击以后跳转到另外一个地址，本地没有资源所以显示不出来编辑功能下面是部分代码,接口就是很简单的接口就不上了因为第一次写所以方法什么的都根据文档走，以后写多了可以自己封装一些方法提高效率。...
2019-11-16 13:05:16
482
原创 Thymeleaf下使用Layui表格失败的问题
在制作表格的时候连表格都显示不出来，属实让人沮丧，后来百度了一下发现有前辈遇到过这样的问题，小记一下。首先上初代代码然后运行以后他的效果是500只是修改了 [[]]的格式修改后的代码效果th:inline=“none” 在script标签中输入这个据说也是可行的因为[[…]]之间的表达式在thymeleaf被认为是内联表达式,所以渲染错误...
2019-11-13 15:27:03
639
原创 flex布局基础入门总结(项目属性)
flex布局项目属性1.orderorder 属性定义项目的排列顺序数值越小，排列越靠前，默认为0.div { order: <integer>; }2. flex-growflex-grow 属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大如果所有项目的 flex-grow 属性都为1，则它们将等分剩余空间（如果有的话）如果一个项目的 flex-...
2019-11-10 14:39:39
241
原创 flex布局基础入门总结(容器属性）
flex布局容器属性1.flex.div { display: flex | inline-flex;}flex:将对象作为弹性伸缩盒显示，inline-flex：将对象作为内联块级弹性伸缩盒显示(宽度撑开)。2.flex-direction 属性决定主轴的方向（即项目的排列方向).div { flex-direction : flex-direction: row | r...
2019-11-08 14:44:58
186
转载 清除浮动的方法
一、浮动产生原因简单地说，浮动是因为使用了float:left或float:right或两者都有而产生的浮动，导致样式缺失或者不正确显示等问题；二、浮动产生负作用1、背景不能显示由于浮动产生，如果对父级设置了（CSS background背景）CSS背景颜色或CSS背景图片，而父级不能被撑开，所以导致CSS背景不能显示。2、边框不能撑开如果父级设置了CSS边框属性（css b...
2019-11-07 12:58:30
289
原创 css单行文本溢出变成省略号
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
2019-11-07 11:52:42
98
原创 html锚链接
<a href="#name1">目录1</a><a href="#name2">目录2</a><a href="..." name="name1">内容1</a><a href="..." name="name2">内容2</a>
2019-11-07 11:21:22
142
转载 大小写敏感问题
html: 大小写不敏感css: 大小写不敏感javascript: 大小写敏感但是 但是 但是 这三者是相互联系的, 所以合在一起使用的时候就产生了变化 ---- TagName, ClassName, Id这三样东西是他们相互联系的纽带.当我们通过js操作dom的时候document.getElementById 这里的ID对大小写敏感document.getElementByC...
2019-11-07 10:59:37
305
原创 行内元素与块级元素的区别
行内元素不会独占一行，他们会排在一行直到排不下才换行，宽度随元素变化而变化；而块级元素独占一行，宽度自动填充父容器宽度。行内元素不可以设置width，height。块级元素可以。行内元素水平方向的margin，padding有效，竖直方向上的无效；块级元素都有效。...
2019-11-07 10:53:40
96
原创 个人总结的CSS常用/有用选择器
.class选中所有类名为class的元素#idName选中所有id为idName的元素* 通配符选择所有元素element选择所有element元素 例如： pelement1, element2选择所有element1元素与element2元素element1 > element2选择所有父级元素为element1的element2元素element1 + ...
2019-11-06 16:55:43
96
转载 childNodes简单解析
定义和用法childNodes 属性返回节点的子节点集合，以 NodeList 对象。提示：您可以使用 length 属性来确定子节点的数量，然后您就能够遍历所有的子节点并提取您需要的信息。浏览器支持所有主流浏览器都支持 childNodes 属性。语法element.childNodes技术细节返回值： NodeList 对象，表示节点集合。DOM 版本 Core Level ...
2019-11-06 15:08:38
6856
1
原创 fetch的简单用法
fetch(url).then(function(response) { return response.json();}).then(function(data) { console.log(data);}).catch(function(e) { console.log("Oops, error");});
2019-11-06 10:46:57
237
转载 document.createDocumentFragment()简单用法
学习于菜鸟教程//创建一个节点<!DOCTYPE html><html><head><meta charset="utf-8"></head><body><ul><li>Coffee</li><li>Tea</li></ul><p...
2019-11-05 16:34:32
1125
原创 关于父子元素margin-top合并的问题
有时候给子元素加了margin-top之后父元素也会有一个margin-top解决方法：1.给父元素加一个boder-top2.给父元素增加display：flex3.给父元素加padding-top自己摸索出来的方法...
2019-10-28 19:51:26
475
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人