rem

  1. rem是根据根元素(html)的fontsize来决定的
  2. 代码实现
  3. <script>
  4. var ww = window.innerWidth/10
  5. // var html = document.documentElement
  6. var html = document.getElementsByTagName('html')[0]
  7. html.style.fontSize = ww + 'px'
  8. window.onresize = function(){
  9. var ww = window.innerWidth/10 + 'px'
  10. html.style.fontSize = ww
  11. }
  12. </script>
  1. px --绝对单位
  2. rem --相对单位
  3. em --相对单位 相对于父元素的font-size而言的
  4. %
  5. vm --100vw
  6. vw --屏幕等分为100等分

onchange

  1. onchange事件
  2. 只有输入框的内容发生改变的时候,onchange事件才会触发

键盘相关事件

  1. onkeydown 用户按下键盘的时候触发
  2. onkeypress 在键盘按键按下并释放一个键时触发
  3. onkeyup 键盘松开时触发
  4. keyCode == 13按的是Enter

内联事件

  1. <button onclick="go()">btn</button>
  2. <script>
  3. function go(){
  4. console.log("hello world")
  5. }
  6. </script>

自定义属性

  1. 必须要在前面加data-
  2. <div id="test" data-aid="123">div</div>
  3. <script>
  4. var test = document.getElementById('test')
  5. test.onclick = function(event){
  6. console.log(event);
  7. //获取自定义属性值
  8. console.log(event.target.dataset);
  9. }

cmd

  1. 第一种方式
  2. window+r 输入cmd 回车
  3. E: 进入E
  4. cd + 文件路径
  5. 第二种方式
  6. 鼠标右键 gitbash
  7. 第三种方式
  8. vscode