Skip to content

Instantly share code, notes, and snippets.

View Guoz1179's full-sized avatar

Trierr Guoz1179

11 followers · 16 following
View GitHub Profile
@Guoz1179
Guoz1179 / js动画
Created February 17, 2019 13:41
60.
```
<div class="box">1</div>
<div class="box">2</div>
var box = document.getElementsByClassName("box");
//鼠标按下
box[0].onmousedown = function(e){
//兼容IE
@Guoz1179
Guoz1179 / 继承第五节
Created February 17, 2019 13:35
59.寄生式继承、寄生组合式继承
**寄生式继承**
![微信截图_20190217213301.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgUAAAG8CAYAAABOsdYtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAADxnSURBVHhe7d3PixzJmfDxgb3I/ht8fM86yDCnt/4B+7JoEXPqwx77oIuFzPg9CczedFBpGFhY9iJ7oZG9qM3MujHr+dFeITdiWDNezRxczJpG2AItY88ypznFGz8yKiMjn4iMqF+ZVf09fOiqjMiorOruep58MjLzDaU+UQAAACQFAADAIikAAAAWSQEAALBICgAAgEVSAAAALJICAABgkRQAAACLpGDjztWv3vul+kJsG8sUtwkAMDXTSAouf6ne/ckv1CdfCW2xmr4791v1yXs/09unA/CUtu8rnRT8pNkuqR0AAG0CSUETSN/7tfqL2B4q6/uuDoC55yVWWeeL35jAO5ywrDK2pGqcr36tTnT/d39zLrcDAK688ZOCJlj96lJoixX0TQXKoQAatw8977EVjJ+pk9//Vm4PhGOZx5Kwf9i35nnsL7//he1T9FkDAK6c0ZMCt3ddVtYe6jsUFGvaU49lNdWO/nhDz0Op7cqt02oOIxRuJwDgahk5KXBBqmTveqhvWVDs9zPPa4XrW4VVgngcwy+P+8XPa4Xrh6gWAABSRk0KXIAqmzSY6xsGwVRALOlj+Lb4Z07pXAIvHnPoeSzetqH+HcwtAAAkjJgUNCX3ouBU3jcVIEsCZ9gn9biv7tCBkXud/Gvl1/WP8+q3FwBwNYyXFDQl96Iydk1fLQ6QJQFzaJ30GM1x+oGExawvkfqmxP2HnqfUzOMAAFwdoyUFNjAV7q3W9DVqgqVpKw2mcr+ypCAkbV9Mag+XpZT0IykAAEjGSQqa49pFEwxr+gZ8cCwNprHy9cqTgtQ2DT1PKd/GLpICAIBklKTATRosC0o1fWMlQdP0
@Guoz1179
Guoz1179 / 继承第四节
Created February 17, 2019 13:31
58.组合继承、实例继承
**组合继承**
![微信截图_20190217213022.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApgAAAKWCAYAAADtO+m5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAG11SURBVHhe7d09iyTZte//A9dp6XUcW0YfkPWvVyBH6NLIKuOaZbQlejj6Ww2H67WhbDHWQXBoHaPVh4taaKRiQE81t+kpmuHCHSRnCgmKRggGRghkyYobOyNW5oqVaz9F7nyorK/xISP2XntH1ENX/npHRuY/dd1nHQAAANAKARMAAABNETABAADQFAETAAAATREwAQAA0BQBEwAAAE0RMAEAANAUARMAAABNETABAADQFAETAAAATR1HwLz9Zffhj3/WffY3p8+qqQUAAMDeHUHA/LT77Of/1X348191f3X7tXTthz/+r422uWrmytW2PK9dCeeY440LvNoYb3yON0635fo92/a3Fo7X+pgt5pM5UnPljtP669K8uUuOF6uZc661Y+aeMwDcJYcPmH/7Vfey/+P68a3TZ2Vq7R/psO/RNR6pKakNbF1uXwt9Kd6YXcgdK9Uf6yuZ0yN9uk62Y225fWub8aEvxRvjmTMmxc6T2y+hx8TGb3Pc0JfijdG8mrnjUu0xUl8zzqstGR9qSnnjAWCfDh4w//hJ+IP4y+6PTp+VqtV/VGXb+0Ob++Nr+2vqZTv3WKKmtoVwvBxvXOD1peo1XVeyrdu8Gmm3pE7X6u3cY4maWs2OC/seXROj62LbNXLjvGPkHkuU1MZqQrtl+1O1lh6r2b5UrZAamTslNnZOGwDs24ED5lX3cf/H8OXnnzp9VrpW/1GV7Zo/vqF9bp/dtm1C2lJqalvKHTPVr/vk/D16jK6v2fb2rZp+2bZtQtpSamo9dqw3V2p+OX6NFmNlvN22bULaUkpr9bx6jDza2tx2qs0KNbG6VF+QGue1a15NaRsA7NtBA
@Guoz1179
Guoz1179 / 继承第三节
Created February 17, 2019 13:27
57.原型链继承、原型式继承
**原型链继承**
![微信截图_20190217212620.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAf4AAAJKCAYAAADN3CfbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAFQtSURBVHhe7d3PiyTHnf9/w15G/hu+x89Zh1nw6VP/wMcXIzP41Acf+zCXFSPsz2lAfG5zUI0wLCwLZuxDe7yL2vhHY9aS3PYwbgaxi420Bxfy0gxawXyQPwaddMpvREZGZmTkOyIjMrOqszqehwddlRkZlZWVna+MyF9fq6qPqqn+/Y//Kg4HAADrNCv4AQDAcaHFDwBAQWjxAwBQEFr8AAAUhBY/AAAFocUPAEBBaPEDAFAQWvwAABSEFj8AAAWhxQ8AQEFo8QMAUBBa/AAAFIQWPwAABaHFDwBAQWjxAwBQEFr8AAAUhBY/AAAFocUPAEBBaPEDAFAQWvwAABSEFj8AAAWhxQ8AQEFo8QMAUBBa/Nr1r6of/Ohn1Ud/E8b5csoCALAytPirP1Qf/fyn1Q9+/pvqr+J4V1rZH/zop9H3KaZMAwDAGFr8f/tNdaZC9tfXwjhfQtlQYI8F+djOAjsCAIAlFN/i//R3qgX/o19VnwrjfGNlc8Pd544PvQYAYI7CW/yX1a9VqJ796Q/COF+8bGo4++X0+1zu9AAA5Ci6xf/XP/1MBWnaiXqxsm4Yh4I5pYxmx/l/AQBYQsEt/uZEvd9dCuN86WVDQZ0S4G6Z0GsAAOYot8VfX5aXeFJfTlnFD+qU4B6bJqUOAADGFNvir0/US7qEL6+slhPaelxqqBP+AIC5ymzxN5flJZ3Ul1PWYUN6algT8gCAfSiyxW9O1Eu7hC+nrC8lvHWZXFI9AACkKLDFby7LSzupL6dsnw3oKUE9Z1oAAGLKa/Ef4L78fmDnBPicaQEAGFNYi3/5+/K7dEiHgjo2TpszLQAAqcpq8S98X34rJ5j9
@Guoz1179
Guoz1179 / 继承第二节
Created February 17, 2019 13:24
56.拷贝继承、类式继承
**拷贝继承**
![微信截图_20190217212236.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAyoAAAIFCAYAAAA9RAmQAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAGBASURBVHhe7d3PiyRHluDxhrlo5u+Ysw469GnzL+jLoKGYUx3mWAedhJrpPRU0c9NBqUGnpWFQ90JtNYskpFEhUP9ITSEVhVhYtfrSiQYSsQgELdT0SSdft3B/Ec9fPDN75vEjPTK+hw/hbvbM3CMyMsJemP/4Udd93gEAAADAkpCoAAAAAFgcEhUAAAAAi0OiAgAAAGBxSFQAAAAALA6JCgAAAIDFIVEBAAAAsDgkKgAAAAAWh0QFAAAAwOKQqAAAAABYHBIVAAAAAItDogIAAABgcUhUAAAAACwOiQoAAACAxSFRAQAAALA4JCoAAAAAFodEBQAAAMDikKgAAAAAWBwSFQAAAACLQ6ICAAAAYHFIVAAAAAAsDokKAAAAgMW5nUTl5sPurV++133+vVNntcQCAAAAuBNuIVH5rPv8/V93b73/cfedW6+VY9/65a+3ykrl+1Lr/9Db37c5++u12Vc/rVIfmhdjzd2u167UV64usv0UU+O1E7a+Fn8Mrfvcwms7p7+5bXLbj/TXuk3pN8Jra8tEqU7L9R21S1ttX/3MVdu+Vx/Z51xMtG2E13af9rmNWl+7bMtrG+kvxUR57WvmtqvJ9Rvdno2bs5/7eG776CPJ9VPrf1/b93h9R7Y397kkKabGa3cMx09Uvv+4e9Q/4Y9unDqrEpt74XS5FyMveoRtK+1b1jXpN8drcwyt2/bi5+x/S5sU6/FiNa9NTq59y7rl1UtZqe2cfjVbn9YtXX8MpW3afbO8NpoXE2lnRdvIftn4XHlJS2wSjffiSm1rdcKrbxXtp7ZPXvmu5Hlqts4ue7y6UrzIxezSVovE7Gqf2yj1lepKvDaaF
@Guoz1179
Guoz1179 / 继承第一节
Created February 17, 2019 13:20
55.操作符
![微信截图_20190217211954.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAxEAAAL5CAYAAADPB6k9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAJ4USURBVHhe7d1PjyTHeeB/A76M/Bp+xz3zMAJ02n4D1sWQ0NBpDjr2gRcTQ1h7IkDsjQfVEAYWMAwsaB16aS/UBG02CFOihiLIwYBYQ4Togxtco0HQAmYhmoBOOuUvIyOezCcjn4iMyMrqrj/fwwdTlflE5J/Kmn6ejMzKP2mazxoAAAAAKEURAQAAAKAKRQQAAACAKhQRAAAAAKpQRAAAAACoQhEBAAAAoApFBAAAAIAqFBEAAAAAqlBEAAAAAKhCEQEAAACgCkUEAAAAgCoUEQAAAACqUEQAAAAAqEIRAQAAAKAKRQQAAACAKhQRAAAAAKpQRAAAAACoQhEBAAAAoMrJFRHffP5O89d/9/fN5UdPzfkAAAAA8tYtIm7faxP0d5rPvjXmxWpiV/Np89m7f98VEX/9d+81X5oxJ6j7LP6+ef/WmLdHvmnX87L//Lx9X2cAAIBjtGIRERL0dz9ovjHna3OxnzZffvROc+kSxaL+yt33SIRb/uW+FTAHUETI5xa763V2y7Smi9T8XDvZFmvempYuY0m7kja76HfpNs5x/c6x2m3LWk7MaidS8+faxWriZb1SrDZaKmZp25J2Wm28s3TdAOCQrVdEfPtBl/QXJXWp2G998eD+s+2tXETcty8/cttFEVFHRpDeaT67/dSYv1v6j3/qtTUtF+veCz19l7ZZVm1biZdt1OKYGrk2ehkWq02pufap+Xr5c1Ltreli6fy5drHaeEuuDz2v5HWKFVPSLlbbRuLdv7E4BgCOxWpFRE1ynIr10x2XLH7QvO9eU0Ts3t4XEU/9sXCP97FIAhD/G9PT3etUOx13F0qX6+bXsvrIvU9Nl/40PV9i4mm56U
@Guoz1179
Guoz1179 / 原型第二节
Created February 17, 2019 13:18
54.操作符
![微信截图_20190217211740.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA2wAAAKyCAYAAACpL126AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAALDUSURBVHhe7f3PiyXHlfBxPzAbef6OWWvRA7N66i+YjbBpvNLCy1poJboZPyuBmJ0WUzJaCYGRvShJvLibltU0SNZUW6ibpnnhbayNCgkKYwwCiQavvMo3IyPPzZORJ37lzazKW/VdfLiZEScif9y8t/JUZOb9P03zvAEAAAAAbA8JGwAAAABsFAkbAAAAAGwUCRsAAAAAbBQJGwAAAABsFAkbAAAAAGwUCRsAAAAAbBQJGwAAAABsFAkbAAAAAGwUCRsAAAAAbBQJGwAAAABsFAkbAAAAAGwUCRsAAAAAbBQJGwAAAABsFAkbAAAAAGwUCRsAAAAAbBQJGwAAAABsFAkbAAAAAGwUCRsAAAAAbBQJGwAAAABsFAkbAAAAAGwUCRsAAAAAbBQJGwAAAABsFAnbDBcfnzX/8Z//27z+zlOzHlv3bnN8dLt5WF0HAAAAXK5VE7aLp181r7/xv11yI956ascejmfNh7tt+qo5M2OwXfeak6NXmldeaZOyc6P+vE3YXunrw7qE84e3m6Ou39bRnebciAEAAABqrZawyShUaIsJm1vX1yuSr0MYYfvnn15tzv/r/wRebS5O32z+8YPd5iZ4eOySqlvNiZWsifM7zZFLvI7ftetDbbLWJWqChA0AAAALWSlhk1Gos+bDp8+M+m05e8et6/UaLbMTNvFq8+NNTNr6xOro5J5dr5yf3Opijx/a9ZpPAtvYgn4BAACAGislbE+bt9yI2oHc43WdE7a//0WV//CH5h+nfSL3P282/1Tx119/KWTx6Fd/aWRBfJewMaoGAACAFVxZwiaXFU4ukXz6lb/c8ONhZM7HnjUf/vVZc/bxV83rrm/nja/asq
@Guoz1179
Guoz1179 / 原型
Created February 17, 2019 13:16
53.
**什么是原型**
原型是一个对象，其他对象可以通过它实现属性继承。
每个函数都有一个属性叫做prototype。
这个prototype的属性值是一个对象（属性的集合，再次强调！），默认的只有一个叫做constructor的属性，指向这个函数本身。
**原型方式**
@Guoz1179
Guoz1179 / 构造函数
Created February 17, 2019 13:07
52.内含构造函数和工厂函数的不同点
![微信截图_20190217210604.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmwAAALQCAYAAAAtnSwrAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAHPHSURBVHhe7d3PiyTJffdxgS8r/R0+z2EMOrn+gr2IFY1OfdCxD3MaZpGe08Di2xy2RugkFsRYhlEbs228UiOwdlXWMGoa8cAj7162sKAZxMLAGhud9hRPREZ+MyMjIzIjsjKro6rehxddFRkRlVXV0/mZb/76llJ/VAAAACgXgQ0AAKBwBDYAAIDCEdgAAAAKR2ADAAAoHIENAACgcAQ2AACAwhHYAAAACkdgAwAAKByBDQAAoHAENgAAgMIR2AAAAApHYAMAACgcgQ0AAKBwBDYAAIDCLR/Y7n6tfvqP/6r++D+BZb6cvgAAACdi4cD2B/XHf/tn9dN/+3f138HlrvS+P/3Hfw62pwiN3WW+HDmvs8R6pow3fYaExrhifVLGzmHX15ljPc0crlAf3xyvm8Jft5DQuLnlvI6/fr7QGFesT8pYACjFsoHtf/5dvdR/FH9zF1jmy+mr5fyx9fuOPV/KLusca/MNvbec1/cNjY29xlyvnWuX18oZa/qGhPqOSR3n9nNfM8YdK2P8NtfY8rnM8TpDc7jLUh4DQOkWDWz/9R9mo/Fr9V+BZb5YX/NHNZc7XubIeb4EeY3U1wr1M20hoX7u4xh3jNt/qG1snP/TXz4nM2eu0DyulD4i1DdnvGvX1xVj85jlY0Lj5iSvkfpaoX5uW2we/3X8frFxAFCiBQPbRv1G/0F8+ac/BJb54n1z/6jG+ue2z8l/jaHXNMt80u73jbXHxsTmMNxlUx7HxPpI+y5y53H7u+uSyp1L5khpS5Ezbqjv2Dy7Lt+VP3/qe5nyOCbWR9oBoESLBbb//tO/6j+CaScQ5PSdKvYHeek/1FNf110+1Ddn/XPmkef+T3
@Guoz1179
Guoz1179 / 工厂函数
Created February 17, 2019 13:05
51.
**工厂函数**
> 本质也是函数，只是通过作用不同，so起名工厂函数
![微信截图_20190217210245.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAa8AAAGbCAYAAABzgB+6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAADY8SURBVHhe7d1BqyRJ3e/xB55N6+twPYsWXN26b2A2zSONq164rEWvhm6ud9Xgc3e9sI64EmEY5dLTcvGIrQdBn/FoMx6a4cIVZzOFA4dGhIERwZWrvBEZEZWRkf+IjKhTWZWR9V186FMZkVl5sk7Hr/6ZUVn/1jSfNAAA1ITwAgBUh/ACAFSH8AIAVIfwAgBUh/ACAFSH8AIAVIfwAgBUh/ACAFSH8AIAVIfwCty+vG6+8e7vmkfPb8R2YNxFs149bK6K2wDk2ju8bm9eN48e/64d6J1nN3LferxpPtj9Tq+ba7EPkHLZbFb3mnv3VEBthfatCq97tj1sS9hePWxW7XaV1ZNmK/QBzsle4eWqk9Acw0vv66OCIKLyms6//uud5vZ//EfzT6Ft4ItN8+UL3f/fmq11++K95p9fCH1n5GqtA+Z+s5GCy9k+aVY6hNYXcntIBVcbWg7hBewTXq46uW4+uHkjtM/L9XO9r1RRc/DPFzqEMsLrz//RC62eFxt5nTmwIbPaXMrtnu3mftt3fSW3+0wgqr4Z2wXOxR7hddM805VWJZUJ4TUfeeG1af5mg+pWBdW/vErrX39+r/nbf801vOzpwuyqyJ4+zOjfhhfVFtAzSXi5U2+D04g3r80puZddxWb6qiru7Zvm+uXr5pHetvb4tVoWrO+8vWk+eO6furxunnnbdM+T4u/D7nfyJcNZ7at6/t2+Ko/U/l4H+7vX71bCnlrrKpN31OD+s6CfCYPbdvnPev31abh/9fpqP2v++V9+5fOOCZFBP0U6tfc9FU7+qT1VRbm2GLNvpr8+tdguz62wc