Skip to content

Commit 7c3ba02

Browse files
朱安邦的pro电脑朱安邦的pro电脑
authored andcommitted
MODI
1 parent 0e02543 commit 7c3ba02

4 files changed

Lines changed: 58 additions & 36 deletions

File tree

index.js

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +0,0 @@
1-
var testObj={
2-
name:"testObj",
3-
age:"1"
4-
};
5-
console.log(Object.isExtensible(testObj)); //true
6-
Object.preventExtensions(testObj);
7-
console.log(Object.isExtensible(testObj)); //false

test-file.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,5 +17,19 @@
1717
<li class="flex-item">4</li>
1818
</ul>
1919
</div>
20+
21+
22+
<script>
23+
24+
25+
26+
27+
28+
29+
30+
31+
32+
33+
</script>
2034
</body>
2135
</html>

test.css

Lines changed: 24 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,26 @@
1-
ul { padding: 0; }
2-
li { list-style: none; }
3-
.flex-container {
4-
display: flex;
5-
background: deepskyblue;
6-
width: 100%;
7-
height: 100%;
8-
margin: 5px auto;
1+
{ display: none; /* 不占据空间,无法点击 */ }
2+
{ visibility: hidden; /* 占据空间,无法点击 */ }
3+
{ position: absolute; top: -999em; /* 不占据空间,无法点击 */ }
4+
{ position: relative; top: -999em; /* 占据空间,无法点击 */ }
5+
{ position: absolute; visibility: hidden; /* 不占据空间,无法点击 */ }
6+
{ height: 0; overflow: hidden; /* 不占据空间,无法点击 */ }
7+
{ opacity: 0; filter:Alpha(opacity=0); /* 占据空间,可以点击 */ }
8+
{ position: absolute; opacity: 0; filter:Alpha(opacity=0); /* 不占据空间,可以点击 */ }
9+
{
10+
zoom: 0.001;
11+
-moz-transform: scale(0);
12+
-webkit-transform: scale(0);
13+
-o-transform: scale(0);
14+
transform: scale(0);
15+
/* IE6/IE7/IE9不占据空间,IE8/FireFox/Chrome/Opera占据空间。都无法点击 */
916
}
10-
11-
12-
.flex-container.second {
13-
flex-flow: row wrap;
14-
-webkit-flex-flow: row wrap;
15-
}
16-
.flex-item {
17-
background: tomato;
18-
padding: 5px;
19-
/*width: 50%;
20-
height: 50%;*/
21-
flex-grow:100;
22-
margin: 5px;
23-
line-height: 80px;
24-
color: white;
25-
font-weight: bold;
26-
font-size: 2em;
27-
text-align: center;
28-
}
29-
.flex-demo {
30-
display: flex;
17+
/********************************************************************************/
18+
{
19+
position: absolute;
20+
zoom: 0.001;
21+
-moz-transform: scale(0);
22+
-webkit-transform: scale(0);
23+
-o-transform: scale(0);
24+
transform: scale(0);
25+
/* 不占据空间,无法点击 */
3126
}

研究全局对象/Timers/index.html

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,24 @@
77
<body>
88
<input type="button" value="click me" id="btn1">
99

10+
<swipe-module :swipeinfo="swipeInfo"></swipe-module>
11+
12+
<!--template.html-->
13+
<div v-el:swipe class='swipe bar-slider'>
14+
<div class='swipe-wrap'>
15+
<div v-for="item in swipeinfo"><a :href=item.href><img :src=item.imgSrc /></a></div>
16+
</div>
17+
<!-- 分页 -->
18+
<div class="pagination">
19+
<span class="swipe-pagination-switch swipe-active-switch" @click="slideToCur(0)"></span>
20+
<span class="swipe-pagination-switch" @click="slideToCur($index+1)" v-for="item in slideNum"></span>
21+
</div>
22+
</div>
23+
24+
<div><a href=""><img src=""/></a></div>
25+
<div><a href=""><img src=""/></a></div>
26+
<div><a href=""><img src=""/></a></div>
27+
1028
<script>
1129
var oBtn=document.getElementById("btn1");
1230
oBtn.onclick=function () {
@@ -17,6 +35,8 @@
1735
console.log("hello:"+arg)
1836
},2000);
1937
}
38+
39+
2040
</script>
2141
</body>
2242
</html>

0 commit comments

Comments
 (0)