超帅的轻省回望

2021年6月

摘要：水平垂直居中分居中元素定宽高与不定宽高两种情况。假如有公共代码： .wp { border: 1px solid red; width: 300px; height: 300px; } .box { background: green; } //size仅定宽需要 .box.size{ width 阅读全文

posted @ 2021-06-10 10:24 超帅的轻省回望阅读(57) 评论(0) 推荐(0)

JS数组操作（扁平化、去重、排序、交集、并集、差集、二分查找、峰值位置）

摘要：一、数组扁平化有数组：let arr = [[2, 3, 1],[4, 3, 6, 5],[6, 2, 4, 9, [4, 11, 12, [12, 13, [10], 15]]], 20]1. reduce //若值为数组则递归遍历，否则concat function flatten(arr) 阅读全文

posted @ 2021-06-04 20:51 超帅的轻省回望阅读(91) 评论(0) 推荐(0)

2021年5月

Javascript闭包

摘要：每个函数在调用时，都会创建一个执行环境。这个执行环境有它的变量对象以及作用域链。通过作用域链，可以访问上层的作用域的内容。闭包的概念: 闭包是能够访问另一个函数作用域中变量的函数(这个“另外一个函数”，通常指的是包含闭包函数的外部函数) function outerFunction () { va 阅读全文

posted @ 2021-05-31 16:08 超帅的轻省回望阅读(40) 评论(0) 推荐(0)

new Vue() 发生了什么

摘要：先看看源码： function Vue (options) { if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue) ) { warn('Vue is a constructor and should be calle 阅读全文

posted @ 2021-05-31 10:37 超帅的轻省回望阅读(397) 评论(0) 推荐(1)

css3中的translate,transform,transition

摘要：一、translate:移动，transform的一个方法通过 translate() 方法，元素从其当前位置移动，根据给定的 left（x 坐标）和 top（y 坐标）位置参数： transform: translate(50px, 100px); -ms-transform: transl 阅读全文

posted @ 2021-05-31 10:22 超帅的轻省回望阅读(329) 评论(0) 推荐(0)

移动端 1px 像素问题及解决办法

摘要：一、为什么会有1px问题要处理这个问题，必须先补充一个知识点，就是设备的物理像素[设备像素] & 逻辑像素[CSS像素]；物理像素：移动设备出厂时，不同设备自带的不同像素，也称硬件像素；逻辑像素：css中记录的像素。在开发中，为什么移动端CSS里面写了1px，实际上看起来比1px粗；了解设阅读全文

posted @ 2021-05-28 15:07 超帅的轻省回望阅读(770) 评论(0) 推荐(0)

Javascript 时间与时间戳处理相关

摘要： var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.g 阅读全文

posted @ 2021-05-27 20:33 超帅的轻省回望阅读(180) 评论(0) 推荐(0)

typeof和instanceof的区别

摘要： typeof和instanceof都可以用来判断变量，它们的用法有很大区别typeof会返回一个变量的基本类型,instanceof返回的是一个布尔值，需要注意的是，instanceof只能用来判断对象和函数，不能用来判断字符串和数字等先说instanceofinstanceof 运算符用来测试一阅读全文

posted @ 2021-05-27 16:48 超帅的轻省回望阅读(1874) 评论(0) 推荐(0)

新版本chrome浏览器带来的跨域请求cookie丢失问题（setCookie警告提示）

摘要：新版本的chrome浏览器（80版本之后）对cookie的校验更加严格，有页面嵌套的可能会出现问题。 chrome升级到80版本之后(最坑的地方：灰度测试，即也可能存在同一版本不同人的浏览器表现不同)，cookie的SameSite属性默认值由None变为Lax，该问题的讨论可参考：https:// 阅读全文

posted @ 2021-05-27 14:45 超帅的轻省回望阅读(2345) 评论(0) 推荐(0)

JavaScript 判断函数的this 绑定

摘要： 1.函数是否在 new 中调用（new 绑定）？如果是的话 this 绑定的是新创建的对象。 function fun(){ this.age = 23; } var obj = new fun(); console.log(window.age); //undefined console.log( 阅读全文

posted @ 2021-05-27 10:54 超帅的轻省回望阅读(86) 评论(0) 推荐(0)

公告