2020/3/30
问题
html:HTML5的output是非常棒的一个标签，你对它有了解吗？
css:如何用css实现把“我不爱996”变成“699爱不我”？
js: 数组去重
html:HTML5的output是非常棒的一个标签，你对它有了解吗？
<body>
<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
<input type="range" name="b" value="50" /> +
<input type="number" name="a" value="10" /> =
<output name="result"></output>
</form>
<form onsubmit="return false" oninput="add(result, b, a)">
<input type="range" name="b" value="50" max="20" /> +
<input type="number" name="a" value="10" /> =
<output name="result"></output>
</form>
<script>
function add(output, ...doms) {
output.value = doms.reduce((re, dom) => re + parseFloat(dom.value), 0);
}
</script>
</body>
css:如何用css实现把“我不爱996”变成“699爱不我”？
<style>
p{
direction: rtl;
unicode-bidi: bidi-override;
}
</style>
<body>
<p>我不爱996</p>
</body>
unicode-bidi 属性与 direction 属性一起使用，来设置或返回文本是否被重写，以便在同一文档中支持多种语言。
用direction属性设置rtl表示从右到左，默认是ltr从左到右的，另外还要搭配unicode-bidi: bidi-override
js:数组去重
我比较熟悉的两种
- 第一种
function unique(array) {
return [...new Set(array)];
}
- 第二种
function unique(arr){
let obj = {};
for (let i = 0; i < arr.length; i++) {
let item = arr[i];
if(typeof obj[item]== "undefined"){
obj[item] = item;
}else{
arr[i] = arr[arr.length-1];
arr.length--;
i--
}
}
return arr
}
