先来看一段代码：
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="picture1">这个元素的ID是picture1</div>
<script>
var element = document.getElementById("picture1")
console.log(element) // 将获得的element打印到控制台
</script>
</body>
</html>
效果：
看到没有，获得的其实是一个节点（成为Element或者Node节点）。
这句代码的意思其实是通过id来获得页面上叫picture1的元素或者节点。
根据 MDN文档 的说明, 以下三种情况 HTMLElement.offsetParent 会返回 null
所以可以根据 HTMLElement.offsetParent 来判断改节点是否隐藏
如果你要判断的节点恰好 position:fiexed ，那么可以通过 window.getComputedStyle() 判断：
相比第一种方案，第二种会慢很多，如果要做重复的判断，不建议使用第二种
在之前最好是备份APP.JS里面的东西 因为不知道为什么会改变APP.JS里面的东西
1,在 命令行输入 vue add element
2,How do you want to import Element? -->选择 Import on demand （关键）按需引入
❯ Fully import 全局引入
Choose the locale you want to load–>选择 zh-CN
3, 会自动 写入不用管
src/plugins/element.js
babel.config.js
jsons.json
package-lock.json
package.json
src/App.vue
src/main.js
4，不知道为什么会改变APP.JS里面的东西
会变成下面这样不知道为什么
<div id="app">
<img src="./assets/logo.png">
If Element is successfully added to this project, you'll see an
<code v-text="''">
below
<el-button>el-button
<HelloWorld msg="Welcome to Your Vue.js App"/>
import HelloWorldfrom './components/HelloWorld.vue'
export default {
name:'app',
components: {
HelloWorld
}
}
#app {
font-family:'Avenir', Helvetica, Arial, sans-serif
-webkit-font-smoothing:antialiased
-moz-osx-font-smoothing:grayscale
text-align:center
color:#2c3e50
margin-top:60px
}
我项目正确的
<div id="app">
<style lang="less">
html,body,#app{
margin:0
padding:0
width:100%
height:100%
}
#app {
min-width:1200px
font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif
}
.ct{
width:1200px
margin:0 auto
}
5,OK了 大功告成了
