From 282c5fe4870c6585d559803cb408bb5b2d794ef6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=94=A1=E7=8E=AE=E9=93=AD?= <2373854303@qq.com> Date: Tue, 26 Nov 2024 18:03:24 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A41126=E4=BD=9C=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...30\345\202\250\345\220\216\347\273\255.md" | 210 ++++++++++++++++++ .../css/index.css" | 115 ++++++++++ .../iconfont/iconfont.css" | 23 ++ .../iconfont/iconfont.ttf" | Bin 0 -> 2044 bytes .../iconfont/iconfont.woff" | Bin 0 -> 1316 bytes .../iconfont/iconfont.woff2" | Bin 0 -> 920 bytes ...\350\241\250\346\241\210\344\276\213.html" | 169 ++++++++++++++ 7 files changed, 517 insertions(+) create mode 100644 "\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255.md" create mode 100644 "\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/css/index.css" create mode 100644 "\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/iconfont/iconfont.css" create mode 100644 "\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/iconfont/iconfont.ttf" create mode 100644 "\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/iconfont/iconfont.woff" create mode 100644 "\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/iconfont/iconfont.woff2" create mode 100644 "\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/\345\255\246\347\224\237\345\260\261\344\270\232\347\273\237\350\256\241\350\241\250\346\241\210\344\276\213.html" diff --git "a/\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255.md" "b/\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255.md" new file mode 100644 index 0000000..45f3a38 --- /dev/null +++ "b/\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255.md" @@ -0,0 +1,210 @@ +## 课堂笔记 + +### **本地存储** + +```javascript +// 1. 存储 localstorage 存储的是字符串 +localStorage.setItem('age', 18) + +// 2. 获取 +console.log(typeof localStorage.getItem('age')) + +// 3. 删除 +localStorage.removeItem('age') + +// JSON 转换 +// 将复杂数据类型转换成 JSON字符串 +localStorage.setItem('arrs', JSON.stringify(arr)) + +// 把取出来的字符串转换为对象 +JSON.parse(localStorage.getItem('arrs')) +``` + +#### **数组方法** + +```javascript +// map方法 可以遍历数组处理数据，并且返回新的数组 +const arr = ['red', 'blue', 'pink'] +const newArr = arr.map(function (ele, index) { +return ele + '颜色' +}) + +// join方法 把数组中的所有元素转换一个字符串 +newArr.join() +``` + +## 课后作业 + +**学生就业统计表案例** + +```html + + + + + + + + 学生就业统计表 + + + + + +

学生就业统计表

