a 64 16 0Xf000000000000000
b 64 16 0x7FFFFFFFFFFFFFFF
a-b 10
: C
1
-(2^62+2^61+2^60+1)
2^62+2^61+2^60+1
2^59+(2^55+2^54+…+2^2+2^1+2^0)
: B C D E F
input
ul
hr
li
div
form
: B
flash hhttttpp
iframe document.domain
m.toutiao.com ajax www.toutiao.com
jsonp post: A C
color
background-color
font-size
border
margin
pppuuussshhh
3,7,2,4,1,5,8
AA..OO((nn))
B.O(n) ,C.O(logn)
D.O(n),
: D
A
B
C
D
http get pppooosssttt
: A B
get ppoosstt
get ppoosstt header body
get Content-ttyyppee tteexxtt//hhttmmll
get ppoosstt
JavaScript tttyyypppeeeooofff
: A C F G
symbol
NaN
boolean
null
array
undefined
string: A
13/27
7/9
1/2
1/3
: A B
visibility:hidden;
display:none;
visibility:hidden; display:none;
visibility:hidden; reflow repaint
TCP
: C
FIN
FIN,PSH
ACK
FIN,ACK
bbbuuuttttttooonnn iiiddd bbbuuuttttttooonnn111 jjss
:: BB DD
ddddooooccccuuuummmmeeeennnntttt....ggggeeeettttEEEElllleeeemmmmeeeennnnttttBBBByyyyIIIIdddd((((““““bbbbuuuuttttttttoooonnnn1111””””))))....sssseeeettttAAAAttttttttrrrriiiibbbbuuuutttteeee((((““““RRRReeeeaaaaddddoooollllnnnnyyyy””””,,,,ttttrrrruuuueeee))));;;;
ddddooooccccuuuummmmeeeennnntttt....ggggeeeettttEEEElllleeeemmmmeeeennnnttttBBBByyyyIIIIdddd((((““““bbbbuuuuttttttttoooonnnn1111””””))))....sssseeeettttAAAAttttttttrrrriiiibbbbuuuutttteeee((((““““ddddiiiissssaaaabbbblllleeeedddd””””,,,,””””ttttrrrruuuu
e”);
dddooocccuuummmeeennnttt...gggeeetttEEEllleeemmmeeennntttBBByyyIIIddd(((“““bbbuuuttttttooonnn111”””)))...RRReeeaaadddooolllnnnyyy===tttrrruuueee;;;
ddooccuummeenntt..ggeettEElleemmeennttBByyIIdd((““bbuuttttoonn11””))..ddiissaabblleedd==ttrruuee;;
CSS IIIDDD
: D
ID >Class > =
ID > >Class >
ID >Class > >
ID >Class = >HTML+CSS bboorrddeerr-width:5px 5500ppxx**5500ppxx hover
<<!!DDOOCCTTYYPPEE hhttmmll>>
<<hhttmmll llaanngg==""eenn"">>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
table{
/*border-collapse:separate;*/
border: none;
border-spacing: 0;
}
td{position: relative;
width: 50px;
height: 50px;
border: 5px solid blue;
background: #fff;
color: green;
text-align: center;
line-height: 50px;
display: inline-block;
}
tr:not(:first-child) td{
margin-top: -5px;
}
tr td:not(:last-child){
margin-right: -5px;
}
td:hover{
border-color: red;
cursor: pointer;
z-index: 2;
}
<<//ssttyyllee>>
</head>
<body>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td><td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</body>
</html>
z-index position ssttaattiicc
relative absolute fixed
jsn m, 1 n n , m
n=11, m=4, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9, 4 2.
n=200, m=25, 1 10 100 101 102 103 104 105 106 107 108 109
11 110 111 112 113 114 115 116 117 118 119 12 120 121 122 123 124 125 126 127 128
129 13 130 131 132 133 134 135 136 137 138 139 14 140 141 142 143 144 145 146 147
148 149 15 150 151 152 153 154 155 156 157 158 159 16 160 161 162 163 164 165 166
116677 116688 116699 1177 117700 117711 117722 117733 117744 117755 117766 117777 117788 117799 1188 118800 118811 118822 118833 118844 118855
118866 118877 118888 118899 1199 119900 119911 119922 119933 119944 119955 119966 119977 119988 119999 22 2200 220000 2211 2222 2233 2244 2255
222666 222777 222888 222999 333 333000 333111 333222 333333 333444 333555 333666 333777 333888 333999 444 444000 444111 444222 444333 444444 444555 444666 444777 444888 444999 555 555000 555111 555222
555333 555444 555555 555666 555777 555888 555999 666 666000 666111 666222 666333 666444 666555 666666 666777 666888 666999 777 777000 777111 777222 777333 777444 777555 777666 777777 777888 777999 888
8800 8811 8822 8833 8844 8855 8866 8877 8888 8899 99 9900 9911 9922 9933 9944 9955 9966 9977 9988 9999 2255 120…
