From 56aaa671f591588b30d120e2e255fc2b077077a8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=AE=B8=E6=A2=A6=E5=A9=B7?= <2559593548@qq.com> Date: Wed, 2 Jun 2021 17:21:27 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E7=AC=94=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../2021-5-25.md" | 2 +- .../2021-5-26.md" | 2 +- .../2021-6-2.md" | 175 ++++++++++++++++++ .../imgs/2021-6-2-001.PNG" | Bin 0 -> 1743 bytes .../imgs/2021-6-2-002.PNG" | Bin 0 -> 2112 bytes .../imgs/2021-6-2-003.PNG" | Bin 0 -> 6699 bytes 6 files changed, 177 insertions(+), 2 deletions(-) create mode 100644 "\350\256\270\346\242\246\345\251\267/2021-6-2.md" create mode 100644 "\350\256\270\346\242\246\345\251\267/imgs/2021-6-2-001.PNG" create mode 100644 "\350\256\270\346\242\246\345\251\267/imgs/2021-6-2-002.PNG" create mode 100644 "\350\256\270\346\242\246\345\251\267/imgs/2021-6-2-003.PNG" diff --git "a/\350\256\270\346\242\246\345\251\267/2021-5-25.md" "b/\350\256\270\346\242\246\345\251\267/2021-5-25.md" index d92862a..534a9ef 100644 --- "a/\350\256\270\346\242\246\345\251\267/2021-5-25.md" +++ "b/\350\256\270\346\242\246\345\251\267/2021-5-25.md" @@ -1,6 +1,6 @@ 今日份课堂笔记 -2021-5-25 星期二 天气阴 +2021-5-25 星期二 diff --git "a/\350\256\270\346\242\246\345\251\267/2021-5-26.md" "b/\350\256\270\346\242\246\345\251\267/2021-5-26.md" index 77d2f3f..1e28cc2 100644 --- "a/\350\256\270\346\242\246\345\251\267/2021-5-26.md" +++ "b/\350\256\270\346\242\246\345\251\267/2021-5-26.md" @@ -1,6 +1,6 @@ 今日份课堂笔记 -2021-5-26 星期三 天气晴 +2021-5-26 星期三 一.条件与循环 1.控制切换一个元素是否显示： diff --git "a/\350\256\270\346\242\246\345\251\267/2021-6-2.md" "b/\350\256\270\346\242\246\345\251\267/2021-6-2.md" new file mode 100644 index 0000000..a5a581d --- /dev/null +++ "b/\350\256\270\346\242\246\345\251\267/2021-6-2.md" @@ -0,0 +1,175 @@ +今日份课堂笔记 + +2021-6-2 星期三 + +一.列表渲染 + +``` +用 v-for 指令基于一个数组来渲染一个列表 +v-for 指令需要使用 item in items 形式的特殊语法 +其中 items 是源数据数组 +而 item 则是被迭代的数组元素的别名。 + + + + + +``` +结果： + +![avater](./imgs/2021-6-2-001.PNG) + +2.在 v-for 块中，我们可以访问所有父作用域的 property。v-for 还支持一个可选的第二个参数，即当前项的索引。 +``` + + + + +``` +结果： +![avater](./imgs/2021-6-2-002.PNG) + +你也可以用 of 替代 in 作为分隔符，因为它更接近 JavaScript 迭代器的语法： +``` +
+``` +3.用 v-for 来遍历一个对象的 property。 +``` + + + + + + + + +结果为： +1 +小明 +20 +一米八 +``` +二.用自己的方式实现这个功能 +![avater](./imgs/2021-6-2-003.PNG) +``` +
+ + + +
+ + + + + +``` diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-2-001.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-2-001.PNG" new file mode 100644 index 0000000000000000000000000000000000000000..7c2d96946eb80f1f56afe78abe6cf5a5f1621949 GIT binary patch literal 1743 zcmd6oTUe3@7{}oYm5*FPI#fX4w5#3hei#4u|NNfkz5Bn1+`s_u&rs`7 zFc|DJst+Yt?-%t-K^p4oo-2H;-rz~W-X5^pZi_KJAbueGlVPy>f|X0L26_hBKHnw5 zV5>Sl39d-I!i2#LnN$k-+arvL($_4NgPB*Gd$H3)oTJwOT^Jz`GznJGxSk6uJ;pODeeVEU!+~N@0LKoAtg^J^|2HT_(5~vi>5-k08ihRBW!crZ zTC@-}_?AAIs=%Ilm$fVCZab zWRD12S)`0OctOUSXU+pxactI?m1rslDi?~R>vA((Nx$MzjTGgnpLjEj7mU-n5UvWy z%*~Mj;IOuKT6)tm|ZgLEd~IW6vIU+cBD4EPK8K^P7EX3!#bGIQ=_|S( zm%)1qGe9!I7!8+)6Ppsv7OU4syxLfE8d?Z+bo?Z*xCC6XB<69y`&d%g0x0ov5LX z8)9r9DHZ9*Z{EMBR;G0749x1yO|Qk;VFqQ&STN_C@<}YZlna)~*9gCio0`s&P}CVn^=#RO`MEP9&uQ$P zt#_IqE^xc5%maLpQv=n>eVs_d5~2M{en?Gbc~oWihKpa+`Z#ZaZ}*W4NC>}uM*=uF zcn1md7dTY#F2nqLs;7MW?RLkHUpy@66)2kz8;_j#aodH80z*N5WzipMCAzs|^)YPn zhqR%i?PC&_%MOsTHUpJtZy9#t-?8fN0WAyIF*SGlC~=~(leN_1EVFXzxilhM5rqu9 zLE{4U(z6E{q=K7W3CM+XB6@m!d9iW2@CcWN_^Hsrw19PIKktRtU#Q_bbet&hItL-K zYiAUXTe&T+dmd+fz$7bOcer(qPQXO9n!mnRqFuSBmle`ycb~WVK+2-uvd8#0;4>7x zdT2Hi?GS?>*eo*%+Zet%^bF7QT+(@H!X$h5-HQ6HhzERdG`kDL^qGUNFSj(fT5;<| z>^jK04cT9|wW4(yW&~gHPgEz_sC`c&z!sdxUZCtcqLW48(unXa54t#5NsnF)E|*mIZTk z;A&ku=d9x+vOKQ_+H;8}kGN$IKQa1lK4|?ZNWT??;Deq=Ss=p@?qo9n^q4y2`#v_2 zi?@2uBEe>PI6T%Z1Bq-kfVZ0=5Fu!^AKBgEe+0&BbFzx1R4;TDou_|7Fsf$&rPd>c F^EZ<>{mB3T literal 0 HcmV?d00001 diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-2-002.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-2-002.PNG" new file mode 100644 index 0000000000000000000000000000000000000000..6898903d0a448ef8a02733561de517b7159cb47e GIT binary patch literal 2112 zcmd6oSzOYI9>p;&OwuNqG`$3-&ZrY6=lgKZ`JB&r{e6Dl0&h=Obv0cz z5D27>#W?xyX5X&TRrl?BOsgJsHH(Poc0UyO2%${`kS&mP%!FDN&` zG4ZZ$msc`DBFp|zxUWoo#sU;}0CR9u3COY0L!AUOz@M+meutI7tCV@li4LSNjsG08 zzsu_Oohi0Fe{Lf57OHl($_1#2bQdh9HX*-LY2nceEev{fq1TYk;>0S-zu$_||p zC3MFS1HbsoOBW8_&10QCJy5ev?!rF>t^lmI3!pw@aK-kSjO}Iat1kB;bW(|3qfcWh z5?1+Pc|!hYR?`DTd>V47)b38XByF%|1DdcEoq8si_7OT~5xG{@=R?x<#93qP@v%4; zE5CekgQR}L#{2D31Jgy_;MJbRt1vVE!_5TOta~zzk5<*49Mx^JCx3$@U?)1zyL_S$#6E4k?RxjqII97~UU-BOuRY zQ*8_JRjRhspO2$%Lv(?|`hZc=LaNrI^Ip^@+)r)mK2z^(l#?rj_}A-I$WF_`{PD? z+q7}p?QTnl2%m-5%oXhG>_<1+8yL~Dp8fqEp`6q?{H!I~NRNrz=l6CVp?{>w$2 zAMdozoa25qUwFof2{S?+eBP-(B%QSJPhY`=*zm!nwe4lUTh`LH$)np+vp~AAa!~-D z3*7i{?EsH>-LPrSb6#~2y44UFe>@P`ppvisDzw9s@6Pi(8TXYl&*(nC%RCLO*HBD8 zh#_7bij>2u-RWv~gv<&2&2rOdI6Ks$mx@~HwJ7O#xC9(tK|T|^rM&A-FglI=_P6VM zF0a^ah$WKTdS!r~TMkXE-gdERT52dl`A~(G=FFn#s6_3K8f9^3j_jaIM98yI^Yhh+ zIi5DUwB&69F0ypFa0v)z-pes z_eb?^OdW9w)Ak%wiUwC?kzIbxVH6l@>-;SeZ6x4XKzzZ}rEz}H)I_f( zA@&DLTLFKO(+-W?`G`R&hNo%J)wNaL-V{(wetal)#*z+M7kRZodfOA+2U$D3 zwF_!*^3YLY*32ibY)U17+ZHk*4;m<>vTwQ*Iq&)@9K7vTjhZg?oajh*`quiJ6qd!z zF&>*t53va1KC){heE!Hgrh37c@5bxdLd@Lb?mS(RlLPwZBts{#2NK? ze04ZubHy;J@~$D>lSw51L5UUx(|#)AE~7{l6?G@vxZ>vlLTq)aVo_iX(R(o)E8vT< zl*jg{l75}?cg`tMmUEN)weydf&Kg%~Ie+KI?OJN7(+S9k_Idw{W^<#Xyx7)D-cf!e z$b;K{5z1Zs=gB~>Z=La>LVg=&fmBB(*+j_uJCMXj(A>~rW~x4F__D(!20<&`FAe59 z?g13%sD3F;tIWYd+uAnhF9D^(X(c)A#svQf&n30M*INhz7cRbr&Yc2~FSQ!zOkz?v zJz@bvI_-&HifQELxM#;+WQP8b8S2`FF)d&lqKYAoXkR(-)?%{raj;x>ga85%YSRft zdzzWwB5G{u80D8>A7rv&rs~&HTuSGPiaNty(}!kc9hQ(<7)&(Bl3AK!_<#9zJN`U{ zGy{quT=`5|?v4(k*%-q@(FZg_(=Nh}dsXma@Khyf^L6F=bdNo>!(e}BH zw`OAlkfqC3SNxU$@`bE8!=1um8ByO#)L6Sfl)rK8>^R;Q^hwYi5^jAiK=8tV^4-Tk&6R)j&*)-m+;r!qSKd!q|E1Ht~%Iyu`X2SE@$M9y{-toMKGx!>`Fy zckB<;B<-pWz1z^*4Q*g)w3~(WZdN@`x z&LCIb%}RbQJM2Jud989-wt1?s=Y_W;J0U#FQf~{I7TpLgfxrGMjQvl>{hy3Q<_C6^ YTgt|5^VYrNcc~A;I(s^`qQkEJ3t=i0Hvj+t literal 0 HcmV?d00001 diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-2-003.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-2-003.PNG" new file mode 100644 index 0000000000000000000000000000000000000000..4de18992c024188a3ac9be86b96be3f67ee3a8c5 GIT binary patch literal 6699 zcmd6sXH-+myT(Hd(xoXV2n3``lOnyu5V{n>h6FfD4ZTVaMiD_knuth8ih_U?LAnA0 zkrI%0D4~TG1B8wwlpD~q&Zqld>wdZSe%Q0KXV%Q#^S+bc^X%DCrpCHV^j!1+0Dwtf z4`v1cP{mVzm(ZT3l$jD@43raN)>T^VFCXo0YaN?DCn%C-*J-O@WG6CDU+M~DT z89L8%R8}m>-dflI==I_1o$g(VVXTNna8o^ANmXLKkjk3CiZ7BcmAZ47Jtirw~r_Xpb4_^}c0(w9?V{=}IM*A4<3gLkDu_crnuAMaADyzKy07&Y(XbV)OXS4rZfXk1w`UXIjMn4E>o zD;6i>yyMm$ppd^hfNt&IjQ<%Kfr!!wJDfNfx!)2v(?%jZj_;H&x%kab+4m0ExzxtG z?c3&B2B@MjB(~IQ^P5o+sWD^kPz<{~d~Y_oE%9|QLRD%3T=vzQo9F8kR1ch`5$b#? zvoBUO*NGHW*b`N#DEi#JkKM*n4HH|~R4osV@5PIuTo1pak@YJuCX}yCpaBXVE)gP6{CUk7n}ZIaye0j&kZnR*TUM-5f3rqjEG9=*pA*aX9IhlquhF;MyYp08BwE^S zGm0N6&)Fd@u9h{9S;eV01Ar)q6gxjEJu@?tHLPzUIkJGS*hY8ZXl+YocD;(FQ(k@J zQ-($^frp!!%^&4rdo9FT4X0>2kU+?*YWtASH>9{hahKQ(TsllFIt zV}pA0SajWK6a0InXBJtB%_3>(O$Æ}E;bWas88+w|(b7i~+KQ||+Sxu0a2>&Ro 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 G@qYoDR%dkp literal 0 HcmV?d00001 -- Gitee From 80b77236e954aa6217e03d3e50f9287333761bf5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=AE=B8=E6=A2=A6=E5=A9=B7?= <2559593548@qq.com> Date: Fri, 4 Jun 2021 11:41:25 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E7=AC=94=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../2021-6-3.md" | 130 ++++++++++++++++++ 1 file changed, 130 insertions(+) create mode 100644 "\350\256\270\346\242\246\345\251\267/2021-6-3.md" diff --git "a/\350\256\270\346\242\246\345\251\267/2021-6-3.md" "b/\350\256\270\346\242\246\345\251\267/2021-6-3.md" new file mode 100644 index 0000000..862e968 --- /dev/null +++ "b/\350\256\270\346\242\246\345\251\267/2021-6-3.md" @@ -0,0 +1,130 @@ +今日份课堂笔记 + +2021-6-3 星期四 + +一.事件处理 + +1.监听事件（用v-on指令监听事件） +``` +
+ +

这是你第{{counter}}次点我

+
+ + +``` +2.事件处理方法（当处理事件复杂时可以让V-on接受一个调用方法名称，在方法中实现想要的效果） +``` +
+ + +
+ + +``` +3.内联处理器中的方法(除了直接绑定一个方法，也可以在内联js语句中调用方法) +``` +
+ + +
+ + +``` +4.事件修饰符 +``` +.stop(阻止事件传播,只运行v-on当前绑定的事件) + + +.prevent（提交事件不再重载页面） +
+ +.capture（修饰符可以串联） + + +.self（只有修饰符） + + +.once（添加事件监听器时使用事件捕获模式 ，即内部元素触发的事件先在此处理，然后才交由内部元素进行处理 ） +
...
+ +.passive（ 只当在 event.target 是当前元素自身时触发处理函数，即事件不是从内部元素触发的） +
...
+``` +5.按键修饰符 +``` +.enter +.tab +.delete (捕获“删除”和“退格”键) +.esc +.space +.up +.down +.left +.right + +下修饰符来实现仅在按下相应按键时才触发鼠标或键盘事件的监听器。 +.ctrl +.alt +.shift +.meta +``` + +例子： +``` + +
+
+ +
+
+ + +``` \ No newline at end of file -- Gitee