rem
rem是根据根元素(html)的fontsize来决定的
代码实现
<script>
var ww = window.innerWidth/10
// var html = document.documentElement
var html = document.getElementsByTagName('html')[0]
html.style.fontSize = ww + 'px'
window.onresize = function(){
var ww = window.innerWidth/10 + 'px'
html.style.fontSize = ww
}
</script>
px --绝对单位
rem --相对单位
em --相对单位 相对于父元素的font-size而言的
%
vm --100vw
vw --屏幕等分为100等分
onchange
onchange事件
只有输入框的内容发生改变的时候,onchange事件才会触发
键盘相关事件
onkeydown 用户按下键盘的时候触发
onkeypress 在键盘按键按下并释放一个键时触发
onkeyup 键盘松开时触发
keyCode == 13按的是Enter键
内联事件
<button onclick="go()">btn</button>
<script>
function go(){
console.log("hello world")
}
</script>
自定义属性
必须要在前面加data-
<div id="test" data-aid="123">div</div>
<script>
var test = document.getElementById('test')
test.onclick = function(event){
console.log(event);
//获取自定义属性值
console.log(event.target.dataset);
}
cmd
第一种方式
window+r 输入cmd 回车
E: 进入E盘
cd + 文件路径
第二种方式
鼠标右键 gitbash
第三种方式
vscode