+
+ + + + + + +
+ +
共有数据0条
+ + + + + + + + + + + + + + + + +
ID姓名年龄性别薪资就业城市录入时间操作
+ + + + +``` diff --git "a/\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/css/index.css" "b/\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/css/index.css" new file mode 100644 index 0000000..15f6a74 --- /dev/null +++ "b/\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/css/index.css" @@ -0,0 +1,115 @@ +* { + margin: 0; + padding: 0; +} + +a { + text-decoration: none; + color: #721c24; +} + +h1 { + text-align: center; + color: #333; + margin: 20px 0; + +} + +.title { + width: 933px; + height: 50px; + line-height: 50px; + padding-right: 15px; + border: 1px solid #ebebeb; + margin: 10px auto; + background-color: #f2f2f2; + text-align: right; +} + +.title span { + display: inline-block; + vertical-align: middle; + height: 20px; + margin: -3px 5px 0; + text-align: center; + line-height: 20px; + color: #f26934; + font-weight: 700; +} + +table { + margin: 0 auto; + width: 950px; + border-collapse: collapse; + color: #3c3637; +} + +th { + padding: 10px; + background: #f2f2f2; + font-size: 18px; + text-align: left; +} + +td, +th { + border: 1px solid #ebebeb; + padding: 15px; +} + +td { + + color: #666; + font-size: 16px; + +} + +tbody tr { + background: #fff; +} + +tbody tr:hover { + background: #fbfafa; +} + +tbody a { + display: inline-block; + width: 80px; + height: 30px; + text-align: center; + line-height: 30px; + color: #fff; + background-color: #f26934; +} + +.info { + width: 900px; + margin: 50px auto; + text-align: center; +} + +.info input, +.info select { + width: 100px; + height: 30px; + outline: none; + border: 1px solid #ebebeb; + padding-left: 5px; + box-sizing: border-box; + margin-right: 10px; +} + +.info button { + width: 70px; + height: 30px; + background-color: #5dbfd8; + outline: none; + border: 0; + color: #fff; + cursor: pointer; + font-size: 14px; +} + +.info button:hover { + background-color: #52abc1; +} \ No newline at end of file diff --git "a/\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/iconfont/iconfont.css" "b/\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/iconfont/iconfont.css" new file mode 100644 index 0000000..1802c2d --- /dev/null +++ "b/\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/iconfont/iconfont.css" @@ -0,0 +1,23 @@ +@font-face { + font-family: "iconfont"; /* Project id 3873122 */ + src: url('iconfont.woff2?t=1675070457031') format('woff2'), + url('iconfont.woff?t=1675070457031') format('woff'), + url('iconfont.ttf?t=1675070457031') format('truetype'); +} + +.iconfont { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-shanchu:before { + content: "\e718"; +} + +.icon-tianjia:before { + content: "\e6de"; +} + diff --git "a/\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/iconfont/iconfont.ttf" "b/\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/iconfont/iconfont.ttf" new file mode 100644 index 0000000000000000000000000000000000000000..978d156764de22c6e963066d227697ef2eb3b7c4 GIT binary patch literal 2044 zcmd^A&u<$=7=5$rtXsR-PV6LYqlS$GHl&r4E{+pw2O&z6Rv=L|X_NzkZ0+@r;9s&g zQNk$_2vLEchgJ&W$OWVxdIBMe)Jw$$p@<6-LTOJ85+GGVNL=FZX1%VGwEqEP&&>PY zyziU&W@mOG0Qj*E6=O5AmtWC8diGsFOp={@V|LWY{C(kf+8@(i%vQ|$QvT7fa* zmD%hqs>6`|*EjDb?o*` zK8)cdD6dYxK8HZrw5vES7vU7?zZZ*gsbDgG+f#5%jtVjYn#+1T5ZC04%2nk@a-X() z@dpe+PX%2n*(a2X`Exnkd9by8)Y%WHzhRxS{kx&a2|JZgW+vmEYSZE^SHD13dY)p> zjLCZ(jmBO;k+bY_7dkzaG6R`|BK?F!|M${9=Fhp?z|-?!t6k;!+UDt&)!Ah!k$1p3 zXR4{(M=zd62InzH!SHx8c2Y#O6Jj{3MfzSCGE&Ld(0DSH7DnF*(I3@%yCd50P&78) zos2n_BO32c2=Rz9QWJZydVXVMaC2~E!xsqnlxu8TiGXj@7g#wQJQi+!-ZK!01X6L4 zkEcYi^?fiL2!w-Qvl1zblY=88gOgP7KPe+jE(Uz98$AQZ!{Qxjw{FB!^d@d?h>H$$ zOSXHk%$Wyq_pbUKZ(Rh><3(KHfsDpu@mO*qHIXv<`}+GLUd^k;4QVIkNL1PpIU<kHI>d49(KTLVPW1#CXM-ppE^LqTi1P|pkI{z zq0l`M^n3jw5n>xm?{jrxyu8oVi6Kgki{o)qlx3*ab%v7p0X^7y^n}B-+qY5P_^^u= zcroB&m3-929^w%fck%6PxL6}UxW*2OCM zA6)Dq{>8;z=)<;)HS#+y_F-N;jrC`{0Ue7mb6@8lVta7=g*BiAZD{Ci;wp~9nIx6Rp zd?H(`;4B)j__46r=Ah#W*4UPiMGaNtoz{NLzC?8a%P7;c@!04=?|G^lXi_I*>Nt%A zU-<`BGgMU_<-yf7vBKF5uF>X-bk+tVRfwkD^;uj=nONrolw(VblchR=qT^M^8I1DR p$)}@FIC)m&JGWirx9Lem6^c-W2i|7UtY(YLUb|#gmr5qJ{{aojEXn`? literal 0 HcmV?d00001 diff --git "a/\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/iconfont/iconfont.woff" "b/\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/iconfont/iconfont.woff" new file mode 100644 index 0000000000000000000000000000000000000000..245803ee03a4b2912429c2ec656c235fd0718778 GIT binary patch literal 1316 zcmXT-cXMN4WB>wI6$Wk)&He|%2eDCsdvK@|0|O%mP}CZTLlnAItNerYjeueZ|bsvFx*Y-B#hd}?DuCZ9rDa|aWH znl-Bj14wUTV#1sQ2TmP0aOGr4TVvxwc_-t2X$DD87`lu$7#Sz9GG?yRFoir z7w>eV{iK+UC-mN(;h=t~G-A~WWA7)ydo-UZ-3?#8_waMIo9kw%|6hJ+z3HoOeka$P ze%N=Fv5G;+R#2&8PUwV#UWXk7+R}w~A7nAhoV+X}bBU&k#KQI+H{FsBChx7Ba4ESp zNw9jFU0b^t*S;op|F|QI!(U3jQ2xQPdiTVx*s}Kb_h;58uxTmu*DbAelI43K!dAf9 zFt^9mU1E}0nbV`6$KOubykf3lT*9mE8w4j+T~(f2CXpH{Hg%QGsa3H@_RpX4{oh8r z2-SmD9${)rmzC)+ei2lhduexU^?6bLt!iI2`afDd%jgcjz4Xe~`A;V=>HVzW*%T9Y zV)kmjpEG79MP|R-U9oyg#IcxNs@$~pC02;0*GwJ9-uTH7B89{zjRBldeoO!$(6HCCFx{w5jy zy>+0*N@`ip(!&>jvl)nSU*4!YC$jHzY6{Po zoY>m_C)hDF2u3rO0L^QiXq$J)L7;X1!3iu=G`yCWWQJ*K2%Y>h#baf_g5?X?H$QXV zc0EepXGnY413& zxM1q9$s7FZ#MUkBoL4aS*Xjah{R-i{P07dj=G7lv(^{U$zx{{6x(96Y4~4#pKVc=-$oSC(iFLpzT-s|nRC%$mZ5aLN#XxN%O$2qZ0 z_A!?tPmqgiN&3$j?^w+`A~XM&`oGwAVx@dhs~%IyxftbLmkw20`S$6?zYZ)d(at+P ztHoqW)LGA@O^^6(?yOzea)nu^dlgUZmYs`)>jTbA_``T(ay~G>B_|{`FzB(pX_z^& kbK=a2t&MvvlnwPQ7f;!%Vr;0dZ9K7&k-_c*>lX$F0OqR{$N&HU literal 0 HcmV?d00001 diff --git "a/\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/iconfont/iconfont.woff2" "b/\350\224\241\347\216\256\351\223\255/20241126 \346\234\254\345\234\260\345\255\230\345\202\250\345\220\216\347\273\255/html\346\226\207\344\273\266/iconfont/iconfont.woff2" new file mode 100644 index 0000000000000000000000000000000000000000..1f5c13a14971fffe970a081b8e91db71583d9dbf GIT binary patch literal 920 zcmV;J184kqPew8T0RR9100Wo+3jhEB00;a400T<^0RR9100000000000000000000 z0000SR0d!Gg9ZwNP=hi7HUcCA3=0SV1Rw>3X9qhQ69>p1k|Y6uWDSG}34jISf&cye zx6i%z>D+;x#ML1-)UQUwsmgFjP#Y&WO`QM!cje_;AOq@Ju(CE?W^hGq( zKZ(YsMNI9=pTH;GQwDRg<3vN2+IJ^`I<4Ec+AnhlI$?jgw|$vUrVv)NX-qr(P8CueHJmKidN% zLG203x*Q=`FXeMk-Sj%Cbm zC>Y}xiiY`zXipe?U2aY|IVvcYR6(^fq!HUiBcdnXAlixv#=B` z+uyf>;u;K?5Mmo1!DT6tM@sUF0&G%eiF#hiEv{o+nItg?BcNbHCUg&FI5`{Qj4!IA u2q{n9ka6@VgeWG}< + + + + + + + 学生就业统计表 + + + + + +

学生就业统计表

+
+ + + + + + +
+ +
共有数据0条
+ + + + + + + + + + + + + + + + +
ID姓名年龄性别薪资就业城市录入时间操作
+ + + + \ No newline at end of file -- Gitee