自适应
">2019-04-02
Vue屏幕宽度自适应:
https://blog.csdn.net/qq_25386583/article/details/77161478
https://blog.csdn.net/xuaner8786/article/details/81565219
2019-04-07
- 控制iframe中的页面只显示一部分:https://blog.csdn.net/iteye_18722/article/details/81918563
2019-04-09
Date.parse("2019/04/20 18:14:00")
上方代码转换的结果,单位是毫秒
,不是秒。
2019-04-23
const a = [];
const b = {};
console.log(Boolean(a));
console.log(Boolean(b));
上方代码的打印结果均为true。 具体解释,可以看我在 03-JavaScript基础/03-变量的强制类型转换.md
这篇文章里讲到的转换为Boolean。
所以,我们平时在写业务代码的时候,“判断是否为空对象/空数组”,不能直接写成 if (myObj)
或者if(myArray)
,会踩坑。
判断是否为空数组,可以用:
if (myArray.length)
判断是否为空对象,可以用 :
if (JSON.stringify(myObj) !== '{}')
2019-04-26
我们知道,在移动端页面尅发时,单位一般是采用 rem。
设计稿如果是750px宽,那么,默认换算的单位如下:16px = 1rem。但是这种换算比较麻烦。我们可以在 html里加上如下代码:
<style>
html {
font-size: 20px;
font-size: 5.3333333vw;
}
</style>
这样的话,换算单位就变成了:20px = 1rem。
2019-05-16
最佳的打乱算法是Fisher-Yates算法。
2019-05-16
Vue的全局变量空间:this.$root.data
,我们可以在这里面存放数据。比如this.$root.data.skuIdList
。
2019-05-17
2019-05-20-css3动画水平/镜像翻转
参考链接1:https://www.oschina.net/question/2443483_247744
代码实现举例:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8" />
<title></title>
<style>
@keyframes featuresicon {
0% {
transform: scaleX(1);
}
20% {
transform: scaleX(1);
}
50% {
transform: scaleX(0);
}
80% {
transform: scaleX(1);
}
100% {
transform: scaleX(1);
}
}
.cube {
width: 40px;
height: 40px;
background: url(images/bg2.png) left 0 no-repeat;
animation: featuresicon 1.3s linear alternate none infinite;
}
body {
background-color: cornflowerblue;
}
</style>
</head>
<body>
<div class="cube"></div>
</body>
</html>
参考链接2:https://blog.csdn.net/wjnf012/article/details/78679131
代码实现:(立体感更强一点)
```html
html
发表评论 (审核通过后显示评论):