update

2019-11-03 13:08:13 +08:00 · 2019-11-03 13:08:13 +08:00 · 82be1bb4a6
commit 82be1bb4a6
parent fba170d342
3 changed files with 68 additions and 0 deletions
--- a/20191101/20191101.md
+++ b/20191101/20191101.md
@ -0,0 +1,10 @@
+* absolute属性不去设置top和left的时候是不会去侵占其他元素的位置的
+
+* flex 子元素平铺，flex:1;
+
+
+* getComputerStyle(ele,null).left
+  * 谷歌支持，火狐支持，ie8不支持
+
+* ele.currentStyle.left
+  * ie8支持
--- a/20191101/test.html
+++ b/20191101/test.html
@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Document</title>
+</head>
+<body>
+  <script type="text/javascript">
+    function my$(id) {
+      return document
+    }
+  </script>
+</body>
+</html>
--- a/20191103/test.html
+++ b/20191103/test.html
@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Document</title>
+  <style>
+    * {
+      padding: 0;
+      margin: 0;
+    }
+    div {
+      height: 200px;
+      width: 200px;
+      background: #10aeff;
+    }
+  </style>
+</head>
+<body>
+  <input type="button" value="点击" id="btn">
+  <div id="dv"></div>
+  <script type="text/javascript">
+  function my$(id) {
+    return document.getElementById(id)
+  }
+  window.onload = function() {
+    var btn = my$('btn')
+    var dv = my$('dv')
+    function getStyle(ele,attr) {
+      return window.getComputedStyle ? window.getComputedStyle(ele,null)[attr]:ele.currentStyle[attr]
+    }
+    btn.onclick = function() {
+      console.log(getStyle(dv,'left'))
+      console.log(getStyle(dv,'margin-left'))
+      console.log(getStyle(dv,'background'))
+      console.log(getStyle(dv,'width'))
+    }
+  }
+  </script>
+</body>
+</html>