04 2019 档案
es6中export与export default的区别
摘要:export与export default 均可以用于导出常量 函数 文件 模块等, export 一个文件中可以有多个export,import时需要用大括号引入 export default一个文件只能有一个,引入时不需要花括号 demo 阅读全文
posted @ 2019-04-04 17:19 半夏微澜ぺ 阅读(262) 评论(0) 推荐(0) 编辑
es6 箭头函数
摘要:箭头函数中的this指向的是定义时的this demo: 箭头函数不能作为构造函数,不能使用new命令,否则会抛出一个错误 不能使用arguments对象 不能使用yield命令 超时调用的代码都是在全局作用域中执行的,因此不管函数在哪儿,其中的this在非严格模式下指向window对象,在严格模式 阅读全文
posted @ 2019-04-04 11:34 半夏微澜ぺ 阅读(192) 评论(0) 推荐(0) 编辑
在浏览器中输入url并回车后发生了什么?
摘要:1 解析url url主要由以下几个部分组成: 1 传输协议 2 服务器 3 域名 4 端口 5 虚拟目录 6 文件名 7 锚 8 参数 2 DNS(域名)解析 找到域名对应的ip 3 浏览器与网站建立TCP连接(三次握手) 1 客户端向服务器发送请求,等待服务器确认 2 服务器收到请求并确认,会服 阅读全文
posted @ 2019-04-04 10:57 半夏微澜ぺ 阅读(184) 评论(0) 推荐(0) 编辑
浅拷贝和深拷贝
摘要:单层数据深拷贝: 但是如果多层数据,就不行了,就是slice和concat只能实现首层深拷贝 多层数据深拷贝可以使用JSON.stringfy JSON.parse let obj={name:'zhangsan',arr:[2,3,4,5],obj:{age:2,sex:'male'}}; let 阅读全文
posted @ 2019-04-03 17:37 半夏微澜ぺ 阅读(141) 评论(0) 推荐(0) 编辑
数组去重的方法
摘要:function unique1(arr) { reuturn new Set(arr); } function unique2(arr){ arr.filter(function(ele,inex,arr){return arr.indexOf(ele)==index}) } 阅读全文
posted @ 2019-04-03 16:25 半夏微澜ぺ 阅读(134) 评论(0) 推荐(0) 编辑
translate 实现元素垂直居中
摘要:css 原理: 定位span元素,left:50%; top:50%; 元素的参考点在元素的左上角,实现完全居中,需要再向上 向左移动元素高度 宽度的一半,使用transform:translate(-50%, -50%)实现; 阅读全文
posted @ 2019-04-02 16:42 半夏微澜ぺ 阅读(407) 评论(0) 推荐(0) 编辑
border-radius实现圆弧阴影效果
摘要:1 原理 利用border-radius实现一个圆弧边的矩形,并添加box-shadow,然后放在目标元素的下方 demo: html css 元素的before after伪元素重贴在一起,加深阴影效果,border-radius:100px/10px;表示水平半径是100px,垂直半径是10px 阅读全文
posted @ 2019-04-01 16:28 半夏微澜ぺ 阅读(1630) 评论(0) 推荐(0) 编辑