{"id":99,"date":"2025-12-02T18:57:09","date_gmt":"2025-12-02T10:57:09","guid":{"rendered":"http:\/\/8.130.188.72\/?p=99"},"modified":"2025-12-10T17:14:08","modified_gmt":"2025-12-10T09:14:08","slug":"%e8%87%aa%e5%8a%a8%e8%8d%89%e7%a8%bf","status":"publish","type":"post","link":"http:\/\/blog.huihuia24.top\/index.php\/2025\/12\/02\/%e8%87%aa%e5%8a%a8%e8%8d%89%e7%a8%bf\/","title":{"rendered":"Python\u5b66\u4e60\u7b14\u8bb02"},"content":{"rendered":"

\u6e90\u6587\u4ef6PDF\u4e0b\u8f7d\u5730\u5740\uff1a<\/strong>Python\u5b66\u4e60\u7b14\u8bb02<\/a><\/p>\n

\u5341\u4e8c\u3001Linux<\/code>\u57fa\u7840\u547d\u4ee4<\/h2>\n1.Ubuntu<\/code>\u64cd\u4f5c\u7cfb\u7edf<\/h3>\nvmware<\/code>\u4e0b\u8f7d\u5730\u5740\uff1aVMware<\/code><\/a><\/p>\n Ubuntu<\/code>\u4e0b\u8f7d\u5730\u5740\uff1aUbuntu<\/code><\/a><\/p>\n vmware<\/code>\u6fc0\u6d3b\u79d8\u94a5\uff1a(\u9009\u62e9\u5176\u4e00\u5373\u53ef)<\/p>\n NZ4RR-FTK5H-H81C1-Q30QH-1V2LA\n4A4RR-813DK-M81A9-4U35H-06KND\nMC60H-DWHD5-H80U9-6V85M-8280D\nJU090-6039P-08409-8J0QH-2YR7F\n<\/code><\/pre>\n\u4e3b\u8981\u76ee\u5f55\u8bf4\u660e<\/strong><\/p>\n \n\/<\/code>\uff1a\u6839\u76ee\u5f55<\/li>\n \/bin<\/code>\uff1a\u53ef\u6267\u884c\u4e8c\u8fdb\u5236\u6587\u4ef6\u76ee\u5f55<\/li>\n \/etc<\/code>\uff1a\u7cfb\u7edf\u914d\u7f6e\u6587\u4ef6\u5b58\u653e\u76ee\u5f55<\/li>\n \/home<\/code>\u7528\u6237\u5bb6\u76ee\u5f55<\/li>\n<\/ul>\n2. \u67e5\u770b\u76ee\u5f55\u547d\u4ee4<\/h3>\nls<\/code>\uff1a\u67e5\u770b\u5f53\u524d\u76ee\u5f55\u4fe1\u606f<\/p>\n tree<\/code>\uff1a\u4ee5\u6811\u72b6\u56fe\u65b9\u5f0f\u663e\u793a\u76ee\u5f55\u4fe1\u606f<\/p>\n pwd<\/code>\uff1a\u67e5\u770b\u5f53\u524d\u76ee\u5f55\u8def\u5f84<\/p>\n clear<\/code>\u6e05\u9664\u7ec8\u7aef\u5185\u5bb9<\/p>\n ctrl+alt+t<\/code>\uff1a\u5feb\u901f\u542f\u52a8\u547d\u4ee4\u884c\/\u7ec8\u7aef<\/p>\n 3. \u5207\u6362\u76ee\u5f55\u547d\u4ee4<\/h3>\ncd ..<\/code> \uff1a\u8fd4\u56de\u4e0a\u4e00\u7ea7\u76ee\u5f55<\/p>\n cd \u76ee\u5f55<\/code>\uff1a\u5207\u6362\u5230\u6307\u5b9a\u76ee\u5f55<\/p>\n cd ~ \/ cd<\/code>\uff1a\u5207\u6362\u5230\u5f53\u524d\u7528\u6237\u7684\u4e3b\u76ee\u5f55<\/p>\n cd .<\/code>\uff1a\u5207\u6362\u5230\u5f53\u524d\u76ee\u5f55<\/p>\n cd -<\/code>\uff1a\u5207\u6362\u5230\u4e0a\u4e00\u6b21\u76ee\u5f55<\/p>\n 4. \u7edd\u5bf9\u8def\u5f84\u548c\u76f8\u5bf9\u8def\u8def\u5f84<\/h3>\n\n\n\u7edd\u5bf9\u8def\u5f84<\/p>\n \u4ece\u6839\u76ee\u5f55\u7b97\u8d77\u7684\u8def\u5f84\u53eb\u505a\u7edd\u5bf9\u8def\u5f84<\/p>\n \u4f8b\u5982\uff1a<\/p>\n \n\/home\/huihuia24\/\u684c\u9762<\/code><\/li>\n \/bin<\/code><\/li>\n<\/ul>\n<\/li>\n \n\u76f8\u5bf9\u8def\u5f84<\/p>\n \u4ece\u5f53\u524d\u76ee\u5f55\u7b97\u8d77\u7684\u8def\u5f84<\/p>\n \u4f8b\u5982\uff1a<\/p>\n \n.\/tast\/hello<\/code><\/li>\n ..\/static\/images<\/code><\/li>\n<\/ul>\n<\/li>\n \n\u7edd\u5bf9\u8def\u5f84\u548c\u76f8\u5bf9\u8def\u5f84\u7684\u4f7f\u7528<\/p>\n \n\n\u7edd\u5bf9\u8def\u5f84\u5207\u6362\u5230\u684c\u9762<\/p>\n cd \/home\/huihuia24\/\u684c\u9762<\/code><\/p>\n<\/li>\n \n\u5728\u4e0b\u8f7d\u76ee\u5f55\u4ee5\u76f8\u5bf9\u8def\u5f84\u5207\u6362\u5230\u684c\u9762<\/p>\n cd Downloads<\/code><\/p>\n cd ..\/Desktop<\/code><\/p>\n<\/li>\n \n\u5728\u684c\u9762\u4f7f\u7528\u76f8\u5bf9\u8def\u5f84\u8c22\u6b22\u5230\u4e0a\u4e00\u7ea7\u76ee\u5f55\u7684\u4e0a\u4e00\u7ea7\u76ee\u5f55<\/p>\n cd Desktop cd ..\/..\/<\/code><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n 5. \u521b\u5efa\u3001\u5220\u9664\u6587\u4ef6\u53ca\u76ee\u5f55\u547d\u4ee4<\/h3>\n\n\n\u521b\u5efa\u3002\u5220\u9664\u6587\u4ef6\u53ca\u76ee\u5f55\u547d\u4ee4\u7684\u4f7f\u7528<\/p>\n touch \u6587\u4ef6\u540d<\/code>\uff1a\u521b\u5efa\u6307\u5b9a\u6587\u4ef6<\/p>\n mkdir \u76ee\u5f55\u540d<\/code>\uff1a\u521b\u5efa\u76ee\u5f55\/\u6587\u4ef6\u5939<\/p>\n rm \u6587\u4ef6\u540d\u6216\u76ee\u5f55\u540d<\/code>\uff1a\u5220\u9664\u6307\u5b9a\u6587\u4ef6\u6216\u76ee\u5f55\uff0c\u5220\u9664\u6587\u4ef6\u7684\u65f6\u5019\u5f97\u52a0-r<\/code><\/p>\n rmdir \u76ee\u5f55\u540d<\/code>\uff1a\u5220\u9664\u7a7a\u76ee\u5f55<\/p>\n<\/li>\n<\/ol>\n 6. \u590d\u5236\u3001\u79fb\u52a8\u6587\u4ef6\u53ca\u76ee\u5f55\u547d\u4ee4<\/h3>\ncp<\/code>\uff1a\u62f7\u8d1d\u6587\u4ef6\u3001\u62f7\u8d1d\u76ee\u5f55\uff0c\u62f7\u8d1d\u6587\u4ef6\u5939\u7684\u65f6\u5019\u52a0-r<\/code><\/p>\n mv<\/code>\uff1a\u79fb\u52a8\u6587\u4ef6\u3001\u79fb\u52a8\u76ee\u5f55\u3001\u91cd\u547d\u540d<\/p>\n 7. \u67e5\u770b\u547d\u4ee4\u5e2e\u52a9<\/h3>\n--help<\/code>\uff1a\u547d\u4ee4 –help<\/p>\n man<\/code>\uff1aman \u547d\u4ee4<\/p>\n 8 . ls<\/code>\u547d\u4ee4\u9009\u9879<\/h3>\n-l<\/code>\uff1a\u4ee5\u5217\u8868\u65b9\u5f0f\u663e\u793a\uff0c\u7b80\u5199\uff1all<\/code><\/p>\n -h<\/code>\uff1a\u4ee5\u5927\u5c0f\u5355\u4f4d\u663e\u793a\uff0c\u9ed8\u8ba4\u662f\u5b57\u8282<\/p>\n -a<\/code>\uff1a\u663e\u793a\u9690\u85cf\u6587\u4ef6\u548c\u9690\u85cf\u76ee\u5f55<\/p>\n 9. mkdir<\/code>\u548crm<\/code>\u547d\u4ee4\u9009\u9879<\/h3>\nmkdir<\/code>\u547d\u4ee4\u9009\u9879<\/strong><\/p>\n -p<\/code>\uff1a\u521b\u5efa\u6240\u4f9d\u8d56\u7684\u6587\u4ef6\u5939<\/p>\n mkdir aa\/bb\/cc -p\n<\/code><\/pre>\nrm<\/code>\u547d\u4ee4\u9009\u9879<\/strong><\/p>\n -i<\/code>\uff1a\u4ea4\u4e92\u5f0f\u63d0\u793a<\/p>\n rm 1.txt -i\n<\/code><\/pre>\n-r<\/code>\uff1a\u9012\u5f52\u5220\u9664\u76ee\u5f55\u53ca\u5176\u5185\u5bb9<\/p>\n rm aa -r\n<\/code><\/pre>\n-f<\/code>\uff1a\u5f3a\u5236\u5220\u9664\uff0c\u5ffd\u7565\u4e0d\u5b58\u5728\u7684\u6587\u4ef6\uff0c\u65e0\u9700\u63d0\u793a<\/p>\n rm 999.txt(\u4e0d\u5b58\u5728\u7684\u6587\u4ef6) -f\t\/\/ \u4e0d\u4f1a\u62a5\u9519\n<\/code><\/pre>\n-d<\/code>\uff1a\u5220\u9664\u7a7a\u76ee\u5f55<\/p>\n rm aaaa -d\n<\/code><\/pre>\n10. cp<\/code>\u548cmv<\/code>\u547d\u4ee4\u9009\u9879<\/h3>\ncp<\/code>\u547d\u4ee4\u9009\u9879<\/strong><\/p>\n -i<\/code>\uff1a\u4ea4\u4e92\u5f0f\u63d0\u793a<\/p>\n cp 1.txt aa -i\n<\/code><\/pre>\n-r<\/code>\uff1a\u9012\u5f52\u62f7\u8d1d\u76ee\u5f55\u53ca\u5176\u5185\u5bb9<\/p>\n cp aa bb -r\n<\/code><\/pre>\n-v<\/code>\uff1a\u663e\u793a\u62f7\u8d1d\u540e\u7684\u8def\u5f84\u63cf\u8ff0<\/p>\n cp 1.txt aa -v\n<\/code><\/pre>\n-a<\/code>\uff1a\u4fdd\u7559\u6587\u4ef6\u539f\u6709\u6743\u9650<\/p>\n cp 1.txt -a\n<\/code><\/pre>\nmv<\/code>\u547d\u4ee4\u9009\u9879<\/strong><\/p>\n -i<\/code>\uff1a\u4ea4\u4e92\u5f0f\u63d0\u793a<\/p>\n mv 1.txt aa -i\n<\/code><\/pre>\n-v<\/code>\uff1a\u663e\u793a\u79fb\u52a8\u540e\u7684\u8def\u5f84\u63cf\u8ff0<\/p>\n mv 1.txt aa -v\n<\/code><\/pre>\n11. \u91cd\u5b9a\u5411\u547d\u4ee4<\/h3>\n\u91cd\u5b9a\u5411\u4e5f\u79f0\u4e3a\u8f93\u51fa\u91cd\u5b9a\u5411\uff0c\u628a\u5728\u7ec8\u7aef\u6267\u884c\u547d\u4ee4\u7684\u7ed3\u679c\u4fdd\u5b58\u5230\u76ee\u6807\u6587\u4ef6<\/p>\n \u91cd\u5b9a\u5411\u547d\u4ee4\u4f7f\u7528<\/strong><\/p>\n ><\/code>\uff1a\u5982\u679c\u6587\u4ef6\u5b58\u5728\u4f1a\u8986\u76d6\u539f\u6709\u6587\u4ef6\u5185\u5bb9\uff0c\u76f8\u5f53\u4e8e\u6587\u4ef6\u64cd\u4f5c\u4e2d\u7684w<\/code>\u6a21\u5f0f<\/p>\n >><\/code>\uff1a\u5982\u679c\u6587\u4ef6\u5b58\u5728\u4f1a\u8ffd\u52a0\u5199\u5165\u6587\u4ef6\u672b\u5c3e\uff0c\u76f8\u5f53\u4e8e\uff0c\u6587\u4ef6\u64cd\u4f5c\u4e2d\u7684a<\/code>\u6a21\u5f0f<\/p>\n \u5341\u4e09\u3001Linux<\/code>\u9ad8\u7ea7\u547d\u4ee4<\/h2>\n1. \u67e5\u770b\u6587\u4ef6\u5185\u5bb9\u547d\u4ee4<\/h3>\ncat<\/code>\uff1a\u67e5\u770b\u5c0f\u578b\u6587\u4ef6<\/p>\n more<\/code>\uff1a\u5206\u5c4f\u67e5\u770b\u5927\u578b\u6587\u4ef6<\/p>\n gedit<\/code>\uff1a\u6253\u5f00\u6587\u4ef6\uff0c\u53ef\u4ee5\u4fee\u6539\u5185\u5bb9 <\/p>\n 2. \u7ba1\u9053|<\/code>\u547d\u4ee4\u7684\u4f7f\u7528<\/h3>\n\u7ba1\u9053|<\/code>\uff1a\u4e00\u4e2a\u547d\u4ee4\u7684\u8f93\u51fa\u53ef\u4ee5\u901a\u8fc7\u7ba1\u9053\u4f5c\u4e3a\u53e6\u4e00\u4e2a\u547d\u4ee4\u7684\u8f93\u5165\uff0c\u53ef\u4ee5\u7406\u89e3\u6210\u662f\u4e00\u4e2a\u5bb9\u5668\uff0c\u5b58\u653e\u5728\u7ec8\u7aef\u663e\u793a\u7684\u5185\u5bb9<\/p>\n ls \/bin | more\n<\/code><\/pre>\n3. \u94fe\u63a5\u547d\u4ee4<\/h3>\n\u94fe\u63a5\u547d\u4ee4\u662f\u521b\u5efa\u94fe\u63a5\u6587\u4ef6\uff0c\u94fe\u63a5\u5206\u4e3a\uff1a<\/p>\n \n\u8f6f\u94fe\u63a5<\/li>\n \u786c\u94fe\u63a5<\/li>\n<\/ul>\nln -s<\/code>\uff1a\u521b\u5efa\u8f6f\u94fe\u63a5<\/p>\n ln<\/code>\uff1a\u521b\u5efa\u786c\u94fe\u63a5<\/p>\n \u8f6f\u94fe\u63a5<\/strong><\/p>\n \u7c7b\u4f3c\u4e8ewindows\u4e0b\u7684\u5feb\u6377\u65b9\u5f0f<\/strong>\uff0c\u5f53\u4e00\u4e2a\u6e90\u6587\u4ef6\u7684\u76ee\u5f55\u5c42\u7ea7\u6bd4\u8f83\u6df1\uff0c\u6211\u4eec\u60f3\u8981\u65b9\u4fbf\u4f7f\u7528\u5b83\u53ef\u4ee5\u7ed9\u6e90\u6587\u4ef6\u521b\u5efa\u4e00\u4e2a\u8f6f\u94fe\u63a5<\/p>\n \u4f8b\uff1a\u4e3aaa\/2.txt<\/code>\u521b\u5efa\u8f6f\u94fe\u63a5\u5230\u684c\u9762\t<\/p>\n ln -s aa\/2.txt .\/2-s.txt\n<\/code><\/pre>\n\u6ce8\uff1a<\/font><\/p>\n \n\u5982\u679c\u8f6f\u94fe\u63a5\u548c\u6e90\u6587\u4ef6\u4e0d\u5728\u540c\u4e00\u76ee\u5f55\uff0c\u6e90\u6587\u4ef6\u8981\u7528\u7edd\u5bf9\u8def\u5f84\uff0c\u4e0d\u80fd\u4f7f\u7528\u76f8\u5bf9\u8def\u5f84\u3002<\/li>\n \u5220\u9664\u6e90\u6587\u4ef6\u5219\u8f6f\u94fe\u63a5\u5931\u6548<\/li>\n \u53ef\u4ee5\u7ed9\u76ee\u5f55\u521b\u5efa\u8f6f\u94fe\u63a5<\/li>\n<\/ul>\n\u786c\u94fe\u63a5<\/strong><\/p>\n \u7c7b\u4f3c\u4e8e\u6e90\u6587\u4ef6\u7684\u4e00\u4e2a\u522b\u540d\uff0c\u4e5f\u5c31\u662f\u8bf4\u8fd9\u4e24\u4e2a\u540d\u5b57\u6307\u5411\u7684\u662f\u540c\u4e00\u4e2a\u6587\u4ef6\u6570\u636e(\u76f8\u5f53\u4e8e\u76f4\u63a5\u590d\u5236\u4e86\u4e00\u4efd\uff0c\u4f46\u662f\u91cc\u9762\u6570\u636e\u662f\u540c\u6b65\u7684)<\/p>\n ln 3.txt 3-h.txt\n<\/code><\/pre>\n\u6ce8\uff1a<\/font><\/p>\n \n\u521b\u5efa\u786c\u94fe\u63a5\u4f7f\u7528\u76f8\u5bf9\u8def\u5f84\u548c\u7edd\u5bf9\u8def\u5f84\u90fd\u53ef\u4ee5<\/li>\n \u5220\u9664\u6e90\u6587\u4ef6\uff0c\u786c\u4ef6\u94fe\u63a5\u8fd8\u53ef\u4ee5\u8bbf\u95ee\u5230\u6570\u636e<\/li>\n \u521b\u5efa\u786c\u94fe\u63a5\uff0c\u786c\u94fe\u63a5\u6570\u4f1a\u52a01\uff0c\u5220\u9664\u6e90\u6587\u4ef6\u6216\u8005\u786c\u94fe\u63a5\uff0c\u786c\u94fe\u63a5\u6570\u4f1a\u51cf1<\/li>\n \u521b\u5efa\u8f6f\u94fe\u63a5\uff0c\u786c\u94fe\u63a5\u6570\u4e0d\u4f1a\u52a01<\/li>\n \u4e0d\u80fd\u7ed9\u76ee\u5f55\u521b\u5efa\u786c\u94fe\u63a5<\/li>\n<\/ul>\n4. \u6587\u672c\u641c\u7d22\u547d\u4ee4<\/h3>\ngrep<\/code>\u547d\u4ee4\u4f7f\u7528<\/strong><\/p>\n grep<\/code>\uff1a\u6587\u672c\u641c\u7d22<\/p>\n grep "aa" aa\/2.txt\n<\/code><\/pre>\n-i<\/code>\uff1a\u5ffd\u7565\u5927\u5c0f\u5199<\/p>\n -n<\/code>\uff1a\u663e\u793a\u5339\u914d\u884c\u53f7<\/p>\n -v<\/code>\uff1a\u663e\u793a\u4e0d\u5305\u542b\u5339\u914d\u6587\u672c\u7684\u6240\u6709\u884c<\/p>\n grep<\/code>\u547d\u4ee4\u7ed3\u5408\u6b63\u5219\u8868\u8fbe\u5f0f\u7684\u4f7f\u7528<\/strong><\/p>\n # 2.txt\naa,bb,cc\nssdfsa\nsafdsa\nadf\nasdfdf\n<\/code><\/pre>\n^<\/code>\uff1a\u6307\u5b9a\u5b57\u7b26\u4e32\u5f00\u5934<\/p>\n grep "^a" aa\/2.txt\n<\/code><\/pre>\n$<\/code>\uff1a\u6307\u5b9a\u5b57\u7b26\u4e32\u7ed3\u5c3e<\/p>\n grep "a$" aa\/2.txt\n<\/code><\/pre>\n.<\/code>\uff1a\u5339\u914d\u4e00\u4e2a\u975e\u6362\u884c\u7b26\u7684\u5b57\u7b26\uff08\u4ecea\u5230d\uff09<\/p>\n grep "a.d" aa\/2.txt\n<\/code><\/pre>\n5. \u67e5\u627e\u6587\u4ef6\u547d\u4ee4<\/h3>\nfind<\/code>\uff1a\u5728\u6307\u5b9a\u76ee\u5f55\u4e0b\u67e5\u627e\u6587\u4ef6(\u5305\u62ec\u76ee\u5f55)<\/p>\n find<\/code>\u547d\u4ee4\u9009\u9879<\/strong><\/p>\n -name<\/code>\uff1a\u6839\u636e\u6587\u4ef6\u540d(\u5305\u62ec\u76ee\u5f55\u540d)\u5b57\u67e5\u627e<\/p>\n find . -name 2.txt\n<\/code><\/pre>\nfind<\/code>\u547d\u4ee4\u7ed3\u5408\u901a\u914d\u7b26\u4f7f\u7528<\/strong><\/p>\n *<\/code>\uff1a\u8868\u793a0\u4e2a\u6216\u591a\u4e2a\u4efb\u610f\u5b57\u7b26<\/p>\n find . -name "*.txt"\n<\/code><\/pre>\n?<\/code>\uff1a\u8868\u793a\u4efb\u610f\u4e00\u4e2a\u5b57\u7b26<\/p>\n find . -name "?.txt"\n<\/code><\/pre>\n6. \u538b\u7f29\u548c\u89e3\u538b\u7f29<\/h3>\nLinux<\/code>\u9ed8\u8ba4\u652f\u6301\u7684\u538b\u7f29\u683c\u5f0f<\/p>\n \n.gz<\/code><\/li>\n .bz2<\/code><\/li>\n .zip<\/code><\/li>\n<\/ul>\n\u8bf4\u660e\uff1a<\/p>\n \n.gz<\/code>\u548cbz2<\/code>\u7684\u538b\u7f29\u5305\u9700\u8981\u4f7f\u7528tar<\/code>\u547d\u4ee4\u6765\u538b\u7f29\u548c\u89e3\u538b\u7f29\u7684<\/li>\n .zip<\/code>\u7684\u538b\u7f29\u5305\u9700\u8981\u4f7f\u7528zip<\/code>\u547d\u4ee4\u6765\u538b\u7f29\uff0c\u4f7f\u7528unzip<\/code>\u547d\u4ee4\u6765\u89e3\u538b\u7f29<\/li>\n<\/ul>\ntar<\/code>\u547d\u4ee4\u53ca\u9009\u9879\u7684\u4f7f\u7528<\/strong><\/p>\n tar<\/code>\uff1a\u538b\u7f29\u548c\u89e3\u538b\u547d\u4ee4<\/p>\n tar<\/code>\u547d\u4ee4\u9009\u9879<\/strong><\/p>\n -c<\/code>\uff1a\u521b\u5efa\u6253\u5305\u6587\u4ef6<\/p>\n -v<\/code>\uff1a\u663e\u793a\u6253\u5305\u6216\u8005\u89e3\u5305\u7684\u8be6\u7ec6\u4fe1\u606f<\/p>\n -f<\/code>\uff1a\u6307\u5b9a\u6587\u4ef6\u540d\u79f0\uff0c\u5fc5\u987b\u653e\u5230\u6240\u6709\u9009\u9879\u540e\u9762<\/p>\n -z<\/code>\uff1a\u538b\u7f29\u6216\u89e3\u538b\u7f29(.gz<\/code>)<\/p>\n -j<\/code>\uff1a\u538b\u7f29\u6216\u89e3\u538b\u7f29(.bz2<\/code>)<\/p>\n -x<\/code>\uff1a\u89e3\u5305<\/p>\n -C<\/code>\uff1a\u89e3\u538b\u7f29\u5230\u6307\u5b9a\u76ee\u5f55<\/p>\n zip<\/code>\u548cunzip<\/code>\u547d\u4ee4\u53ca\u4f7f\u7528<\/strong><\/p>\n zip<\/code>\uff1a\u538b\u7f29\u6210.zip<\/code>\u683c\u5f0f\u6587\u4ef6<\/p>\n unzip<\/code>\uff1a\u89e3\u538b\u7f29.zip<\/code>\u683c\u5f0f\u6587\u4ef6<\/p>\n unzip<\/code>\u547d\u4ee4\u9009\u9879<\/strong><\/p>\n -d<\/code>\uff1a\u89e3\u538b\u7f29\u5230\u6307\u5b9a\u76ee\u5f55<\/p>\n 7. \u6587\u4ef6\u6743\u9650\u547d\u4ee4<\/h3>\nchmod<\/code>\u547d\u4ee4<\/strong><\/p>\n chmod<\/code>\uff1a\u4fee\u6539\u6587\u4ef6\u6743\u9650<\/p>\n chmod<\/code>\u4fee\u6539\u6587\u4ef6\u6743\u9650\u6709\u4e24\u79cd\u65b9\u5f0f<\/p>\n \n\u5b57\u6bcd\u6cd5<\/li>\n \u6570\u5b57\u6cd5<\/li>\n<\/ul>\nchmod<\/code>\u5b57\u6bcd\u6cd5\u7684\u4f7f\u7528<\/strong><\/p>\n \u89d2\u8272\u8bf4\u660e<\/p>\n\n\n\n\n\n\n\n\n\u89d2\u8272<\/th>\n \u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n u<\/td>\n user\uff0c\u8868\u793a\u8be5\u6587\u4ef6\u7684\u6240\u6709\u8005<\/td>\n<\/tr>\n g<\/td>\n group\uff0c\u8868\u793a\u7528\u6237\u7ec4<\/td>\n<\/tr>\n o<\/td>\n other\uff0c\u8868\u793a\u5176\u4ed6\u7528\u6237\u7ec4<\/td>\n<\/tr>\n a<\/td>\n all\uff0c\u8868\u793a\u6240\u6709\u7528\u6237\u7ec4<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\u6743\u9650\u8bbe\u7f6e\u8bf4\u660e\uff1a<\/p>\n\n\n\n\n\n\n\n\u64cd\u4f5c\u7b26<\/th>\n \u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n +<\/td>\n \u589e\u52a0\u6743\u9650<\/td>\n<\/tr>\n –<\/td>\n \u64a4\u9500\u6743\u9650<\/td>\n<\/tr>\n =<\/td>\n \u8bbe\u7f6e\u6743\u9650<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\u6743\u9650\u8bf4\u660e\uff1a<\/p>\n\n\n\n\n\n\n\n\n\u6743\u9650<\/th>\n \u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n r<\/td>\n \u53ef\u8bfb<\/td>\n<\/tr>\n w<\/td>\n \u53ef\u5199<\/td>\n<\/tr>\n x<\/td>\n \u53ef\u6267\u884c<\/td>\n<\/tr>\n –<\/td>\n \u65e0\u4efb\u4f55\u6743\u9650<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\nchmod u-r aa\/2.txt\nchmod u+r aa\/2.txt\nchmod u+x info.py\n<\/code><\/pre>\nchmod<\/code>\u6570\u5b57\u6cd5\u7684\u4f7f\u7528<\/p>\n \u6570\u5b57\u6cd5\u5c31\u662frwx<\/code>\u8fd9\u4e9b\u6743\u9650\u4e5f\u53ef\u4ee5\u4f7f\u7528\u6570\u5b57\u6765\u4ee3\u66ff<\/p>\n\n\n\n\n\n\n\n\n\u6743\u9650<\/th>\n \u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n r<\/td>\n \u53ef\u8bfb\uff0c\u6743\u9650\u503c\u662f4<\/td>\n<\/tr>\n w<\/td>\n \u53ef\u5199\uff0c\u6743\u9650\u503c\u662f2<\/td>\n<\/tr>\n x<\/td>\n \u53ef\u6267\u884c\uff0c\u6743\u9650\u503c\u662f1<\/td>\n<\/tr>\n –<\/td>\n \u65e0\u4efb\u4f55\u6743\u9650\uff0c\u6743\u9650\u503c\u662f0<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\nchmod 000 1.txt\nchmod 777 1.txt\nchmod 644 1.txt\n<\/code><\/pre>\n8. \u83b7\u53d6\u7ba1\u7406\u5458\u6743\u9650\u7684\u76f8\u5173\u547d\u4ee4<\/h3>\nsudo<\/code>\u547d\u4ee4\u7684\u4f7f\u7528<\/strong><\/p>\n sudo -s<\/code>\uff1a\u5207\u6362\u5230root\u7528\u6237\uff0c\u83b7\u53d6\u7ba1\u7406\u5458\u6743\u9650<\/p>\n sudo<\/code>\uff1a\u67d0\u4e2a\u547d\u4ee4\u7684\u6267\u884c\u9700\u8981\u83b7\u53d6\u7ba1\u7406\u5458\u6743\u9650\u53ef\u4ee5\u5728\u6267\u884c\u547d\u4ee4\u524d\u9762\u52a0\u4e0asudo<\/code><\/p>\n whoami<\/code>\uff1a\u67e5\u770b\u5f53\u524d\u7528\u6237<\/p>\n exit<\/code>\uff1a\u9000\u51fa\u767b\u5f55\u7528\u6237<\/p>\n who<\/code>\uff1a\u67e5\u770b\u6240\u6709\u7684\u767b\u5f55\u7528\u6237<\/p>\n passwd<\/code>\uff1a\u4fee\u6539\u7528\u6237\u5bc6\u7801\uff0c\u4e0d\u6307\u5b9a\u7528\u6237\u9ed8\u8ba4\u4fee\u6539\u5f53\u524d\u767b\u5f55\u7528\u6237\u5bc6\u7801<\/p>\n which<\/code>\uff1a\u67e5\u770b\u547d\u4ee4\u4f4d\u7f6e<\/p>\n shutdown -h now<\/code>\uff1a\u7acb\u5373\u5173\u673a<\/p>\n reboot<\/code>\uff1a\u91cd\u542f<\/p>\n 9. \u7528\u6237\u76f8\u5173\u64cd\u4f5c<\/h3>\n\u521b\u5efa\u7528\u6237<\/strong><\/p>\n useradd<\/code>\uff1a\u521b\u5efa(\u6dfb\u52a0)\u7528\u6237<\/p>\n \u547d\u4ee4\u9009\u9879<\/p>\n -m<\/code>\uff1a\u81ea\u52a8\u521b\u5efa\u7528\u6237\u4e3b\u76ee\u5f55\uff0c\u4e3b\u76ee\u5f55\u7684\u540d\u5b57\u5c31\u662f\u7528\u6237\u540d<\/p>\n -g<\/code>\uff1a\u6307\u5b9a\u7528\u6237\u6240\u5c5e\u7528\u6237\u7ec4\uff0c\u9ed8\u8ba4\u4e0d\u6307\u5b9a\u4f1a\u81ea\u52a8\u521b\u5efa\u4e00\u4e2a\u540c\u540d\u7684\u7528\u6237\u7ec4<\/p>\n \u8bbe\u7f6e\u5bc6\u7801<\/strong><\/p>\n \u7ed9\u5176\u4ed6\u7528\u6237\u8bbe\u7f6e\u5bc6\u7801\uff0c\u9700\u8981\u4f7f\u7528sudo passwd \u7528\u6237\u540d<\/code><\/p>\n \u5207\u6362\u7528\u6237<\/strong><\/p>\n su<\/code>\uff1a\u5207\u6362\u7528\u6237<\/p>\n \u8bed\u6cd5su - \u7528\u6237\u540d<\/code><\/p>\n \u4fee\u6539\u7528\u6237\u4fe1\u606f<\/strong><\/p>\n usermod<\/code>\uff1a\u4fee\u6539\u7528\u6237\u4fe1\u606f<\/p>\n \u9009\u9879<\/p>\n -G<\/code>\uff1a\u8bbe\u7f6e\u4e00\u4e2a\u9644\u52a0\u7ec4<\/p>\n -g<\/code>\uff1a\u4fee\u6539\u7528\u6237\u7ec4<\/p>\n \u5220\u9664\u9644\u52a0\u7ec4<\/strong><\/p>\n gpasswd<\/code>\uff1a\u6dfb\u52a0\u548c\u5220\u9664\u9644\u52a0\u7ec4\u4fe1\u606f<\/p>\n \u9009\u9879<\/p>\n -a \u7528\u6237\u540d<\/code>\uff1a\u7ed9\u7528\u6237\u6dfb\u52a0\u9644\u52a0\u7ec4<\/p>\n -d \u7528\u6237\u540d<\/code>\uff1a\u7ed9\u7528\u6237\u5220\u9664\u9644\u52a0\u7ec4<\/p>\n \u5220\u9664\u7528\u6237<\/strong><\/p>\n userdel<\/code>\uff1a\u5220\u9664\u7528\u6237<\/p>\n \u9009\u9879<\/p>\n -r \u7528\u6237\u540d<\/code>\uff1a\u5220\u9664\u7528\u6237\u4e3b\u76ee\u5f55\uff0c\u5fc5\u987b\u8981\u8bbe\u7f6e\uff0c\u5426\u5219\u7528\u6237\u4e3b\u76ee\u5f55\u4e0d\u4f1a\u5220\u9664<\/p>\n 10. \u7528\u6237\u7ec4\u76f8\u5173\u64cd\u4f5c<\/h3>\ngroupadd<\/code>\uff1a\u521b\u5efa(\u6dfb\u52a0)\u7528\u6237\u7ec4<\/p>\n groupdel<\/code>\uff1a\u5220\u9664\u7528\u6237\u7ec4<\/p>\n 11. \u8fdc\u7a0b\u767b\u5f55\u3001\u8fdc\u7a0b\u62f7\u8d1d\u547d\u4ee4<\/h3>\nssh<\/code>\uff1a\u8fdc\u7a0b\u767b\u5f55<\/strong><\/p>\n \u9700\u8981ssh\u8f6f\u4ef6<\/p>\n xshell<\/strong><\/p>\n windows\u4e0b\u8f7d\u5730\u5740\uff1ahttps:\/\/www.xshell.com\/zh\/free-for-home-school\/<\/a><\/p>\n ubuntu\u547d\u4ee4<\/p>\n sudo apt-get install ssh\t# \u5b89\u88c5ssh\u670d\u52a1\nservice ssh start\nps -e|grep ssh\t\t# \u542f\u52a8ssh\u670d\u52a1\n<\/code><\/pre>\nopenssh<\/strong><\/p>\nwindows\u4e0b\u8f7d\u5730\u5740\uff1ahttps:\/\/www.mls-software.com\/opensshd.html<\/a><\/p>\n Windows\u94fe\u63a5\u8fdc\u7a0bUbuntu<\/code>\u5728\u547d\u4ee4\u63d0\u793a\u7b26\u8f93\u5165<\/p>\n ssh \u7528\u6237\u540d@IP\u5730\u5740\n<\/code><\/pre>\n\u62d3\u5c55\uff1a<\/p>\napt list\n<\/code><\/pre>\nscp<\/code>\uff1a\u8fdc\u7a0b\u62f7\u8d1d<\/strong><\/p>\n \u53ef\u4ee5\u4f7f\u7528\u8f6f\u4ef6\u5982\uff1axftp<\/code><\/p>\nwindows\u4e0b\u8f7d\u94fe\u63a5\uff1ahttps:\/\/www.xshell.com\/zh\/free-for-home-school\/<\/a><\/p>\n \u5728\u547d\u4ee4\u63d0\u793a\u7b26\u4e2d\u4f7f\u7528scp<\/code>\u8fdc\u7a0b\u62f7\u8d1d\u6587\u4ef6<\/p>\n scp \u6587\u4ef6\u540d \u7528\u6237\u540d@IP\u5730\u5740:\/\u6587\u4ef6\u5b58\u50a8\u7684\u7edd\u5bf9\u5730\u5740\n<\/code><\/pre>\n\u4f8b\uff1a<\/p>\n \u4ece\u672c\u5730\u62f7\u81f3\u670d\u52a1\u5668<\/p>\n scp python\u5b66\u4e60.pdf huihuia24@192.168.11.129:\/home\/huihuia24\/\u684c\u9762\n<\/code><\/pre>\n\u4ece\u670d\u52a1\u5668\u62f7\u81f3\u672c\u5730<\/p>\n scp -r huihuia24@192.168.11.129:\/home\/huihuia24\/\u684c\u9762\/aa .\n<\/code><\/pre>\n\u5341\u56db\u3001\u591a\u4efb\u52a1\u7f16\u7a0b<\/h2>\n 1. \u7f16\u8f91\u5668vim<\/code><\/h3>\n\u4ecb\u7ecd<\/strong><\/p>\n vim<\/code>\u662f\u4e00\u6b3e\u529f\u80fd\u5f3a\u5927\u7684\u6587\u672c\u7f16\u8f91\u5668\uff0c\u4e5f\u662f\u65e9\u5e74vi<\/code>\u7f16\u8f91\u5668\u7684\u52a0\u5f3a\u7248\uff0c\u5b83\u7684\u6700\u5927\u7279\u8272\u5c31\u662f\u4f7f\u7528\u547d\u4ee4\u8fdb\u884c\u7f16\u8f91\u5b8c\u5168\u8131\u79bb\u4e86\u9f20\u6807\u7684\u64cd\u4f5c\u3002<\/p>\n vim<\/code>\u5de5\u4f5c\u6a21\u5f0f<\/strong><\/p>\n \n\u547d\u4ee4\u6a21\u5f0f<\/li>\n \u7f16\u8f91\u6a21\u5f0f<\/li>\n \u672b\u884c\u6a21\u5f0f<\/li>\n<\/ul>\n\u6ce8\uff1a<\/font>\uff1avim<\/code>\u6253\u5f00\u6587\u4ef6\u8fdb\u5165\u7684\u662f\u547d\u4ee4\u6a21\u5f0f<\/p>\n \u5b89\u88c5\uff1asudo apt install vim<\/code><\/p>\n \u6ce8\uff1a<\/font>\u7f16\u8f91\u6a21\u5f0f\u548c\u672b\u884c\u6a21\u5f0f\u4e4b\u95f4\u4e0d\u80fd\u4e4b\u95f4\u8fdb\u884c\u5207\u6362\uff0c\u90fd\u9700\u8981\u901a\u8fc7\u547d\u4ee4\u6a21\u5f0f\u6765\u5b8c\u6210<\/p>\n vim<\/code>\u7684\u672b\u884c\u6a21\u5f0f\u547d\u4ee4<\/strong><\/p>\n \n:wq<\/code>\uff1a\u4fdd\u5b58\u9000\u51fa<\/li>\n :w<\/code>\uff1a\u4fdd\u5b58<\/li>\n :x<\/code>\uff1a\u4fdd\u5b58\u9000\u51fa<\/li>\n :q!<\/code>\uff1a\u5f3a\u5236\u9000\u51fa<\/li>\n<\/ul>\nvim<\/code>\u7684\u5e38\u7528\u547d\u4ee4<\/strong><\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\u547d\u4ee4<\/th>\n \u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n yy<\/code><\/td>\n \u590d\u5236\u5149\u6807\u6240\u5728\u884c<\/td>\n<\/tr>\n p<\/code><\/td>\n \u7c98\u8d34<\/td>\n<\/tr>\n dd<\/code><\/td>\n \u5220\u9664\/\u526a\u5207\u5f53\u524d\u884c<\/td>\n<\/tr>\n V<\/code><\/td>\n \u6309\u884c\u9009\u4e2d<\/td>\n<\/tr>\n u<\/code><\/td>\n \u64a4\u9500<\/td>\n<\/tr>\n ctrl+r<\/code><\/td>\n \u53cd\u64a4\u9500<\/td>\n<\/tr>\n >><\/code><\/td>\n \u5f80\u53f3\u7f29\u8fdb<\/td>\n<\/tr>\n <<<\/code><\/td>\n \u5f80\u5de6\u7f29\u8fdb<\/td>\n<\/tr>\n :\/\u641c\u7d22\u7684\u5185\u5bb9<\/code><\/td>\n \u641c\u7d22\u6307\u5b9a\u5185\u5bb9<\/td>\n<\/tr>\n :%s\/\u8981\u66ff\u6362\u7684\u5185\/\u66ff\u6362\u540e\u7684\u5185\u5bb9\/g<\/code><\/td>\n \u5168\u5c40\u66ff\u6362<\/td>\n<\/tr>\n :\u5f00\u59cb\u884c\u6570\uff0c\u7ed3\u675f\u884c\u6570s\/\u8981\u66ff\u6362\u7684\u5185\u5bb9\/\u66ff\u6362\u540e\u7684\u5185\u5bb9<\/code><\/td>\n \u5c40\u90e8\u66ff\u6362<\/td>\n<\/tr>\n .<\/code><\/td>\n \u91cd\u590d\u4e0a\u4e00\u6b21\u547d\u4ee4\u64cd\u4f5c<\/td>\n<\/tr>\n G<\/code><\/td>\n \u56de\u5230\u6700\u540e\u4e00\u884c<\/td>\n<\/tr>\n gg<\/code><\/td>\n \u56de\u5230\u7b2c\u4e00\u884c<\/td>\n<\/tr>\n \u6570\u5b57+G<\/code><\/td>\n \u56de\u5230\u6307\u5b9a\u884c<\/td>\n<\/tr>\n shift+6<\/code><\/td>\n \u56de\u5230\u5f53\u524d\u884c\u7684\u884c\u9996<\/td>\n<\/tr>\n shift+4<\/code><\/td>\n \u56de\u5230\u5f53\u524d\u884c\u7684\u884c\u672b<\/td>\n<\/tr>\n ctrl+f<\/code><\/td>\n \u4e0b\u4e00\u5c4f<\/td>\n<\/tr>\n ctrl+b<\/code><\/td>\n \u4e0a\u4e00\u5c4f<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n2. \u8f6f\u4ef6\u5b89\u88c5<\/h3>\n\u8f6f\u4ef6\u5b89\u88c5\u7684\u4e24\u79cd\u65b9\u5f0f\uff1a<\/strong><\/p>\n \n\u79bb\u7ebf\u5b89\u88c5(deb<\/code>\u6587\u4ef6\u683c\u5f0f\u5b89\u88c5)<\/li>\n \u5728\u7ebf\u5b89\u88c5(apt-get<\/code>\u65b9\u5f0f\u5b89\u88c5)<\/li>\n<\/ul>\n\u62d3\u5c55\uff1a\u5404\u7cfb\u7edf\u5b89\u88c5\u5305\u540e\u7f00<\/strong><\/p>\n Windows<\/code>\uff1a.exe<\/code><\/p>\n MacOS<\/code>\uff1a.dmg<\/code><\/p>\n Ubuntu<\/code>\uff1a.deb<\/code><\/p>\n deb<\/code>\u6587\u4ef6\u683c\u5f0f\u5b89\u88c5<\/strong><\/p>\n deb<\/code>\u662fUbuntu<\/code>\u7684\u5b89\u88c5\u5305\u683c\u5f0f\uff0c\u53ef\u4ee5\u4f7f\u7528dpkg<\/code>\u547d\u4ee4\u8fdb\u884c\u8f6f\u4ef6\u7684\u5b89\u88c5\u548c\u5378\u8f7d<\/p>\n dpkg<\/code>\uff1a\u5b89\u88c5\u548c\u5378\u8f7ddeb<\/code>\u5b89\u88c5\u5305<\/p>\n \u547d\u4ee4\u9009\u9879<\/strong><\/p>\n -i<\/code>\uff1a\u79bb\u7ebf\u5b89\u88c5deb<\/code>\u5b89\u88c5\u5305<\/p>\n apt-get<\/code>\u65b9\u5f0f\u5b89\u88c5<\/strong><\/p>\n \u5728\u7ebf\u5b89\u88c5deb\u8f6f\u4ef6\u5305\u7684\u547d\u4ee4\uff0c\u4e3b\u8981\u7528\u4e8e\u5728\u7ebf\u4ece\u4e92\u8054\u7f51\u7684\u8f6f\u4ef6\u4ed3\u4e2d\u641c\u7d22\u3001\u5b89\u88c5\u3001\u5347\u7ea7\u3001\u5378\u8f7d<\/strong>\u8f6f\u4ef6<\/p>\n \u5728\u7ebf\u5b89\u88c5\u8f6f\u4ef6\u547d\u4ee4\u683c\u5f0f\uff1a<\/p>\n \nsudo apt-gat install \u5b89\u88c5\u5305<\/code>\uff0c\u8868\u793a\u5728\u7ebf\u5b89\u88c5deb\u5b89\u88c5\u5305<\/li>\n<\/ul>\n3. \u66f4\u6539\u955c\u50cf\u6e90<\/h3>\n\u66f4\u6539\u955c\u50cf\u6e90\u7684\u65b9\u5f0f<\/p>\n \n\u53ef\u89c6\u5316\u65b9\u5f0f\u66f4\u6539\u955c\u50cf\u6e90<\/li>\n \u624b\u52a8\u65b9\u5f0f\u66f4\u6539\u955c\u50cf\u6e90<\/li>\n<\/ol>\n\u53ef\u89c6\u5316\u65b9\u5f0f\u66f4\u6539\u955c\u50cf\u6e90<\/strong><\/p>\n \u8bbe\u7f6e–>\u7cfb\u7edf–>\u8f6f\u4ef6\u66f4\u65b0<\/p>\n \u624b\u52a8\u65b9\u5f0f<\/strong><\/p>\n \u5907\u4efd\u8f6f\u4ef6\u6e90\u5217\u8868\uff08\u4ee5\u9632\u540e\u9762\u4f7f\u7528\u8fc7\u7a0b\u4e2d\u6e90\u6709\u95ee\u9898\u66f4\u6362\u56de\u6765\uff09<\/p>\n sudo cp \/etc\/apt\/sources.list \/etc\/apt\/sources.list_backup\n<\/code><\/pre>\n\u6253\u5f00\u8f6f\u4ef6\u6e90\u5217\u8868\u6587\u4ef6<\/p>\n sudo vim \/etc\/apt\/sources.list\n<\/code><\/pre>\n\u4fdd\u5b58\u540e\u5c31\u53ef\u4ee5\u5f00\u59cb\u66f4\u65b0\u8f6f\u4ef6\u5217\u8868\u4fe1\u606f\u4e86\uff0c\u8f93\u5165\u4ee5\u4e0b\u6307\u4ee4<\/p>\n sudo apt-get update\n<\/code><\/pre>\n\u8fd9\u4e2a\u547d\u4ee4\uff0c\u4f1a\u8bbf\u95ee\u6e90\u5217\u8868\u91cc\u7684\u6bcf\u4e2a\u7f51\u5740\uff0c\u5e76\u8bfb\u53d6\u8f6f\u4ef6\u5217\u8868\uff0c\u7136\u540e\u4fdd\u5b58\u5728\u672c\u5730\u7535\u8111\u3002\u6211\u4eec\u5728\u8f6f\u4ef6\u5305\u7ba1\u7406\u5668\u91cc\u770b\u5230\u7684\u8f6f\u4ef6\u5217\u8868\uff0c\u90fd\u662f\u901a\u8fc7update\u547d\u4ee4\u66f4\u65b0\u7684\u3002<\/p>\n update\u540e\uff0c\u53ef\u80fd\u9700\u8981upgrade\u4e00\u4e0b\u3002<\/p>\n sudo apt-get upgrade\n<\/code><\/pre>\n\u603b\u800c\u8a00\u4e4b\uff0cupdate<\/code>\u662f\u66f4\u65b0\u8f6f\u4ef6\u5217\u8868\uff0cupgrade<\/code>\u662f\u66f4\u65b0\u8f6f\u4ef6<\/font><\/p>\n 4. \u8f6f\u4ef6\u5378\u8f7d<\/h3>\n\u5378\u8f7d\u65b9\u5f0f\u6709\u4e24\u79cd\uff1a<\/p>\n \n\u79bb\u7ebf\u5b89\u88c5\u5305\u7684\u5378\u8f7d(deb\u6587\u4ef6\u683c\u5f0f\u5378\u8f7d)<\/li>\n \u5728\u7ebf\u5b89\u88c5\u5305\u7684\u5378\u8f7d\u548c(apt-get\u65b9\u5f0f\u5378\u8f7d)<\/li>\n<\/ul>\ndeb<\/code>\u6587\u4ef6\u683c\u5f0f\u5378\u8f7d<\/strong><\/p>\n \u547d\u4ee4\u683c\u5f0f\uff1a<\/p>\n sudo dpkg -r \u5b89\u88c5\u5305\u540d<\/code><\/p>\n -r<\/code>\u9009\u9879\u8868\u793a\u5b89\u88c5\u7684\u5378\u8f7d<\/p>\n apt-get<\/code>\u65b9\u5f0f\u5378\u8f7d<\/strong><\/p>\n \u547d\u4ee4\u683c\u5f0f\uff1a<\/p>\n sudo apt-get remove \u5b89\u88c5\u5305\u540d<\/code><\/p>\n 5. \u591a\u4efb\u52a1\u7684\u4ecb\u7ecd<\/h3>\n\u591a\u4efb\u52a1\u6700\u5927\u7684\u597d\u5904\u662f\u5145\u5206\u5229\u7528CPU\u8d44\u6e90\uff0c\u63d0\u9ad8\u7a0b\u5e8f\u7684\u6267\u884c\u6548\u7387<\/strong><\/p>\n \u591a\u4efb\u52a1\u662f\u6307\u5728\u540c\u4e00\u65f6\u95f4<\/strong>\u5185\u6267\u884c\u591a\u4e2a\u4efb\u52a1<\/strong>\uff0c\u4f8b\u5982:\u73b0\u5728\u7535\u8111\u5b89\u88c5\u7684\u64cd\u4f5c\u7cfb\u7edf\u90fd\u662f\u591a\u4efb\u52a1\u64cd\u4f5c\u7cfb\u7edf\uff0c\u53ef\u4ee5\u540c\u65f6\u8fd0\u884c\u7740\u591a\u4e2a\u8f6f\u4ef6\u3002<\/p>\n \u591a\u4efb\u52a1\u7684\u6267\u884c\u65b9\u5f0f<\/strong><\/p>\n \n\n\u5e76\u53d1<\/p>\n \u5728\u4e00\u6bb5\u65f6\u95f4\u5185\u4ea4\u66ff\u53bb\u6267\u884c\u4efb\u52a1<\/p>\n<\/li>\n \n\u5e76\u884c<\/p>\n \u5bf9\u4e8e\u591a\u6838CPU\u5904\u7406\u591a\u4efb\u52a1\uff0c\u64cd\u4f5c\u7cfb\u7edf\u4f1a\u7ed9CPU\u7684\u6bcf\u4e2a\u5185\u6838\u5b89\u6392\u4e00\u4e2a\u6267\u884c\u7684\u8f6f\u4ef6\uff0c\u591a\u4e2a\u5185\u6838\u662f\u771f\u6b63\u7684\u4e00\u8d77\u6267\u884c\u8f6f\u4ef6<\/strong>\u3002\u8fd9\u91cc\u9700\u8981\u6ce8\u610f\u591a\u6838CPU\u662f\u5e76\u884c\u7684\u6267\u884c\u591a\u4efb\u52a1<\/strong>\uff0c\u59cb\u7ec8\u6709\u591a\u4e2a\u8f6f\u4ef6\u4e00\u8d77\u6267\u884c<\/strong>\u3002<\/p>\n<\/li>\n<\/ul>\n 6. \u8fdb\u7a0b<\/h3>\n\u6ce8\uff1a<\/font>\u4e00\u4e2a\u7a0b\u5e8f\u8fd0\u884c\u540e\u81f3\u5c11\u6709\u4e00\u4e2a\u8fdb\u7a0b\uff0c\u4e00\u4e2a\u8fdb\u7a0b\u9ed8\u8ba4\u6709\u4e00\u4e2a\u7ebf\u7a0b<\/strong>\uff0c\u8fdb\u7a0b\u91cc\u9762\u53ef\u4ee5\u521b\u5efa\u591a\u4e2a\u7ebf\u7a0b\uff0c\u7ebf\u7a0b\u662f\u4f9d\u9644\u5728\u8fdb\u7a0b\u91cc\u9762\u7684\uff0c\u6ca1\u6709\u8fdb\u7a0b\u5c31\u6ca1\u6709\u7ebf\u7a0b<\/strong>\u3002<\/p>\n 7. \u591a\u8fdb\u7a0b\u7684\u4f7f\u7528<\/h3>\n\u5bfc\u5165\u8fdb\u7a0b\u5305<\/p>\n import multiprocessing\n<\/code><\/pre>\nprocess<\/code>\u8fdb\u7a0b\u7c7b\u7684\u8bf4\u660e<\/strong><\/p>\n process([group[,target[,name[,args[,kwargs]]]]])<\/code><\/p>\n \ngroup<\/code>\uff1a\u6307\u5b9a\u8fdb\u7a0b\u7ec4\uff0c\u76ee\u524d\u53ea\u80fd\u4f7f\u7528None<\/li>\n target<\/code>\uff1a\u6267\u884c\u7684\u76ee\u6807\u4efb\u52a1\u540d<\/li>\n name<\/code>\uff1a\u8fdb\u7a0b\u540d\u5b57<\/li>\n args<\/code>\uff1a\u4ee5\u5143\u7ec4\u7684\u65b9\u5f0f\u7ed9\u6267\u884c\u4efb\u52a1\u4f20\u53c2<\/li>\n kwargs<\/code>\uff1a\u4ee5\u5b57\u5178\u65b9\u5f0f\u7ed9\u6267\u884c\u4efb\u52a1\u4f20\u53c2<\/li>\n<\/ul>\nprocess<\/code>\u521b\u5efa\u5b9e\u4f8b\u5bf9\u8c61\u7684\u5e38\u7528\u65b9\u6cd5<\/strong><\/p>\n \nstart()<\/code>\uff1a\u542f\u52a8\u5b50\u8fdb\u7a0b\u5b9e\u4f8b(\u521b\u5efa\u5b50\u8fdb\u7a0b)<\/li>\n join<\/code>\uff1a\u7b49\u5f85\u5b50\u8fdb\u7a0b\u6267\u884c\u7ed3\u675f<\/li>\n terminate<\/code>\uff1a\u4e0d\u7ba1\u4efb\u52a1\u662f\u5426\u5b8c\u6210\uff0c\u7acb\u5373\u7ec8\u6b62\u5b50\u8fdb\u7a0b<\/li>\n<\/ul>\nprocess<\/code>\u521b\u5efa\u5b9e\u4f8b\u5bf9\u8c61\u7684\u5e38\u7528\u5c5e\u6027<\/strong><\/p>\n name\uff1a\u5f53\u524d\u8fdb\u7a0b\u7684\u522b\u540d\uff0c\u9ed8\u8ba4\u4e3aProcess-N\uff0cN\u4e3a\u4ece1\u5f00\u59cb\u9012\u589e\u7684\u6574\u6570<\/p>\n \u5b9e\u6218\uff1a<\/p>\n # \u5bfc\u5165\u8fdb\u7a0b\u5305\nimport multiprocessing\n# \u8df3\u821e\u4efb\u52a1\ndef dance():\n for i in range(3):\n print('\u8df3\u821e')\n\n# \u5531\u6b4c\ndef changge():\n for i in range(3):\n print('\u5531\u6b4c')\n# \u521b\u5efa\u5b50\u8fdb\u7a0b\ndance_process = multiprocessing.Process(target = dance)\nchangge_process = multiprocessing.Process(target = changge)\n\n# Windows \u7cfb\u7edf\u4e0b\u4f7f\u7528 multiprocessing \u65f6\uff0c\u5fc5\u987b\u5c06\u8fdb\u7a0b\u521b\u5efa \/ \u542f\u52a8\u7684\u4ee3\u7801\u653e\u5728 if __name__ == "__main__": \u4ee3\u7801\u5757\u4e2d\u3002\nif __name__ == '__main__':\n # \u542f\u52a8\u8fdb\u7a0b\uff0c\u6267\u884c\u5bf9\u5e94\u7684\u4efb\u52a1\n dance_process.start()\n changge_process.start()\n # \u4e3b\u8fdb\u7a0b\u6267\u884c\u5531\u6b4c\u4efb\u52a1\n changge()\n<\/code><\/pre>\n\u6ce8\uff1a<\/font>\u8fdb\u7a0b\u6267\u884c\u662f\u65e0\u5e8f\u7684\uff0c\u5177\u4f53\u54ea\u4e2a\u8fdb\u7a0b\u5148\u6267\u884c\u662f\u7531\u64cd\u4f5c\u7cfb\u7edf\u8c03\u5ea6\u51b3\u5b9a<\/p>\n 8. \u83b7\u53d6\u8fdb\u7a0b\u7f16\u53f7<\/h3>\n\u83b7\u53d6\u8fdb\u7a0b\u7f16\u53f7\u7684\u76ee\u7684<\/strong><\/p>\n \u83b7\u53d6\u8fdb\u7a0b\u7f16\u53f7\u7684\u76ee\u7684\u662f\u9a8c\u8bc1\u4e3b\u8fdb\u7a0b\u548c\u5b50\u8fdb\u7a0b\u7684\u5173\u7cfb\uff0c\u53ef\u4ee5\u5f97\u77e5\u5b50\u8fdb\u7a0b\u662f\u7531\u90a3\u4e2a\u4e3b\u8fdb\u7a0b\u521b\u5efa\u51fa\u6765\u7684\u3002<\/p>\n \u83b7\u53d6\u8fdb\u7a0b\u7f16\u53f7\u7684\u4e24\u79cd\u64cd\u4f5c\uff1a<\/p>\n \n\n\u83b7\u53d6\u5f53\u524d\u8fdb\u7a0b\u7f16\u53f7<\/p>\n os.getpid()<\/code>\u8868\u793a\u83b7\u53d6\u5f53\u524d\u7684\u8fdb\u7a0b\u7f16\u53f7<\/p>\n # \u5bfc\u5165\u8fdb\u7a0b\u5305\nimport multiprocessing\nimport os\n# \u8df3\u821e\u4efb\u52a1\ndef dance():\n for i in range(3):\n print('\u8df3\u821e')\n\n# \u5531\u6b4c\ndef changge():\n for i in range(3):\n print('\u5531\u6b4c')\n\n# \u521b\u5efa\u5b50\u8fdb\u7a0b\ndance_process = multiprocessing.Process(target = dance)\nchangge_process = multiprocessing.Process(target = changge)\n\n# \u83b7\u53d6\u5f53\u524d\u8fdb\u7a0b\u7f16\u53f7\nmain_process_id = os.getpid()\n# \u83b7\u53d6\u5f53\u524d\u8fdb\u7a0b\u5bf9\u8c61\uff0c\u67e5\u770b\u5f53\u524d\u4ee3\u7801\u662f\u7531\u90a3\u4e2a\u8fdb\u7a0b\u6267\u884c\u7684\uff1amultiprocessing.current_process()\nprint(main_process_id, multiprocessing.current_process())\n\n# Windows \u7cfb\u7edf\u4e0b\u4f7f\u7528 multiprocessing \u65f6\uff0c\u5fc5\u987b\u5c06\u8fdb\u7a0b\u521b\u5efa \/ \u542f\u52a8\u7684\u4ee3\u7801\u653e\u5728 if __name__ == "__main__": \u4ee3\u7801\u5757\u4e2d\u3002\nif __name__ == '__main__':\n # \u542f\u52a8\u8fdb\u7a0b\uff0c\u6267\u884c\u5bf9\u5e94\u7684\u4efb\u52a1\n dance_process.start()\n changge_process.start()\n\n # \u4e3b\u8fdb\u7a0b\u6267\u884c\u5531\u6b4c\u4efb\u52a1\n changge()\n<\/code><\/pre>\n<\/li>\n\n\u83b7\u53d6\u5f53\u524d\u7236\u8fdb\u7a0b\u7f16\u53f7<\/p>\n os.getppid()<\/code>\u8868\u793a\u83b7\u53d6\u5f53\u524d\u7236\u8fdb\u7a0b\u7f16\u53f7<\/p>\n # \u5bfc\u5165\u8fdb\u7a0b\u5305\nimport multiprocessing\nimport os\n# \u8df3\u821e\u4efb\u52a1\ndef dance():\n # \u83b7\u53d6\u5f53\u524d\u7236\u8fdb\u7a0b\u7f16\u53f7\n dance_process_id = os.getppid()\n print(dance_process_id)\n for i in range(3):\n print('\u8df3\u821e')\n\n\n# \u5531\u6b4c\ndef changge():\n # \u83b7\u53d6\u5f53\u524d\u5b50\u8fdb\u7a0b\n changge_process_id = os.getpid()\n print(changge_process_id)\n for i in range(3):\n print('\u5531\u6b4c')\n # \u62d3\u5c55\uff0c\u66f4\u5177\u8fdb\u7a0b\u7f16\u53f7\u5f3a\u5236\u6740\u6b7b\n os.kill(changge_process_id,9)\n\n# \u521b\u5efa\u5b50\u8fdb\u7a0b\ndance_process = multiprocessing.Process(target = dance)\nchangge_process = multiprocessing.Process(target = changge)\n\n# \u83b7\u53d6\u5f53\u524d\u8fdb\u7a0b\u7f16\u53f7\nmain_process_id = os.getpid()\n# \u83b7\u53d6\u5f53\u524d\u8fdb\u7a0b\u5bf9\u8c61\uff0c\u67e5\u770b\u5f53\u524d\u4ee3\u7801\u662f\u7531\u90a3\u4e2a\u8fdb\u7a0b\u6267\u884c\u7684\uff1amultiprocessing.current_process()\nprint(main_process_id, multiprocessing.current_process())\n\n# Windows \u7cfb\u7edf\u4e0b\u4f7f\u7528 multiprocessing \u65f6\uff0c\u5fc5\u987b\u5c06\u8fdb\u7a0b\u521b\u5efa \/ \u542f\u52a8\u7684\u4ee3\u7801\u653e\u5728 if __name__ == "__main__": \u4ee3\u7801\u5757\u4e2d\u3002\nif __name__ == '__main__':\n # \u542f\u52a8\u8fdb\u7a0b\uff0c\u6267\u884c\u5bf9\u5e94\u7684\u4efb\u52a1\n dance_process.start()\n changge_process.start()\n\n # \u4e3b\u8fdb\u7a0b\u6267\u884c\u5531\u6b4c\u4efb\u52a1\n changge()\n<\/code><\/pre>\n<\/li>\n<\/ul>\n9. \u8fdb\u7a0b\u6267\u884c\u5e26\u6709\u53c2\u6570\u7684\u4efb\u52a1<\/h3>\nProcess<\/code>\u7c7b\u6267\u884c\u4efb\u52a1\u5e76\u7ed9\u4efb\u52a1\u4f20\u53c2\u6570\u6709\u4e24\u79cd\u65b9\u5f0f\uff1a<\/p>\n \nargs<\/code>\uff1a\u4ee5\u5143\u7ec4\u7684\u65b9\u5f0f\u7ed9\u6267\u884c\u4efb\u52a1\u4f20\u53c2<\/li>\n kwargs<\/code>\uff1a\u4ee5\u5b57\u5178\u65b9\u5f0f\u7ed9\u6267\u884c\u4efb\u52a1\u4f20\u53c2<\/li>\n<\/ul>\nargs<\/code>\u53c2\u6570\u7684\u4f7f\u7528<\/strong><\/p>\n import multiprocessing\n\ndef show_info(name,age):\n print(f"\u59d3\u540d{name}\u4eca\u5e74{age}\u5c81\u3002")\n\nif __name__ == '__main__':\n pool = multiprocessing.Process(target=show_info, args=('\u5f20\u4e09',20))\n pool.start()\n<\/code><\/pre>\n\u6ce8\uff1a<\/font>\u4ee5\u5143\u7ec4\u65b9\u5f0f\u4f20\u53c2\uff0c\u5143\u7ec4\u91cc\u9762\u7684\u5143\u7d20\u987a\u5e8f\u8981\u548c\u51fd\u6570\u7684\u53c2\u6570\u987a\u5e8f\u4fdd\u6301\u4e00\u81f4<\/p>\n kwargs<\/code>\u53c2\u6570\u4f7f\u7528<\/strong><\/p>\n import multiprocessing\n\ndef show_info(name,age):\n print(f"\u59d3\u540d{name}\u4eca\u5e74{age}\u5c81\u3002")\n\nif __name__ == '__main__':\n pool = multiprocessing.Process(target=show_info, kwargs={'name':'\u5f20\u4e09','age':20})\n pool.start()\n<\/code><\/pre>\n\u6ce8\uff1a<\/font>\u4ee5\u5b57\u5178\u65b9\u5f0f\u4f20\u53c2\uff0c\u5b57\u5178\u91cc\u9762\u7684key\u540d\u8981\u548c\u51fd\u6570\u7684\u53c2\u6570\u540d\u4fdd\u6301\u4e00\u81f4\uff0c\u6ca1\u6709\u987a\u5e8f\u8981\u6c42<\/p>\n \u4f7f\u7528\u4e24\u79cd\u65b9\u5f0f\u540c\u65f6\u4f20\u53c2<\/strong><\/p>\n import multiprocessing\n\ndef show_info(name,age):\n print(f"\u59d3\u540d{name}\u4eca\u5e74{age}\u5c81\u3002")\n\nif __name__ == '__main__':\n pool = multiprocessing.Process(target=show_info, args=("\u5f20\u4e09",), kwargs={'age':20})\n pool.start()\n<\/code><\/pre>\n10. \u8fdb\u7a0b\u7684\u6ce8\u610f\u70b9<\/h3>\n\n\n\u8fdb\u7a0b\u4e4b\u95f4\u4e0d\u5171\u4eab\u5168\u5c40\u53d8\u91cf<\/p>\n import multiprocessing\nlist1 = []\n\ndef add_data():\n for i in range(3):\n list1.append(i)\n print(f'\u6dfb\u52a0\uff1a{i}')\n print(list1)\n\ndef read_data():\n print('\u5b50\u8fdb\u7a0b\u4e8c\u4e2d\u7684\u5217\u8868\u5185\u5bb9\uff1a',list1)\n\nif __name__ == '__main__':\n add = multiprocessing.Process(target=add_data)\n read = multiprocessing.Process(target=read_data)\n add.start()\n # \u5f53\u524d\u8fdb\u7a0b\uff08\u4e3b\u8fdb\u7a0b\uff09\u7b49\u5f85\u6dfb\u52a0\u6570\u636e\u7684\u8fdb\u7a0b\u6267\u884c\u5b8c\u6210\u540e\u518d\u7ee7\u7eed\u5f80\u4e0b\u6267\u884c\n add.join()\n read.start()\n<\/code><\/pre>\n\u6ce8\uff1a<\/font>\u521b\u5efa\u5b50\u8fdb\u7a0b\u5176\u5b9e\u5c31\u662f\u5bf9\u4e3b\u8fdb\u7a0b\u8d44\u6e90\u8fdb\u884c\u62f7\u8d1d\uff0c\u5b50\u8fdb\u7a0b\u5176\u5b9e\u5c31\u662f\u4e3b\u8fdb\u7a0b\u7684\u4e00\u4e2a\u526f\u672c<\/p>\n<\/li>\n \n\u4e3b\u8fdb\u7a0b\u4f1a\u7b49\u5f85\u6240\u6709\u5b50\u8fdb\u7a0b\u6267\u884c\u7ed3\u675f\u518d\u7ed3\u675f<\/p>\n import multiprocessing\nfrom time import sleep\n\ndef task():\n for i in range(10):\n print(i)\n sleep(0.2)\n\nif __name__ == '__main__':\n add = multiprocessing.Process(target=task)\n add.start()\n sleep(0.5)\n print('\u7ed3\u675f')\n<\/code><\/pre>\n\u89e3\u51b3\u529e\u6cd5\uff1a<\/p>\n \n\n\u8ba9\u5b50\u8fdb\u7a0b\u8bbe\u7f6e\u6210\u4e3a\u5b88\u62a4\u4e3b\u8fdb\u7a0b\uff0c\u4e3b\u8fdb\u7a0b\u9000\u51fa\u5b50\u8fdb\u7a0b\u9500\u6bc1\uff0c\u5b50\u8fdb\u7a0b\u4f1a\u4f9d\u8d56\u4e3b\u8fdb\u7a0b<\/p>\n import multiprocessing\nfrom time import sleep\n\ndef task():\n while True:\n print(1)\n sleep(0.2)\n\nif __name__ == '__main__':\n add = multiprocessing.Process(target=task)\n # \u628a\u5b50\u8fdb\u7a0b\u8bbe\u7f6e\u6210\u4e3a\u5b88\u62a4\u4e3b\u8fdb\u7a0b\uff0c\u4ee5\u540e\u4e3b\u8fdb\u7a0b\u9000\u51fa\u5b50\u8fdb\u7a0b\u76f4\u63a5\u9500\u6bc1\n add.daemon = True\n add.start()\n sleep(0.5)\n print('\u7ed3\u675f')\n<\/code><\/pre>\n<\/li>\n\n\u8ba9\u4e3b\u8fdb\u7a0b\u9000\u51fa\u4e4b\u524d\u5148\u8ba9\u5b50\u8fdb\u7a0b\u9500\u6bc1<\/p>\n import multiprocessing\nfrom time import sleep\n\ndef task():\n while True:\n print(1)\n sleep(0.2)\n\nif __name__ == '__main__':\n add = multiprocessing.Process(target=task)\n add.start()\n sleep(1)\n # \u4e3b\u8fdb\u7a0b\u9000\u51fa\u4e4b\u524d\u5148\u8ba9\u5b50\u8fdb\u7a0b\u9500\u6bc1\n add.terminate()\n print('\u7ed3\u675f')\n<\/code><\/pre>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n\u5341\u4e94\u3001\u591a\u4efb\u52a1\u7f16\u7a0b-2<\/h2>\n 1. \u7ebf\u7a0b<\/h3>\n\u7ebf\u7a0b\u662f\u8fdb\u7a0b\u4e2d\u6267\u884c\u4ee3\u7801\u7684\u4e00\u4e2a\u5206\u652f\uff0c\u6bcf\u4e2a\u6267\u884c\u5206\u652f(\u7ebf\u7a0b)\u8981\u60f3\u5de5\u4f5c\u6267\u884c\u4ee3\u7801\u9700\u8981CPU\u8fdb\u884c\u8c03\u5ea6\uff0c\u4e5f\u5c31\u662f\u8bf4\u7ebf\u7a0b\u662fCPU\u8c03\u5ea6\u7684\u57fa\u672c\u5355\u4f4d\uff0c\u6bcf\u4e2a\u8fdb\u7a0b\u81f3\u5c11\u90fd\u6709\u4e00\u4e2a\u7ebf\u7a0b\uff0c\u800c\u8fd9\u4e2a\u7ebf\u7a0b\u5c31\u662f\u6211\u4eec\u901a\u5e38\u8bf4\u7684\u4e3b\u7ebf\u7a0b\u3002<\/p>\n \u6ce8\uff1a<\/font>\u7a0b\u5e8f\u542f\u52a8\u9ed8\u8ba4\u4f1a\u6709\u4e00\u4e2a\u4e3b\u7ebf\u7a0b\uff0c\u7a0b\u5e8f\u5458\u81ea\u5df1\u521b\u5efa\u7684\u7ebf\u7a0b\u53ef\u4ee5\u79f0\u4e3a\u5b50\u8fdb\u7a0b\uff0c\u591a\u7ebf\u7a0b\u53ef\u4ee5\u5b8c\u6210\u591a\u4efb\u52a1<\/p>\n 2. \u591a\u7ebf\u7a0b\u7684\u4f7f\u7528<\/h3>\n\u5bfc\u5165\u7ebf\u7a0b\u6a21\u5757<\/strong><\/p>\n import threading\n<\/code><\/pre>\n\u7ebf\u7a0b\u7c7bThread<\/code>\u53c2\u6570\u8bf4\u660e<\/strong><\/p>\n Thread([group [,target [, name [, kwargs]]]])<\/code><\/p>\n \ngroup<\/code>\uff1a\u7ebf\u7a0b\u7ec4\uff0c\u76ee\u524d\u53ea\u80fd\u4f7f\u7528None<\/li>\n target<\/code>\uff1a\u6267\u884c\u7684\u76ee\u6807\u4efb\u52a1\u540d<\/li>\n args<\/code>\uff1a\u4ee5\u5143\u7ec4\u7684\u65b9\u5f0f\u7ed9\u6267\u884c\u4efb\u52a1\u4f20\u53c2<\/li>\n kwargs<\/code>\uff1a\u4ee5\u5b57\u5178\u7684\u65b9\u5f0f\u7ed9\u6267\u884c\u4efb\u52a1\u4f20\u53c2<\/li>\n name<\/code>\uff1a\u7ebf\u7a0b\u540d\uff0c\u4e00\u822c\u4e0d\u8bbe\u7f6e<\/li>\n<\/ul>\n\u542f\u52a8\u7ebf\u7a0b<\/strong><\/p>\n \u542f\u52a8\u7ebf\u7a0b\u4f7f\u7528start<\/code>\u65b9\u6cd5<\/p>\n \u591a\u7ebf\u7a0b\u5b8c\u6210\u591a\u4efb\u52a1\u5b9e\u6218<\/strong><\/p>\n import threading\n\ndef sing():\n # \u83b7\u53d6\u5f53\u524d\u7ebf\u7a0b\n sing_id = threading.current_thread()\n print(sing_id)\n for i in range(1,6):\n print(i,'\u5531\u6b4c\u3002\u3002')\n\ndef wu():\n # \u83b7\u53d6\u5f53\u524d\u7ebf\u7a0b\n wu_id = threading.current_thread()\n print(wu_id)\n for i in range(1,6):\n print(i,'\u8df3\u821e\u3002\u3002')\n\nif __name__ == '__main__':\n main_id = threading.current_thread()\n print(main_id)\n a = threading.Thread(target=sing)\n b = threading.Thread(target=wu)\n a.start()\n b.start()\n<\/code><\/pre>\n3. \u7ebf\u7a0b\u6267\u884c\u5e26\u6709\u53c2\u6570\u7684\u4efb\u52a1<\/h3>\nThread\u7c7b\u6267\u884c\u4efb\u52a1\u5e76\u7ed9\u4efb\u52a1\u4f20\u53c2\u6570\u6709\u4e24\u79cd\u65b9\u5f0f\uff1a<\/p>\n \nargs<\/code>\uff1a\u4ee5\u5143\u7ec4\u7684\u65b9\u5f0f\u7ed9\u6267\u884c\u4efb\u52a1\u4f20\u53c2<\/li>\n kwargs<\/code>\uff1a\u4ee5\u5b57\u5178\u7684\u65b9\u5f0f\u7ed9\u6267\u884c\u4efb\u52a1\u4f20\u53c2<\/li>\n<\/ul>\nargs<\/code>\u53c2\u6570\u4f7f\u7528<\/strong><\/p>\n import threading\n\ndef user_info(name,age):\n print(f'\u6211\u53eb{name}\uff0c\u4eca\u5e74{age}\u5c81\u3002')\n\nif __name__ == '__main__':\n user_info = threading.Thread(target=user_info,args=('\u5f20\u4e09',10))\n user_info.start()\n<\/code><\/pre>\nkwargs<\/code>\u53c2\u6570\u4f7f\u7528<\/strong><\/p>\n import threading\n\ndef user_info(name,age):\n print(f'\u6211\u53eb{name}\uff0c\u4eca\u5e74{age}\u5c81\u3002')\n\nif __name__ == '__main__':\n user_info = threading.Thread(target=user_info,kwargs={'name':'\u5f20\u4e09','age':18})\n user_info.start()\n<\/code><\/pre>\n\u540c\u65f6\u4f7f\u7528<\/strong><\/p>\n import threading\n\ndef user_info(name,age):\n print(f'\u6211\u53eb{name}\uff0c\u4eca\u5e74{age}\u5c81\u3002')\n\nif __name__ == '__main__':\n user_info = threading.Thread(target=user_info, args=('\u5f20\u4e09',), kwargs={'age':18})\n user_info.start()\n<\/code><\/pre>\n4. \u7ebf\u7a0b\u7684\u6ce8\u610f\u70b9<\/h3>\n\n\n\u7ebf\u7a0b\u4e4b\u95f4\u6267\u884c\u662f\u65e0\u5e8f\u7684<\/p>\n import threading\n\ndef dask():\n print(threading.current_thread())\n\nif __name__ == '__main__':\n for i in range(10):\n threading.Thread(target=dask).start()\n<\/code><\/pre>\n<\/li>\n\n\u4e3b\u7ebf\u7a0b\u4f1a\u7b49\u5f85\u6240\u6709\u5b50\u7ebf\u7a0b\u6267\u884c\u7ed3\u675f\u518d\u7ed3\u675f<\/p>\n import threading\nimport time\n\ndef dask():\n for i in range(100):\n print(i)\n time.sleep(0.5)\n\nif __name__ == '__main__':\n threading.Thread(target=dask).start()\n time.sleep(1)\n print('\u9000\u51fa')\n exit()\n<\/code><\/pre>\n\u89e3\u51b3\u65b9\u6cd5<\/strong><\/p>\n \u521b\u5efa\u5b50\u7ebf\u7a0b\u5b88\u62a4\u4e3b\u7ebf\u7a0b<\/p>\n import threading\nimport time\n\ndef dask():\n for i in range(100):\n print(i)\n time.sleep(0.2)\n\nif __name__ == '__main__':\n # \u521b\u5efa\u5b50\u7ebf\u7a0b\u5b88\u62a4\n threading.Thread(target=dask,daemon = True).start()\n time.sleep(1)\n print('\u9000\u51fa')\n<\/code><\/pre>\n<\/li>\n\n\u7ebf\u7a0b\u4e4b\u95f4\u5171\u4eab\u5168\u5c40\u53d8\u91cf<\/p>\n import threading\nimport time\n\nlist1 = []\ndef add():\n for i in range(4):\n list1.append(i)\n print('\u6dfb\u52a0\uff1a',i)\n\ndef pin():\n print(list1)\nif __name__ == '__main__':\n add_info = threading.Thread(target=add)\n pin_info = threading.Thread(target=pin)\n add_info.start()\n # \u5f53\u524d\u7ebf\u7a0b\u7b49\u5f85\u6dfb\u52a0\u6570\u636e\u7684\u5b50\u7ebf\u7a0b\u6267\u884c\u5b8c\u6210\u4ee5\u540e\u4ee3\u7801\u5728\u7ee7\u7eed\u6267\u884c\n add_info.join()\n pin_info.start()\n<\/code><\/pre>\n<\/li>\n\n\u7ebf\u7a0b\u4e4b\u95f4\u5171\u4eab\u5168\u5c40\u53d8\u91cf\u6570\u636e\u51fa\u73b0\u9519\u8bef\u95ee\u9898<\/p>\n \u9700\u6c42\uff1a<\/p>\n \n\n\u5b9a\u4e49\u4e24\u4e2a\u51fd\u6570\uff0c\u5b9e\u73b0\u5faa\u73af100\u4e07\u6b21\uff0c\u6bcf\u5faa\u73af1\u6b21\u7ed9\u5168\u5c40\u53d8\u91cf\u52a01<\/p>\n<\/li>\n \n\u5e38\u89c1\u4e24\u4e2a\u5b50\u7ebf\u7a0b\u6267\u884c\u5bf9\u5e94\u7684\u4e24\u4e2a\u51fd\u6570\uff0c\u67e5\u770b\u8ba1\u7b97\u540e\u7684\u7ed3\u679c<\/p>\n import threading\n\nnum = 0\n\ndef add_num():\n for i in range(1000000):\n global num\n num += 1\n print(f'1.\u7ed3\u679c\u662f:{num}')\n\ndef add_num1():\n for i in range(1000000):\n global num # \u8868\u793a\u58f0\u660e\u8981\u4fee\u6539\u5168\u5c40\u53d8\u91cf\u7684\u5185\u5b58\u5730\u5740\n num += 1\n print(f'2.\u7ed3\u679c\u662f:{num}')\n\n\nif __name__ == '__main__':\n add_num = threading.Thread(target=add_num)\n add_num1 = threading.Thread(target=add_num1)\n add_num.start()\n # \u89e3\u51b3\u65b9\u6cd5\n add_num.join()\n add_num1.start()\n<\/code><\/pre>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n5. \u4e92\u65a5\u9501<\/h3>\n\u4e92\u65a5\u9501\uff1a\u5bf9\u5171\u4eab\u6570\u636e\u8fdb\u884c\u9501\u5b9a\uff0c\u4fdd\u8bc1\u540c\u4e00\u65f6\u523b\u53ea\u80fd\u6709\u4e00\u4e2a\u7ebf\u7a0b\u53bb\u64cd\u4f5c<\/p>\n \u6ce8\uff1a<\/font><\/p>\n \n\u4e92\u65a5\u9501\u662f\u591a\u4e2a\u7ebf\u7a0b\u4e00\u8d77\u53bb\u62a2\uff0c\u62a2\u5230\u9501\u7684\u7ebf\u7a0b\u6267\u884c\uff0c\u6ca1\u6709\u62a2\u5230\u9501\u7684\u7ebf\u7a0b\u9700\u8981\u7b49\u5f85\uff0c\u7b49\u4e92\u65a5\u9501\u4f7f\u7528\u5b8c\u91ca\u653e\u540e\uff0c\u5176\u5b83\u7b49\u5f85\u7684\u7ebf\u7a0b\u518d\u53bb\u62a2\u8fd9\u4e2a\u9501\u3002<\/li>\n<\/ul>\n\u4e92\u65a5\u9501\u7684\u4f7f\u7528<\/strong><\/p>\n threading<\/code>\u6a21\u5757\u4e2d\u5b9a\u4e49\u4e86Lock\u53d8\u91cf\uff0c\u8fd9\u4e2a\u53d8\u91cf\u672c\u8d28\u4e0a\u662f\u4e00\u4e2a\u51fd\u6570\uff0c\u901a\u8fc7\u8c03\u7528\u8fd9\u4e2a\u51fd\u6570\u53ef\u4ee5\u83b7\u5f97\u4e00\u628a\u4e92\u65a5\u9501<\/p>\n # \u521b\u5efa\u4e92\u65a5\u9501\nnum = threading.Lock()\n\n# \u4e0a\u9501\nnum.acquire()\n\n# \u91ca\u653e\u9501\nnum.release()\n<\/code><\/pre>\n\u6ce8\uff1a<\/font><\/p>\n \nacquire<\/code>\u548crelease<\/code>\u65b9\u6cd5\u4e4b\u95f4\u7684\u4ee3\u7801\u540c\u4e00\u65f6\u523b\u53ea\u80fd\u6709\u4e00\u4e2a\u7ebf\u7a0b\u53bb\u64cd\u4f5c<\/li>\n \u5982\u679c\u5728\u8c03\u7528acquire<\/code>\u65b9\u6cd5\u7684\u65f6\u5019 \u5176\u4ed6\u7ebf\u7a0b\u5df2\u7ecf\u4f7f\u7528\u4e86\u8fd9\u4e2a\u4e92\u65a5\u9501\uff0c\u90a3\u4e48\u6b64\u65f6acquire<\/code>\u65b9\u6cd5\u4f1a\u5835\u585e\uff0c\u76f4\u5230\u8fd9\u4e2a\u4e92\u65a5\u9501\u91ca\u653e\u540e\u624d\u80fd\u518d\u6b21\u4e0a\u9501\u3002<\/li>\n<\/ul>\n\u89e3\u51b3\u5faa\u73af100\u4e07\u6b21\u6570\u636e\u9519\u8bef\u95ee\u9898<\/p>\n import threading\n\nnum = 0\n# \u521b\u5efa\u4e92\u65a5\u9501\napp = threading.Lock()\n\ndef add_num():\n # \u4e0a\u9501\n app.acquire()\n for i in range(1000000):\n global num\n num += 1\n print(f'1.\u7ed3\u679c\u662f:{num}')\n # \u91ca\u653e\u9501\n app.release()\n\ndef add_num1():\n # \u4e0a\u9501\n app.acquire()\n for i in range(1000000):\n global num # \u8868\u793a\u58f0\u660e\u8981\u4fee\u6539\u5168\u5c40\u53d8\u91cf\u7684\u5185\u5b58\u5730\u5740\n num += 1\n print(f'2.\u7ed3\u679c\u662f:{num}')\n # \u91ca\u653e\u9501\n app.release()\n\n\nif __name__ == '__main__':\n add_num = threading.Thread(target=add_num)\n add_num1 = threading.Thread(target=add_num1)\n add_num.start()\n add_num1.start()\n<\/code><\/pre>\n\u4e92\u65a5\u9501\u53ef\u4ee5\u4fdd\u8bc1\u540c\u4e00\u65f6\u523b\u53ea\u6709\u4e00\u4e2a\u7ebf\u7a0b\u53bb\u6267\u884c\u4ee3\u7801\uff0c\u80fd\u591f\u4fdd\u8bc1\u5168\u5c40\u53d8\u91cf\u7684\u6570\u636e\u6ca1\u6709\u95ee\u9898<\/p>\n \u7ebf\u7a0b\u7b49\u5f85\u548c\u4e92\u65a5\u9501\u90fd\u662f\u628a\u591a\u4efb\u52a1\u6539\u6210\u5355\u4efb\u52a1\u53bb\u6267\u884c\uff0c\u4fdd\u8bc1\u4e86\u6570\u636e\u7684\u51c6\u786e\u6027\uff0c\u4f46\u662f\u6267\u884c\u6027\u80fd\u4f1a\u4e0b\u964d<\/p>\n 6. \u6b7b\u9501<\/h3>\nimport threading\n\nlock = threading.Lock()\n\ndef pas(num):\n # \u4e0a\u9501\n lock.acquire()\n list1 = [3,4,99,7]\n if num >= len(list1):\n print('\u8d8a\u754c',num)\n # \u53d6\u503c\u4e0d\u6210\u529f\uff0c\u4e5f\u9700\u8981\u91ca\u653e\u4e92\u65a5\u9501\uff0c\u4e0d\u8981\u5f71\u54cd\u540e\u9762\u7684\u7ebf\u7a0b\u53bb\u53d6\u503c\n lock.release()\n return\n\n value = list1[num]\n print(value)\n # \u91ca\u653e\u9501\n lock.release()\n\nif __name__ == '__main__':\n for i in range(10):\n das = threading.Thread(target= pas,args=(i,))\n das.start()\n<\/code><\/pre>\n7. \u8fdb\u7a0b\u548c\u7ebf\u7a0b\u7684\u5bf9\u6bd4<\/h3>\n\n\u5173\u7cfb\u5bf9\u6bd4\n\n\u7ebf\u7a0b\u662f\u4f9d\u9644\u5728\u8fdb\u7a0b\u91cc\u9762\u7684\uff0c\u6ca1\u6709\u8fdb\u7a0b\u5c31\u6ca1\u6709\u7ebf\u7a0b<\/li>\n \u4e00\u4e2a\u8fdb\u7a0b\u9ed8\u8ba4\u63d0\u4f9b\u4e00\u6761\u7ebf\u7a0b\uff0c\u8fdb\u7a0b\u53ef\u4ee5\u521b\u5efa\u591a\u4e2a\u7ebf\u7a0b<\/li>\n<\/ol>\n<\/li>\n \u533a\u522b\u5bf9\u6bd4\n\n\u8fdb\u7a0b\u4e4b\u95f4\u4e0d\u5171\u4eab\u5168\u5c40\u53d8\u91cf<\/li>\n \u7ebf\u7a0b\u4e4b\u95f4\u5171\u4eab\u5168\u5c40\u53d8\u91cf\uff0c\u4f46\u662f\u8981\u6ce8\u610f\u8d44\u6e90\u7ade\u4e89\u95ee\u9898\uff0c\u89e3\u51b3\u529e\u6cd5\uff1a\u4e92\u65a5\u9501\u6216\u8005\u7ebf\u7a0b\u540c\u6b65<\/li>\n \u521b\u5efa\u8fdb\u7a0b\u7684\u8d44\u6e90\u5f00\u9500\u6bd4\u521b\u5efa\u7ebf\u7a0b\u7684\u8d44\u6e90\u5f00\u9500\u8981\u5927<\/li>\n \u8fdb\u7a0b\u662f\u64cd\u4f5c\u7cfb\u7edf\u8d44\u6e90\u5206\u914d\u7684\u57fa\u672c\u5355\u4f4d\uff0c\u7ebf\u7a0b\u662fCPU\u8c03\u5ea6\u7684\u57fa\u672c\u5355\u4f4d<\/li>\n \u7ebf\u7a0b\u4e0d\u80fd\u72ec\u7acb\u6267\u884c\uff0c\u5fc5\u987b\u4f9d\u5b58\u5728\u8fdb\u7a0b\u4e2d<\/li>\n \u591a\u8fdb\u7a0b\u5f00\u53d1\u6bd4\u5355\u8fdb\u7a0b\u591a\u7ebf\u7a0b\u7a33\u5b9a\u6027\u8981\u5f3a<\/li>\n<\/ol>\n<\/li>\n \u4f18\u7f3a\u70b9\u5bf9\u6bd4\n\n\u8fdb\u7a0b\u4f18\u7f3a\u70b9\n\n\u4f18\u70b9\uff1a\u53ef\u4ee5\u7528\u591a\u6838<\/li>\n \u7f3a\u70b9\uff1a\u8d44\u6e90\u5f00\u9500\u5927<\/li>\n<\/ul>\n<\/li>\n \u7ebf\u7a0b\u4f18\u7f3a\u70b9\n\n\u4f18\u70b9\uff1a\u8d44\u6e90\u5f00\u9500\u5c0f<\/li>\n \u7f3a\u70b9\uff1a\u4e0d\u80fd\u4f7f\u7528\u591a\u6838<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\u5341\u516d\u3001\u7f51\u7edc\u7f16\u7a0b<\/h2>\n 1. IP\u5730\u5740\u7684\u4ecb\u7ecd<\/h3>\nIP\u5730\u5740\u7684\u6982\u5ff5<\/strong><\/p>\n IP\u5730\u5740\u5c31\u662f\u6807\u8bc6\u7f51\u7edc\u4e2d\u8bbe\u5907\u7684\u4e00\u4e2a\u5730\u5740<\/strong><\/p>\n IP\u5730\u5740\u7684\u8868\u73b0\u5f62\u5f0f<\/strong><\/p>\n \u8bf4\u660e<\/strong><\/p>\n \nIP\u5730\u5740\u5206\u4e3a\u4e24\u7c7b\uff1aIPv4<\/strong>\u548cIPv6<\/strong><\/li>\n IPv4\u662f\u76ee\u524d\u4f7f\u7528\u7684IP\u5730\u5740<\/li>\n IPv6\u662f\u672a\u6765\u4f7f\u7528\u7684IP\u5730\u5740<\/li>\n IPv4\u662f\u7531\u70b9\u5206\u5341\u8fdb\u5236\u7ec4\u6210<\/li>\n IPv6\u662f\u7531\u5192\u53f7\u5341\u516d\u8fdb\u5236\u7ec4\u6210<\/li>\n<\/ul>\nIP\u5730\u5740\u7684\u4f5c\u7528<\/strong><\/p>\n IP\u5730\u5740\u7684\u4f5c\u7528\u662f\u6807\u8bc6\u7f51\u7edc\u4e2d\u552f\u4e00\u7684\u4e00\u53f0\u8bbe\u5907\u7684<\/strong>\uff0c\u4e5f\u5c31\u662f\u8bf4\u901a\u8fc7IP\u5730\u5740\u80fd\u591f\u627e\u5230\u7f51\u7edc\u4e2d\u7684\u67d0\u53f0\u8bbe\u5907<\/p>\n \u67e5\u770bIP\u5730\u5740<\/strong><\/p>\n \nLinux\u548cmac OS\u4f7f\u7528ifocnfig<\/code>\u8fd9\u4e2a\u547d\u4ee4<\/li>\n Windows\u4f7f\u7528ipconfig<\/code>\u8fd9\u4e2a\u547d\u4ee4<\/li>\n<\/ul>\n\u8bf4\u660e\uff1a<\/p>\n \n192.168.1.107\u662f\u8bbe\u5907\u5728\u7f51\u7edc\u4e2d\u7684IP\u5730\u5740<\/li>\n 127.0.0.1\u8868\u793a\u672c\u673a\u5730\u5740\uff0c\u63d0\u793a\uff1a\u5982\u679c\u548c\u81ea\u5df1\u7535\u8111\u901a\u4fe1\u5c31\u53ef\u4ee5\u4f7f\u7528\u8be5\u5730\u5740<\/li>\n 127.0.0.1\u8be5\u5730\u5740\u5bf9\u5e94\u7684\u57df\u540d\u662flocalhost<\/code>\u57df\u540d\u662fIP\u5730\u5740\u7684\u522b\u540d\uff0c\u901a\u8fc7\u57df\u540d\u89e3\u6790\u51fa\u4e00\u4e2a\u5bf9\u5e94\u7684IP\u5730\u5740<\/li>\n<\/ul>\n\u68c0\u67e5\u7f51\u7edc\u662f\u5426\u6b63\u5e38<\/strong><\/p>\n \n\u68c0\u67e5\u7f51\u7edc\u662f\u5426\u6b63\u5e38\u4f7f\u7528ping<\/code>\u547d\u4ee4<\/li>\n<\/ul>\n\u8bf4\u660e\uff1a<\/p>\n \nping www.baidu.com<\/code>\u68c0\u67e5\u662f\u5426\u80fd\u4e0a\u516c\u7f51<\/li>\n ping<\/code>\u5f53\u524d\u5c40\u57df\u7f51IP\u5730\u5740\uff0c\u68c0\u67e5\u662f\u5426\u5728\u540c\u4e00\u7f51\u6bb5<\/li>\n ping 127.0.0.1<\/code>\u68c0\u67e5\u672c\u5730\u7f51\u5361\u662f\u5426\u6b63\u5e38<\/li>\n<\/ul>\n2.\u7aef\u53e3\u548c\u7aef\u53e3\u53f7\u7684\u4ecb\u7ecd<\/h3>\n\u6bcf\u8fd0\u884c\u4e00\u4e2a\u7f51\u7edc\u7a0b\u5e8f\u90fd\u4f1a\u6709\u4e00\u4e2a\u7aef\u53e3\uff0c\u60f3\u8981\u7ed9\u5bf9\u5e94\u7684\u7a0b\u5e8f\u53d1\u9001\u6570\u636e\uff0c\u627e\u5230\u5bf9\u5e94\u7684\u7aef\u53e3\u5373\u53ef<\/p>\n \u4ec0\u4e48\u662f\u7aef\u53e3<\/strong><\/p>\n \u7aef\u53e3\u662f\u4f20\u8f93\u6570\u636e\u7684\u901a\u9053<\/strong>\uff0c\u662f\u6570\u636e\u4f20\u8f93\u7684\u5fc5\u7ecf\u4e4b\u8def<\/p>\n \u5176\u5b9e\uff0c\u6bcf\u4e2a\u7aef\u53e3\u90fd\u4f1a\u6709\u5bf9\u5e94\u7684\u7aef\u53e3\u53f7<\/strong>\uff0c\u60f3\u8981\u627e\u5230\u7aef\u53e3\u901a\u8fc7\u7aef\u53e3\u53f7\u5373\u53ef<\/p>\n \u4ec0\u4e48\u662f\u7aef\u53e3\u53f7<\/strong><\/p>\n \u64cd\u4f5c\u7cfb\u7edf\u4e3a\u4e86\u7edf\u4e00\u7ba1\u7406\u8fd9\u4e48\u591a\u7aef\u53e3\uff0c\u5c31\u5bf9\u7aef\u53e3\u8fdb\u884c\u4e86\u7f16\u53f7<\/strong>\uff0c\u8fd9\u5c31\u662f\u7aef\u53e3\u53f7\uff0c\u7aef\u53e3\u53f7\u5176\u5b9e\u5c31\u662f\u4e00\u4e2a\u6570\u5b57<\/strong><\/p>\n \u7aef\u53e3\u53f7\u670965536\u4e2a<\/p>\n \u7aef\u53e3\u548c\u7aef\u53e3\u53f7\u7684\u5173\u7cfb<\/strong><\/p>\n \u7aef\u53e3\u53f7\u53ef\u4ee5\u6807\u8bc6\u552f\u4e00\u7684\u4e00\u4e2a\u7aef\u53e3<\/p>\n \u7aef\u53e3\u53f7\u7684\u5206\u7c7b<\/strong><\/p>\n \n\n\u77e5\u540d\u7aef\u53e3\u53f7<\/p>\n \u77e5\u540d\u7aef\u53e3\u53f7\u662f\u6307\u4f17\u6240\u5468\u77e5\u7684\u7aef\u53e3\u53f7\uff0c\u8303\u56f4\u4ece0\u52301023<\/p>\n \u8fd9\u4e9b\u7aef\u53e3\u53f7\u4e00\u822c\u56fa\u5b9a\u5206\u914d\u7ed9\u4e00\u4e9b\u670d\u52a1\uff0c\u6bd4\u598221\u7aef\u53e3\u5206\u914d\u7ed9FTP(\u6587\u4ef6\u4f20\u8f93\u534f\u8bae)\u670d\u52a1\uff0c25\u7aef\u53e3\u5206\u7ed9SMTP(\u7b80\u6613\u90ae\u4ef6\u4f20\u8f93\u534f\u8bae)\u670d\u52a1\uff0c80\u7aef\u53e3\u5206\u914d\u7ed9HTTP\u670d\u52a1\uff0c3389\u7aef\u53e3(\u8fdc\u7a0b\u8fde\u63a5\u534f\u8bae)<\/p>\n<\/li>\n \n\u52a8\u6001\u7aef\u53e3\u53f7<\/p>\n \u4e00\u822c\u7a0b\u5e8f\u5458\u5f00\u53d1\u5e94\u7528\u7a0b\u5e8f\u4f7f\u7528\u7aef\u53e3\u53f7\u79f0\u4e3a\u52a8\u6001\u7aef\u53e3\u53f7\uff0c\u8303\u56f4\u662f1024\u523065535<\/p>\n \n\u5982\u679c\u7a0b\u5e8f\u5458\u5f00\u53d1\u7684\u7a0b\u5e8f\u6ca1\u6709\u8bbe\u7f6e\u7aef\u53e3\u53f7\uff0c\u64cd\u4f5c\u7cfb\u7edf\u4f1a\u5728\u51ac\u5929\u7aef\u53e3\u53f7\u8fd9\u4e2a\u8303\u56f4\u968f\u673a\u751f\u6210\u4e00\u4e2a\u7ed9\u5f00\u53d1\u7684\u5e94\u7528\u7a0b\u5e8f\u4f7f\u7528<\/li>\n \u5f53\u8fd0\u884c\u4e00\u4e2a\u7a0b\u5e8f\u9ed8\u8ba4\u4f1a\u6709\u4e00\u4e2a\u7aef\u53e3\u53f7\uff0c\u5f53\u8fd9\u4e2a\u7a0b\u5e8f\u9000\u51fa\u65f6\uff0c\u6240\u5360\u7528\u7684\u8fd9\u4e2a\u7aef\u53e3\u53f7\u5c31\u4f1a\u88ab\u91ca\u653e<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n3. TCP\u7684\u4ecb\u7ecd<\/h3>\nTCP\u7684\u6982\u5ff5<\/strong><\/p>\n TCP \u7684\u82f1\u6587\u5168\u62fc(Transmission Control Protocol)\u7b80\u79f0\u4f20\u8f93\u63a7\u5236\u534f\u8bae<\/strong>\uff0c\u5b83\u662f\u4e00\u79cd\u9762\u5411\u8fde\u63a5\u7684<\/strong>\u3001\u53ef\u9760\u7684<\/strong>\u3001\u57fa\u4e8e\u5b57\u8282\u6d41\u7684\u4f20\u8f93\u5c42\u901a\u4fe1\u534f\u8bae<\/strong>\u3002<\/p>\n TCP\u901a\u4fe1\u6b65\u9aa4<\/strong><\/p>\n \n\u521b\u5efa\u8fde\u63a5<\/li>\n \u4f20\u8f93\u6570\u636e<\/li>\n \u5173\u95ed\u8fde\u63a5<\/li>\n<\/ol>\nTCP\u7684\u7279\u70b9<\/strong><\/p>\n \n\u9762\u5411\u8fde\u63a5\n\n\u901a\u4fe1\u53cc\u65b9\u5fc5\u987b\u5148\u5efa\u7acb\u597d\u8fde\u63a5\u624d\u80fd\u8fdb\u884c\u6570\u636e\u7684\u4f20\u8f93\uff0c\u6570\u636e\u4f20\u8f93\u5b8c\u6210\u540e\uff0c\u53cc\u65b9\u5fc5\u987b\u65ad\u5f00\u6b64\u8fde\u63a5\uff0c\u4ee5\u91ca\u653e\u7cfb\u7edf\u8d44\u6e90\u3002<\/li>\n<\/ul>\n<\/li>\n \u53ef\u9760\u4f20\u8f93\n\nTCP \u91c7\u7528\u53d1\u9001\u5e94\u7b54\u673a\u5236<\/li>\n \u8d85\u65f6\u91cd\u4f20<\/li>\n \u9519\u8bef\u6821\u9a8c<\/li>\n \u6d41\u91cf\u63a7\u5236\u548c\u963b\u585e\u7ba1\u7406<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n4. socket\u7684\u4ecb\u7ecd<\/h3>\nsocket\u7684\u6982\u5ff5<\/strong><\/p>\n socket (\u7b80\u79f0 \u5957\u63a5\u5b57)\u662f\u8fdb\u7a0b\u4e4b\u95f4\u901a\u4fe1\u4e00\u4e2a\u5de5\u5177<\/strong>\uff0c\u597d\u6bd4\u73b0\u5b9e\u751f\u6d3b\u4e2d\u7684\u63d2\u5ea7\uff0c\u6240\u6709\u7684\u5bb6\u7528\u7535\u5668\u8981\u60f3\u5de5\u4f5c\u90fd\u662f\u57fa\u4e8e\u63d2\u5ea7\u8fdb\u884c\uff0c\u8fdb\u7a0b\u4e4b\u95f4\u60f3\u8981\u8fdb\u884c\u7f51\u7edc\u901a\u4fe1\u9700\u8981\u57fa\u4e8e\u8fd9\u4e2asocket<\/strong><\/p>\n socket\u7684\u4f5c\u7528<\/strong><\/p>\n \u8d1f\u8d23\u8fdb\u7a0b\u4e4b\u95f4\u7684\u7f51\u7edc\u6570\u636e\u4f20\u8f93\uff0c\u597d\u6bd4\u6570\u636e\u7684\u642c\u8fd0\u5de5<\/p>\n socket\u4f7f\u7528\u573a\u666f<\/strong><\/p>\n \u7f51\u7edc\u76f8\u5173\u7684\u5e94\u7528\u7a0b\u5e8f\u6216\u8f6f\u4ef6\u90fd\u7528\u5230\u4e86socket<\/p>\n \u603b\u7ed3\uff1a<\/h4>\n\u8fdb\u7a0b\u4e4b\u95f4\u7f51\u7edc\u6570\u636e\u7684\u4f20\u8f93<\/strong>\u53ef\u4ee5\u901a\u8fc7 socket \u6765\u5b8c\u6210\uff0csocket \u5c31\u662f\u8fdb\u7a0b\u95f4\u7f51\u7edc\u6570\u636e\u901a\u4fe1\u7684\u5de5\u5177<\/strong><\/p>\n 5. TCP\u7f51\u7edc\u5e94\u7528\u7a0b\u5e8f\u5f00\u53d1\u6d41\u7a0b<\/h3>\nTCP\u7f51\u7edc\u5e94\u7528\u7a0b\u5e8f\u5f00\u53d1\u6d41\u7a0b\u7684\u4ecb\u7ecd<\/strong><\/p>\n TCP\u7f51\u7edc\u5e94\u7528\u7a0b\u5e8f\u5f00\u53d1\u5206\u4e3a\uff1a<\/p>\n \nTCP\u5ba2\u6237\u7aef\u7a0b\u5e8f\u5f00\u53d1<\/li>\n TCP\u670d\u52a1\u7aef\u7a0b\u5e8f\u5f00\u53d1<\/li>\n<\/ul>\n\u8bf4\u660e\uff1a<\/p>\n \u5ba2\u6237\u7aef\u7a0b\u5e8f\u662f\u6307\u8fd0\u884c\u5728\u7528\u6237\u8bbe\u5907\u4e0a\u7684\u7a0b\u5e8f<\/strong>\uff0c\u670d\u52a1\u7aef\u7a0b\u5e8f\u662f\u6307\u8fd0\u884c\u5728\u670d\u52a1\u5668\u8bbe\u5907\u4e0a\u7684\u7a0b\u5e8f<\/strong>\uff0c\u4e13\u95e8\u4e3a\u5ba2\u6237\u7aef\u63d0\u4f9b\u6570\u636e\u670d\u52a1\u3002<\/p>\n TCP\u5ba2\u6237\u7aef\u7a0b\u5e8f\u5f00\u53d1\u6d41\u7a0b\u4ecb\u7ecd<\/strong><\/p>\n <\/p>\n \u6b65\u9aa4\u8bf4\u660e<\/strong><\/p>\n \n\u521b\u5efa\u5ba2\u6237\u7aef\u5957\u63a5\u5b57\u5bf9\u8c61<\/li>\n \u548c\u670d\u52a1\u7aef\u5957\u63a5\u5b57\u5efa\u7acb\u8fde\u63a5<\/li>\n \u53d1\u9001\u6570\u636e<\/li>\n \u63a5\u6536\u6570\u636e<\/li>\n \u5173\u95ed\u5ba2\u6237\u7aef\u5957\u63a5\u5b57<\/li>\n<\/ol>\nTCP\u670d\u52a1\u7aef\u7a0b\u5e8f\u5f00\u53d1\u6d41\u7a0b\u4ecb\u7ecd<\/strong><\/p>\n <\/p>\n \u6b65\u9aa4\u8bf4\u660e<\/strong><\/p>\n \n\u521b\u5efa\u670d\u52a1\u7aef\u5957\u63a5\u5b57\u5bf9\u8c61<\/li>\n \u7ed1\u5b9a\u7aef\u53e3\u53f7<\/li>\n \u8bbe\u7f6e\u76d1\u542c<\/li>\n \u7b49\u5f85\u63a5\u53d7\u5ba2\u6237\u7aef\u7684\u8fde\u63a5\u8bf7\u6c42<\/li>\n \u63a5\u6536\u6570\u636e<\/li>\n \u53d1\u9001\u6570\u636e<\/li>\n \u5173\u95ed\u5957\u63a5\u5b57<\/li>\n<\/ol>\n\u603b\u7ed3<\/strong><\/p>\n \nTCP\u7f51\u7edc\u5e94\u7528\u7a0b\u5e8f\u5f00\u53d1\u5206\u4e3a\u5ba2\u6237\u7aef\u548c\u670d\u52a1\u7aef<\/strong><\/li>\n \u4e3b\u52a8\u53d1\u8d77\u5efa\u7acb\u8fde\u63a5\u8bf7\u6c42<\/strong>\u7684\u662f\u5ba2\u6237\u7aef\u7a0b\u5e8f<\/li>\n \u7b49\u5f85\u63a5\u53d7\u8fde\u63a5\u8bf7\u6c42<\/strong>\u7684\u662f\u670d\u52a1\u7aef\u7a0b\u5e8f<\/li>\n<\/ol>\n6. TCP\u5ba2\u6237\u7aef\u7a0b\u5e8f\u5f00\u53d1<\/h3>\nsocket\u7c7b\u7684\u4ecb\u7ecd<\/strong><\/p>\n \u5bfc\u5165socket\u6a21\u5757<\/p>\n import socket\n<\/code><\/pre>\n\u521b\u5efa\u5ba2\u6237\u7aefsocket\u5bf9\u8c61<\/p>\n socket.socket(AddressFamily,Type)\n<\/code><\/pre>\n\u53c2\u6570\u8bf4\u660e\uff1a<\/p>\n \nAddressFamily<\/code>\u8868\u793aIP\u5730\u5740\u7c7b\u578b\uff0c\u5206\u4e3aIPv4\u548cIPv6<\/li>\n Type<\/code>\u8868\u793a\u4f20\u8f93\u534f\u8bae\u7c7b\u578b<\/li>\n<\/ul>\n\u65b9\u6cd5\u8bf4\u660e\uff1a<\/p>\n \nconnect(host,port)<\/code>\u8868\u793a\u548c\u670d\u52a1\u7aef\u5957\u63a5\u5b57\u5efa\u7acb\u8fde\u63a5\n\nhost<\/code>\u662f\u670d\u52a1\u5668IP\u5730\u5740<\/li>\n port<\/code>\u662f\u5e94\u7528\u7a0b\u5e8f\u7684\u7aef\u53e3\u53f7<\/li>\n<\/ul>\n<\/li>\n send(data)<\/code>\u8868\u793a\u53d1\u9001\u6570\u636e\n\ndata<\/code>\u662f\u4e8c\u8fdb\u5236\u6570\u636e<\/li>\n<\/ul>\n<\/li>\n recv(buffersize)<\/code>\u8868\u793a\u63a5\u6536\u6570\u636e\n\nbuffersize<\/code>\u662f\u6bcf\u6b21\u63a5\u6536\u6570\u636e\u7684\u957f\u5ea6<\/li>\n<\/ul>\n<\/li>\n<\/ul>\nTCP\u5ba2\u6237\u7aef\u7a0b\u5e8f\u5f00\u53d1\u793a\u4f8b<\/strong><\/p>\n \u7f51\u7edc\u8c03\u8bd5\u52a9\u624b\u4e0b\u8f7d\u5730\u5740\uff1aNetAssistant<\/code>\u7f51\u7edc\u8c03\u8bd5\u52a9\u624b<\/a><\/p>\n import socket\n\nif __name__ == '__main__':\n # \u521b\u5efaTPC\u5ba2\u6237\u7aef\u5957\u63a5\u5b57\n # socket.AF_INET = IPv4\u7c7b\u578b\uff0csocket.SOCK_STREAM = TCP\u534f\u8bae\n tcp_client_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)\n # \u548c\u670d\u52a1\u7aef\u5efa\u7acb\u8fde\u63a5\n tcp_client_socket.connect(('192.168.10.100', 8080))\n # \u5bf9\u5b57\u7b26\u4e32\u8fdb\u7a0b\u7f16\u7801\u6210\u4e3a\u4e8c\u8fdb\u5236\u6570\u636e\n sent_content = input("\u8f93\u5165\u4f60\u8981\u53d1\u9001\u7684\u6570\u636e\uff1a")\n sent_data = sent_content.encode('utf-8')\n # \u53d1\u9001\u6570\u636e\u5230\u670d\u52a1\u7aef\n tcp_client_socket.send(sent_data)\n # \u63a5\u6536\u670d\u52a1\u7aef\u6570\u636e\n # 1024\u8868\u793a\u6bcf\u6b21\u63a5\u6536\u7684\u6700\u5927\u5b57\u8282\u6570\n recv = tcp_client_socket.recv(1024)\n print(recv.decode('UTF-8'))\n # \u5173\u95ed\u5957\u63a5\u5b57\n tcp_client_socket.close()\n<\/code><\/pre>\n7. TCP\u670d\u52a1\u7aef\u7a0b\u5e8f\u5f00\u53d1<\/h3>\nsocket\u7c7b\u7684\u4ecb\u7ecd<\/strong><\/p>\n \u5bfc\u5165socket\u6a21\u5757<\/p>\nimport socket\n<\/code><\/pre>\n\u521b\u5efa\u5ba2\u6237\u7aefsocket\u5bf9\u8c61<\/p>\nsocket.socket(AddressFamily,Type)\n<\/code><\/pre>\n\u53c2\u6570\u8bf4\u660e\uff1a<\/p>\n\nAddressFamily<\/code>\u8868\u793aIP\u5730\u5740\u7c7b\u578b\uff0c\u5206\u4e3aIPv4\u548cIPv6<\/li>\nType<\/code>\u8868\u793a\u4f20\u8f93\u534f\u8bae\u7c7b\u578b<\/li>\n<\/ul>\n\u65b9\u6cd5\u8bf4\u660e\uff1a<\/p>\n\n\nbind(host,port)<\/code>\u8868\u793a\u7ed1\u5b9a\u7aef\u53e3\u53f7<\/p>\n\nhost<\/code>\u662fIP\u5730\u5740<\/li>\n port<\/code>\u662f\u7aef\u53e3\u53f7<\/li>\n IP\u5730\u5740\u4e00\u822c\u4e0d\u6307\u5b9a\uff0c\u8868\u793a\u672c\u673a\u7684\u4efb\u4f55\u4e00\u4e2aIP\u5730\u5740\u90fd\u53ef\u4ee5<\/li>\n<\/ul>\n<\/li>\n \nlisten(backlog)<\/code>\u8868\u793a\u8bbe\u7f6e\u76d1\u542c<\/p>\n \nbacklog<\/code>\u53c2\u6570\u8868\u793a\u6700\u5927\u7b49\u5f85\u5efa\u7acb\u8fde\u63a5\u7684\u4e2a\u6570<\/li>\n<\/ul>\n<\/li>\n \naccept()<\/code>\u8868\u793a\u7b49\u5f85\u63a5\u53d7\u5ba2\u6237\u7aef\u7684\u8fde\u63a5\u8bf7\u6c42<\/p>\n<\/li>\n \nsend(data)<\/code>\u8868\u793a\u53d1\u9001\u6570\u636e<\/p>\n \ndata<\/code>\u662f\u4e8c\u8fdb\u5236\u6570\u636e<\/li>\n<\/ul>\n<\/li>\n \nrecv(buffersize)<\/code>\u8868\u793a\u63a5\u6536\u6570\u636e<\/p>\n \nbuffersize<\/code>\u662f\u6bcf\u6b21\u63a5\u6536\u6570\u636e\u7684\u957f\u5ea6<\/li>\n<\/ul>\n<\/li>\n<\/ul>\nTCP\u670d\u52a1\u7aef\u7a0b\u5e8f\u5f00\u53d1\u793a\u4f8b<\/strong><\/p>\n import socket\n\nif __name__ == '__main__':\n while True:\n # \u521b\u5efaTPC\u670d\u52a1\u7aef\u5957\u63a5\u5b57\n tcp_server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)\n\n # \u7ed1\u5b9a\u7aef\u53e3\u53f7\n # \u7b2c\u4e00\u4e2a\u53c2\u6570\u8868\u793aip\u5730\u5740\uff0c\u4e00\u822c\u4e0d\u7528\u6307\u5b9a\uff0c\u8868\u793a\u672c\u673a\u7684\u4efb\u4f55\u4e00\u4e2aip\u5373\u53ef\n tcp_server_socket.bind(('', 8080))\n\n # \u8bbe\u7f6e\u76d1\u542c\n # \u9ed8\u8ba4128\n # 128\uff1a\u8868\u793a\u6700\u5927\u7b49\u5f85\u5efa\u7acb\u8fde\u63a5\u7684\u4e2a\u6570\n tcp_server_socket.listen(128)\n\n # \u7b49\u5f85\u63a5\u53d7\u5ba2\u6237\u7aef\u8fde\u63a5\u8bf7\u6c42\n new_client,ip_port = tcp_server_socket.accept()\n # \u6ce8\u610f\u70b9:\u6bcf\u6b21\u5f53\u5ba2\u6237\u7aef\u548c\u670d\u52a1\u7aef\u5efa\u7acb\u8fde\u63a5\u6210\u529f\u90fd\u4f1a\u8fd4\u56de\u4e00\u4e2a\u65b0\u7684\u5957\u63a5\u5b57\n print(ip_port)\n # \u63a5\u6536\u6570\u636e\n recv_data = new_client.recv(1024)\n print(recv_data.decode('utf-8'))\n\n # \u53d1\u9001\u6570\u636e\n new_client.send(b'hellon')\n\n # \u5173\u95ed\u670d\u52a1\u4e8e\u5ba2\u6237\u7aef\u7684\u5957\u63a5\u5b57\n new_client.close()\n # \u5173\u95ed\u5957\u63a5\u5b57\n tcp_server_socket.close()\n<\/code><\/pre>\n\u6ce8\uff1a<\/font>\u5f53\u5ba2\u6237\u7aef\u548c\u670d\u52a1\u7aef\u5efa\u7acb\u8fde\u63a5\u540e\uff0c\u670d\u52a1\u7aef\u9000\u51fa\u7a0b\u5e8f\u540e\uff0c\u7aef\u53e3\u53f7\u4e0d\u4f1a\u7acb\u5373\u91ca\u653e\uff0c\u9700\u8981\u7b49\u5f85\u5927\u69821-2\u5206\u949f<\/p>\n \u89e3\u51b3\u65b9\u6cd5\uff1a<\/p>\n \n\u66f4\u6362\u7aef\u53e3\u53f7<\/li>\n \u8bbe\u7f6e\u7aef\u53e3\u53f7\u590d\u7528(\u63a8\u8350)\u4e5f\u5c31\u662f\u8bf4\u8ba9\u670d\u52a1\u7aef\u9000\u51fa\u7a0b\u5e8f\u540e\u7aef\u53e3\u53f7\u7acb\u5373\u91ca\u653e<\/li>\n<\/ol>\n\u8bbe\u7f6e\u7aef\u53e3\u53f7\u590d\u7528\u4ee3\u7801\u5982\u4e0b<\/p>\n # \u8bbe\u7f6e\u7aef\u53e3\u53f7\u590d\u7528\n # \u53c2\u65701\uff1a\u8868\u793a\u5f53\u524d\u5957\u63a5\u5b57\uff1b\u53c2\u65702\uff1a\u8bbe\u7f6e\u7aef\u53e3\u53f7\u590d\u7528\u9009\u9879\uff1b\u53c2\u65703\uff1a\u8bbe\u7f6e\u7aef\u53e3\u53f7\u590d\u7528\u9009\u9879\u5bf9\u5e94\u7684\u503c\n tcp_server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, True)\n<\/code><\/pre>\n8. TCP\u7f51\u7edc\u5e94\u7528\u7a0b\u5e8f\u7684\u6ce8\u610f\u70b9<\/h3>\n\n\u5f53 TCP \u5ba2\u6237\u7aef\u7a0b\u5e8f\u60f3\u8981\u548c TCP \u670d\u52a1\u7aef\u7a0b\u5e8f\u8fdb\u884c\u901a\u4fe1\u7684\u65f6\u5019\u5fc5\u987b\u8981\u5148\u5efa\u7acb\u8fde\u63a5<\/strong><\/li>\n TCP \u5ba2\u6237\u7aef\u7a0b\u5e8f\u4e00\u822c\u4e0d\u9700\u8981\u7ed1\u5b9a\u7aef\u53e3\u53f7\uff0c\u56e0\u4e3a\u5ba2\u6237\u7aef\u662f\u4e3b\u52a8\u53d1\u8d77\u5efa\u7acb\u8fde\u63a5\u7684\u3002<\/li>\n TCP \u670d\u52a1\u7aef\u7a0b\u5e8f\u5fc5\u987b\u7ed1\u5b9a\u7aef\u53e3<\/strong>\uff0c\u5426\u5219\u5ba2\u6237\u7aef\u627e\u4e0d\u5230\u8fd9\u4e2a TCP \u670d\u52a1\u7aef\u7a0b\u5e8f\u3002<\/li>\n listen \u540e\u7684\u5957\u63a5\u5b57\u662f\u88ab\u52a8\u5957\u63a5\u5b57,\u53ea\u8d1f\u8d23\u63a5\u6536\u65b0\u7684\u5ba2\u6237\u7aef\u7684\u8fde\u63a5\u8bf7\u6c42,\u4e0d\u80fd\u6536\u53d1\u6d88\u606f<\/strong>\u3002<\/li>\n \u5f53 TCP \u5ba2\u6237\u7aef\u7a0b\u5e8f\u548c TCP \u670d\u52a1\u7aef\u7a0b\u5e8f\u8fde\u63a5\u6210\u529f\u540e\uff0cTCP \u670d\u52a1\u5668\u7aef\u7a0b\u5e8f\u4f1a\u4ea7\u751f\u4e00\u4e2a\u65b0\u7684\u5957\u63a5\u5b57\uff0c\u6536\u53d1\u5ba2\u6237\u7aef\u6d88\u606f\u4f7f\u7528\u8be5\u5957\u63a5\u5b57\u3002<\/li>\n \u5173\u95ed accept \u8fd4\u56de\u7684\u5957\u63a5\u5b57\u610f\u5473\u7740\u548c\u8fd9\u4e2a\u5ba2\u6237\u7aef\u5df2\u7ecf\u901a\u4fe1\u5b8c\u6bd5<\/strong>\u3002<\/li>\n \u5173\u95ed listen \u540e\u7684\u5957\u63a5\u5b57\u610f\u5473\u7740\u670d\u52a1\u7aef\u7684\u5957\u63a5\u5b57\u5173\u95ed\u4e86,\u4f1a\u5bfc\u81f4\u65b0\u7684\u5ba2\u6237\u7aef\u4e0d\u80fd\u8fde\u63a5\u670d\u52a1\u7aef\uff0c\u4f46\u662f\u4e4b\u524d\u5df2\u7ecf\u63a5\u6210\u529f\u7684\u5ba2\u6237\u7aef\u8fd8\u80fd\u6b63\u5e38\u901a\u4fe1<\/strong>\u3002<\/li>\n \u5f53\u5ba2\u6237\u7aef\u7684\u5957\u63a5\u5b57\u8c03\u7528 close \u540e,\u670d\u52a1\u5668\u7aef\u7684 recv \u4f1a\u89e3\u963b\u585e,\u8fd4\u56de\u7684\u6570\u636e\u957f\u5ea6\u4e3a0<\/strong>\uff0c\u670d\u52a1\u7aef\u53ef\u4ee5\u901a\u8fc7\u8fd4\u56de\u6570\u636e\u7684\u957f\u5ea6\u6765\u5224\u65ad\u5ba2\u6237\u7aef\u662f\u5426\u5df2\u7ecf\u4e0b\u7ebf\uff0c\u53cd\u4e4b\u670d\u52a1\u7aef\u5173\u95ed\u5957\u63a5\u5b57\uff0c\u5ba2\u6237\u7aef\u7684 recv \u4e5f\u4f1a\u89e3\u963b\u585e\uff0c\u8fd4\u56de\u7684\u6570\u636e\u957f\u5ea6\u4e5f\u4e3a0<\/strong>\u3002<\/li>\n<\/ol>\n9.\u6848\u4f8b-\u591a\u4efb\u52a1\u7248TCP\u670d\u52a1\u7aef\u7a0b\u5e8f<\/h3>\nimport socket\nimport threading\n\n# \u5904\u7406\u5ba2\u6237\u7aef\u8bf7\u6c42\u7684\u4efb\u52a1\ndef user(ip_port,new_client):\n # \u6ce8\u610f\u70b9:\u6bcf\u6b21\u5f53\u5ba2\u6237\u7aef\u548c\u670d\u52a1\u7aef\u5efa\u7acb\u8fde\u63a5\u6210\u529f\u90fd\u4f1a\u8fd4\u56de\u4e00\u4e2a\u65b0\u7684\u5957\u63a5\u5b57\n print(ip_port)\n # \u63a5\u6536\u6570\u636e\n while True:\n recv_data = new_client.recv(1024)\n if recv_data:\n print(recv_data.decode('utf-8'))\n\n # \u53d1\u9001\u6570\u636e\n new_client.send(b'hellon')\n else:\n print('\u4e0b\u7ebf\u4e86',ip_port)\n break\n\n # \u5173\u95ed\u670d\u52a1\u4e8e\u5ba2\u6237\u7aef\u7684\u5957\u63a5\u5b57\n new_client.close()\n\nif __name__ == '__main__':\n # \u521b\u5efaTPC\u670d\u52a1\u7aef\u5957\u63a5\u5b57\n tcp_server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)\n\n # \u8bbe\u7f6e\u7aef\u53e3\u53f7\u590d\u7528\n # \u53c2\u65701\uff1a\u8868\u793a\u5f53\u524d\u5957\u63a5\u5b57\uff1b\u53c2\u65702\uff1a\u8bbe\u7f6e\u7aef\u53e3\u53f7\u590d\u7528\u9009\u9879\uff1b\u53c2\u65703\uff1a\u8bbe\u7f6e\u7aef\u53e3\u53f7\u590d\u7528\u9009\u9879\u5bf9\u5e94\u7684\u503c\n tcp_server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, True)\n # \u7ed1\u5b9a\u7aef\u53e3\u53f7\n # \u7b2c\u4e00\u4e2a\u53c2\u6570\u8868\u793aip\u5730\u5740\uff0c\u4e00\u822c\u4e0d\u7528\u6307\u5b9a\uff0c\u8868\u793a\u672c\u673a\u7684\u4efb\u4f55\u4e00\u4e2aip\u5373\u53ef\n tcp_server_socket.bind(('', 8080))\n\n # \u8bbe\u7f6e\u76d1\u542c\n # \u9ed8\u8ba4128\n # 128\uff1a\u8868\u793a\u6700\u5927\u7b49\u5f85\u5efa\u7acb\u8fde\u63a5\u7684\u4e2a\u6570\n tcp_server_socket.listen(128)\n\n while True:\n # \u7b49\u5f85\u63a5\u53d7\u5ba2\u6237\u7aef\u8fde\u63a5\u8bf7\u6c42\n new_client, ip_port = tcp_server_socket.accept()\n # \u5f53\u5ba2\u6237\u7aef\u548c\u670d\u52a1\u7aef\u5efa\u7acb\u8fde\u63a5\u6210\u529f\uff0c\u521b\u5efa\u5b50\u7ebf\u7a0b\uff0c\u8ba9\u5b50\u7ebf\u7a0b\u4e13\u95e8\u8d1f\u8d23\u63a5\u6536\u5ba2\u6237\u7aef\u7684\u6d88\u606f\n user_info = threading.Thread(target=user, args=(ip_port,new_client),daemon=True)\n user_info.start()\n\n\n # \u5173\u95ed\u5957\u63a5\u5b57\n # tcp_server_socket.close() # \u56e0\u4e3a\u670d\u52a1\u7aef\u7684\u7a0b\u5e8f\u9700\u8981\u4e00\u76f4\u8fd0\u884c\uff0c\u6240\u4ee5\u5173\u95ed\u670d\u52a1\u7aef\u5957\u63a5\u5b57\u7684\u4ee3\u7801\u53ef\u4ee5\u7701\u7565\n<\/code><\/pre>\n10. socket\u4e4bsend\u548crecv\u539f\u7406\u5256\u6790<\/h3>\nTCP socket\u7684\u53d1\u9001\u548c\u63a5\u6536\u7f13\u51b2\u533a<\/strong><\/p>\n \u5f53\u521b\u5efa\u4e00\u4e2aTCP socket\u5bf9\u8c61\u7684\u65f6\u5019\u4f1a\u6709\u4e00\u4e2a\u53d1\u9001\u7f13\u51b2\u533a<\/strong>\u548c\u4e00\u4e2a\u63a5\u6536\u7f13\u51b2\u533a<\/strong>\uff0c\u8fd9\u4e2a\u53d1\u9001\u548c\u63a5\u6536\u7f13\u51b2\u533a\u6307\u7684\u5c31\u662f\u5185\u5b58\u4e2d\u7684\u4e00\u7247\u7a7a\u95f4<\/strong>\u3002<\/p>\n send\u539f\u7406\u5256\u6790<\/strong><\/p>\n send\u8981\u60f3\u53d1\u6570\u636e\uff0c\u5fc5\u987b\u5f97\u901a\u8fc7\u7f51\u5361\u53d1\u9001\u6570\u636e<\/strong>\uff0c\u5e94\u7528\u7a0b\u5e8f\u662f\u65e0\u6cd5\u76f4\u63a5\u901a\u8fc7\u7f51\u5361\u53d1\u9001\u6570\u636e\u7684\uff0c\u5b83\u9700\u8981\u8c03\u7528\u64cd\u4f5c\u7cfb\u7edf\u63a5\u53e3\uff0c\u4e5f\u5c31\u662f\u8bf4\uff0c\u5e94\u7528\u7a0b\u5e8f\u628a\u53d1\u9001\u7684\u6570\u636e\u5148\u5199\u5165\u5230\u53d1\u9001\u7f13\u51b2\u533a<\/strong>(\u5185\u5b58\u4e2d\u7684\u4e00\u7247\u7a7a\u95f4)\uff0c\u518d\u7531\u64cd\u4f5c\u7cfb\u7edf\u63a7\u5236\u7f51\u5361\u628a\u53d1\u9001\u7f13\u51b2\u533a\u7684\u6570\u636e\u53d1\u9001\u7ed9\u670d\u52a1\u7aef\u7f51\u5361<\/strong>\u3002<\/p>\n recv\u539f\u7406\u5256\u6790<\/strong><\/p>\n recv\u4ece\u5ba2\u6237\u7aef\u63a5\u6536\u6570\u636e\uff0c\u5e94\u7528\u8f6f\u4ef6\u662f\u65e0\u6cd5\u76f4\u63a5\u901a\u8fc7\u7f51\u5361\u63a5\u6536\u6570\u636e\u7684<\/strong>\uff0c\u5b83\u9700\u8981\u8c03\u7528\u64cd\u4f5c\u7cfb\u7edf\u63a5\u53e3\uff0c\u7531\u64cd\u4f5c\u7cfb\u7edf\u901a\u8fc7\u7f51\u5361\u63a5\u6536\u6570\u636e<\/strong>\uff0c\u628a\u63a5\u6536\u7684\u6570\u636e\u5199\u5165\u5230\u63a5\u6536\u7f13\u51b2\u533a<\/strong>(\u5185\u5b58\u4e2d\u7684\u4e00\u7247\u7a7a\u95f4)\uff0c\u5e94\u7528\u7a0b\u5e8f\u518d\u4ece\u63a5\u6536\u7f13\u5b58\u533a\u83b7\u53d6\u5ba2\u6237\u7aef\u53d1\u9001\u7684\u6570\u636e<\/strong>\u3002<\/p>\n send\u548crecv\u539f\u7406\u5256\u6790\u56fe<\/strong><\/p>\n <\/p>\n \u8bf4\u660e\uff1a<\/p>\n \n\u53d1\u9001\u6570\u636e\u662f\u53d1\u9001\u5230\u53d1\u9001\u7f13\u51b2\u533a<\/li>\n \u63a5\u6536\u6570\u636e\u662f\u4ece\u63a5\u6536\u7f13\u51b2\u533a\u83b7\u53d6<\/li>\n<\/ul>\n\u5341\u4e03\u3001HTTP\u534f\u8bae\u548c\u9759\u6001Web\u670d\u52a1\u5668<\/h2>\n 1. HTTP\u534f\u8bae<\/h3>\n\u4ecb\u7ecd<\/strong><\/p>\n HTTP\uff1a\u8d85\u6587\u672c\u4f20\u8f93\u534f\u8bae<\/p>\n HTTP \u534f\u8bae\u8bbe\u8ba1\u4e4b\u524d\u76ee\u7684\u662f\u4f20\u8f93\u7f51\u9875\u6570\u636e\u7684\u73b0\u5728\u5141\u8bb8\u4f20\u8f93\u4efb\u610f\u7c7b\u578b\u7684\u6570\u636e\u3002<\/p>\n \u4f20\u8f93 HTTP \u534f\u8bae\u683c\u5f0f\u7684\u6570\u636e\u662f\u57fa\u4e8e TCP \u4f20\u8f93\u534f\u8bae\u7684\uff0c\u53d1\u9001\u6570\u636e\u4e4b\u524d\u9700\u8981\u5148\u5efa\u7acb\u8fde\u63a5\u3002<\/p>\n HTTP\u534f\u8bae\u7684\u4f5c\u7528<\/strong><\/p>\n \u5b83\u89c4\u5b9a\u4e86\u6d4f\u89c8\u5668\u548c Web \u670d\u52a1\u5668\u901a\u4fe1\u6570\u636e\u7684\u683c\u5f0f\uff0c\u4e5f\u5c31\u662f\u8bf4\u6d4f\u89c8\u5668\u548cweb\u670d\u52a1\u5668\u901a\u4fe1\u9700\u8981\u4f7f\u7528HTTP<\/code>\u534f\u8bae\u3002<\/font><\/p>\n \u603b\u7ed3\uff1a<\/strong><\/p>\n \nHTTP\u534f\u8bae\u662f\u4e00\u4e2a\u8d85\u6587\u672c\u4f20\u8f93\u534f\u8bae<\/li>\n HTTP\u662f\u4e00\u4e2a\u57fa\u4e8eTCP\u4f20\u8f93\u534f\u8bae\u4f20\u8f93\u6570\u636e\u7684<\/li>\n HTTP\u534f\u8bae\u89c4\u5b9a\u4e86\u6d4f\u89c8\u5668\u548cWeb\u670d\u52a1\u5668\u901a\u4fe1\u6570\u636e\u7684\u683c\u5f0f<\/li>\n<\/ul>\n2. URL<\/h3>\nURL\u6982\u8ff0<\/strong><\/p>\n \u7edf\u4e00\u8d44\u6e90\u5b9a\u4f4d\u7b26\uff0c\u901a\u4fd7\u7406\u89e3\u5c31\u662f\u7f51\u7edc\u8d44\u6e90\u5730\u5740\uff0c\u4e5f\u5c31\u662f\u6211\u4eec\u5e38\u8bf4\u7684\u7f51\u5740<\/p>\n URL\u7684\u7ec4\u6210<\/strong><\/p>\n URL\u7684\u6837\u5b50<\/p>\n \nhttps:\/\/www.huihuia24.com\/database\/mysql<\/a><\/li>\n<\/ul>\nURL\u7684\u7ec4\u6210\u90e8\u5206<\/p>\n\n\u534f\u8bae\u90e8\u5206\uff1ahttps:\/\/<\/code>\u7aef\u53e3\u53f7\uff1a443\u3001http:\/\/<\/code>\u7aef\u53e3\u53f7\uff1a80\u3001ftp:\/\/<\/code>\u7aef\u53e3\u53f7\uff1a21\u300120<\/li>\n\u57df\u540d\u90e8\u5206\uff1awww.huihuia24.com<\/a><\/li>\n \u8d44\u6e90\u8def\u5f84\u90e8\u5206\uff1a\/database\/mysql<\/code><\/li>\n<\/ol>\n\u57df\u540d<\/strong><\/p>\n \u57df\u540d\u5c31\u662fIP\u5730\u5740\u7684\u522b\u540d<\/strong>\uff0c\u5b83\u662f\u7528\u70b9\u8fdb\u884c\u5206\u5272\u4f7f\u7528\u82f1\u6587\u5b57\u6bcd\u548c\u6570\u5b57\u7ec4\u6210\u7684\u540d\u5b57\uff0c\u4f7f\u7528\u57df\u540d\u76ee\u7684\u5c31\u662f\u65b9\u4fbf\u7684\u8bb0\u4f4f\u67d0\u53f0\u4e3b\u673aIP\u5730\u5740<\/strong>\u3002<\/p>\n URL\u7684\u6269\u5c55<\/strong><\/p>\nhttps:\/\/news.163.com\/hello.html?page=1&count=1<\/a><\/p>\n \n\u67e5\u8be2\u53c2\u6570\u90e8\u5206\uff1a?page=1&count=1<\/code><\/li>\n<\/ul>\n\u53c2\u6570\u8bf4\u660e\uff1a<\/p>\n \n?\u540e\u9762\u7684page<\/code>\u8868\u793a\u7b2c\u4e00\u4e2a\u53c2\u6570\uff0c\u540e\u9762\u7684\u53c2\u6570\u90fd\u4f7f\u7528&<\/code>\u8fdb\u884c\u8fde\u63a5<\/li>\n<\/ul>\n3. \u67e5\u770bHTTP\u534f\u8bae\u7684\u901a\u4fe1\u8fc7\u7a0b<\/h3>\nGoogle\u6d4f\u89c8\u5668\u5f00\u53d1\u8005\u5de5\u5177\u7684\u4f7f\u7528<\/strong><\/p>\n \n\u8c37\u6b4c\u6d4f\u89c8\u5668\u7684\u5f00\u53d1\u8005\u5de5\u5177\u662f\u67e5\u770bHTTP\u534f\u8bae\u7684\u901a\u4fe1\u8fc7\u7a0b\u5229\u5668\uff0c\u901a\u8fc7Network\u6807\u7b7e\u9009\u9879\u53ef\u4ee5\u67e5\u770b\u6bcf\u4e00\u6b21\u6c42\u548c\u54cd\u5e94\u7684\u901a\u4fe1\u8fc7\u7a0b\uff0c\u8c03\u51fa\u5f00\u53d1\u8005\u5de5\u5177\u7684\u901a\u7528\u65b9\u6cd5\u662f\u5728\u7f51\u9875\u53f3\u9009\u62e9\u68c0\u67e5\u3002<\/li>\n \u5f00\u53d1\u8005\u5de5\u5177\u7684Headers\u9009\u9879\u603b\u5171\u6709\u4e09\u90e8\u5206\u7ec4\u6210\uff1a\n\nGeneral: \u4e3b\u8981\u4fe1\u606f<\/li>\n Response Headers:\u54cd\u5e94\u5934<\/li>\n Request Headers:\u8bf7\u6c42\u5934<\/li>\n<\/ol>\n<\/li>\n Response\u9009\u9879\u662f\u67e5\u770b\u54cd\u5e94\u4f53\u4fe1\u606f\u7684<\/li>\n<\/ul>\n4. HTTP\u8bf7\u6c42\u62a5\u6587<\/h3>\nHTTP\u8bf7\u6c42\u62a5\u6587\u4ecb\u7ecd<\/strong><\/p>\n HTTP\u6700\u5e38\u89c1\u7684\u8bf7\u6c42\u62a5\u6587\u6709\u4e24\u79cd<\/p>\n \nGET\u65b9\u5f0f\u7684\u8bf7\u6c42\u62a5\u6587<\/li>\n POST\u65b9\u5f0f\u7684\u8bf7\u6c42\u62a5\u6587<\/li>\n<\/ol>\n\u8bf4\u660e\uff1a<\/p>\n \nGET\uff1a\u83b7\u53d6web\u670d\u52a1\u5668\u6570\u636e<\/li>\n POST\uff1a\u5411web\u670d\u52a1\u5668\u63d0\u4ea4\u6570\u636e<\/li>\n<\/ul>\nHTTP GET \u8bf7\u6c42\u62a5\u6587\u5206\u6790<\/strong><\/h4>\nHTTP GET \u8bf7\u6c42\u62a5\u6587\u6548\u679c<\/p>\n --\u8bf7\u6c42\u884c--\nGET \/ HTTP\/1.1\t=> GET:\u8bf7\u6c42\u65b9\u6cd5\uff1b\/\uff1a\u8bf7\u6c42\u8d44\u6e90\u8def\u5f84\uff1bHTTP\/1.1\uff1aHTTP\u534f\u8bae\u7248\u672c\n--\u8bf7\u6c42\u5934--\nHost: www.itcast.cn\t\t=> \u670d\u52a1\u5668\u7684\u4e3b\u673aIP\u5730\u5740\u548c\u7aef\u53e3\u53f7\nConnection: keep-alive\t=> \u548c\u670d\u52a1\u7aef\u4fdd\u6301\u957f\u8fde\u63a5\uff0c\u5f53\u5ba2\u6237\u7aef\u548c\u670d\u52a1\u7aef\u6709\u4e00\u6bb5\u65f6\u95f4\u6ca1\u6709\u8fdb\u884c\u901a\u4fe1\uff0c\u90a3\u4e48\u670d\u52a1\u7aef\u7a0b\u5e8f\u4f1a\u4e3b\u52a8\u5411\u5ba2\u6237\u7aef\u65ad\u5f00\u8fde\u63a5\nUpgrade-Insecure-Requests: 1\t=> \u8ba9\u5ba2\u6237\u7aef\u5347\u7ea7\u4e0d\u5b89\u5168\u8bf7\u6c42\uff0c\u4ee5\u540e\u8981\u4f7f\u7528HTTPS\nUser-Agent: Mozilla\/5.0 (Macintosh; Intel Mac OS X 10_12_4) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/73.0.3683.86 Safari\/537.36\t=> \u7528\u6237\u4ee3\u7406\uff0c\u5ba2\u6237\u7aef\u7a0b\u5e8f\u7684\u540d\u79f0\uff0c\u5f53\u540e\u7eed\u8bb2\u722c\u866b\u7684\u65f6\u5019\u53ef\u4ee5\u66f4\u5177\u662f\u5426\u6709User-Agent\u8fdb\u884c\u53cd\u722c\u673a\u5236\nAccept: text\/html,application\/xhtml+xml,application\/xml;q=0.9,image\/webp,image\/apng,*\/*;q=0.8,application\/signed-exchange;v=b3\t\t=> \u544a\u8bc9\u670d\u52a1\u7aef\u7a0b\u5e8f\u53ef\u4ee5\u63a5\u53d7\u7684\u6570\u636e\u7c7b\u578b\nAccept-Encoding: gzip, deflate\t=> \u544a\u8bc9\u670d\u52a1\u7aef\u7a0b\u5e8f\u652f\u6301\u7684\u538b\u7f29\u7b97\u6cd5\nAccept-Language: zh-CN,zh;q=0.9,en;q=0.8\t=> \u544a\u8bc9\u670d\u52a1\u7aef\u7a0b\u5e8f\u652f\u6301\u7684\u8bed\u8a00 \nCookie: UM_distinctid=169f06ab9d21a-0a52d93224ce3-12376d57-13c680-169f06ab9d571a;\naccessId=22bdcd10-6250-11e8-917f-9fb8db4dc43c;\nbad_id22bdcd10-6250-11e8-917f-9fb8db4dc43c=5c8a5a11-5811-11e9-975d-5932d6370ce7;\nparent_qimo_sid_22bdcd10-6250-11e8-917f-9fb8db4dc43c=69928890-5811-11e9-ac5b-eb2506ccad9a;\nCNZZDATA4617777=cnzz_eid%3D324231225-1554516145-%26ntime%3D1554521548; href=http%3A%2F%2Fwww.itcast.cn%2F;\npageViewNum=5; Hm_lvt_0cb375a2e834821b74efffa6c71ee607=1554516722,1554523431;\nHm_lpvt_0cb375a2e834821b74efffa6c71ee607=1554523431;\nnice_id22bdcd10-6250-11e8-917f-9fb8db4dc43c=fc5f90f1-5820-11e9-b896-dba72e2578c0;\nopenChat22bdcd10-6250-11e8-917f-9fb8db4dc43c=true\t=> \u5ba2\u6237\u7aef\u7528\u6237\u8eab\u4efd\u7684\u6807\u8bc6\n--\u7a7a\u884c--\nrn\n<\/code><\/pre>\n\u6ce8\uff1a<\/font>\u6bcf\u9879\u4fe1\u606f\u4e4b\u95f4\u90fd\u9700\u8981\u4e00\u4e2arn<\/code>\uff0c\u662f\u7531HTTP\u534f\u8bae\u89c4\u5b9a\u7684<\/p>\n \u683c\u5f0f\uff1a<\/p>\n \u8bf7\u6c42\u884crn\n\u8bf7\u6c42\u5934rn\n\u7a7a\u884crn\n<\/code><\/pre>\nHTTP POST\u8bf7\u6c42\u62a5\u6587\u5206\u6790<\/strong><\/h4>\n\u683c\u5f0f\uff1a<\/p>\n \u8bf7\u6c42\u884crn\n\u8bf7\u6c42\u5934rn\n\u7a7a\u884crn\n\u8bf7\u6c42\u4f53rn\n<\/code><\/pre>\n\u8bf7\u6c42\u4f53\uff1a\u6d4f\u89c8\u5668\u53d1\u9001\u7ed9\u670d\u52a1\u5668\u7684\u6570\u636e\u901a\u8fc7\u8bf7\u6c42\u4f53\u6765\u5b8c\u6210<\/p>\n \u603b\u7ed3\uff1a<\/strong><\/p>\n \n\u5e94\u8be5HTTP\u8bf7\u6c42\u62a5\u6587\u53ef\u4ee5\u7531\u8bf7\u6c42\u884c\u3001\u8bf7\u6c42\u5934\u3001\u7a7a\u884c\u548c\u8bf7\u6c42\u4f53<\/strong>4\u4e2a\u90e8\u5206\u7ec4\u6210<\/li>\n \u8bf7\u6c42\u884c\u662f\u7531\u4e09\u4e2a\u90e8\u5206\u7ec4\u6210\n\n\u8bf7\u6c42\u65b9\u5f0f<\/strong><\/li>\n \u8bf7\u6c42\u8d44\u6e90\u8def\u5f84<\/strong><\/li>\n HTTP\u534f\u8bae\u7248\u672c<\/strong><\/li>\n<\/ol>\n<\/li>\n GET\u65b9\u5f0f\u7684\u8bf7\u6c42\u62a5\u6587\u6ca1\u6709\u8bf7\u6c42\u4f53\uff0c\u53ea\u6709\u8bf7\u6c42\u884c\u3001\u8bf7\u6c42\u5934\u3001\u7a7a\u884c\u7ec4\u6210<\/li>\n POST\u65b9\u5f0f\u7684\u8bf7\u6c42\u62a5\u6587\u53ef\u4ee5\u6709\u8bf7\u6c42\u884c\u3001\u8bf7\u6c42\u5934\u3001\u7a7a\u884c\u548c\u8bf7\u6c42\u4f53\u56db\u4e2a\u90e8\u5206\u7ec4\u6210\uff0c\u6ce8\u610f\uff1aPOST\u65b9\u5f0f\u53ef\u4ee5\u5141\u8bb8\u6ca1\u6709\u8bf7\u6c42\u4f53\uff0c\u4f46\u662f\u8fd9\u79cd\u683c\u5f0f\u5f88\u5c11\u89c1<\/li>\n<\/ul>\n5. HTTP\u54cd\u5e94\u62a5\u6587<\/h3>\nHTTP\u54cd\u5e94\u62a5\u6587\u662fweb\u670d\u52a1\u5668\u7a0b\u5e8f\u53d1\u9001\u7ed9\u6d4f\u89c8\u5668\u7684HTTP\u534f\u8bae\u7684\u6570\u636e<\/p>\n --\u54cd\u5e94\u884c\uff08\u72b6\u6001\u884c\uff09--\nHTTP\/1.1 200 OK\t\t=> HTTP\u534f\u8bae\u7248\u672c \u72b6\u6001\u7801\t\u72b6\u6001\u63cf\u8ff0\n--\u54cd\u5e94\u5934--\nServer: Tengine\t\t=> \u670d\u52a1\u5668\u540d\u79f0\nContent-Type: text\/html; charset=UTF-8\t=> \u670d\u52a1\u5668\u53d1\u9001\u7ed9\u6d4f\u89c8\u5668\u7684\u5185\u5bb9\u7c7b\u578b\u53ca\u7f16\u7801\u683c\u5f0f\nTransfer-Encoding: chunked\t=> \u670d\u52a1\u5668\u53d1\u9001\u7ed9\u5ba2\u6237\u7aef\u7a0b\u5e8f\u7684\u6570\u636e\u4e0d\u786e\u5b9a\u6570\u636e\u957f\u5ea6\uff0c\u6570\u636e\u53d1\u9001\u5b8c\u6210\u7684\u63a5\u6536\u6807\u8bc6\uff1a0\/r\/n \u6216\u8005 Content-Length: 200(\u5b57\u8282) \u4e24\u8005\u53ea\u80fd\u51fa\u73b0\u5176\u4e00\uff0c\u4e0d\u53ef\u540c\u65f6\u51fa\u73b0\nConnection: keep-alive\t=> \u548c\u5ba2\u6237\u7aef\u4fdd\u6301\u957f\u8fde\u63a5\nDate: Sat, 06 Apr 2019 08:49:57 GMT\t=> \u670d\u52a1\u5668\u7684\u65f6\u95f4\n--\u4ee5\u4e0b\u90fd\u662f\u81ea\u5b9a\u4e49\u54cd\u5e94\u5934\u4fe1\u606f--\nAccept-Ranges: bytes\nAli-Swift-Global-Savetime: 1554540597\nVia: cache45.l2nu29-1[3,200-0,M], cache11.l2nu29-1[4,0], kunlun2.cn249[30,200-0,M], kunlun2.cn249[33,0]\nX-Cache: MISS TCP_MISS dirn:-2:-2\nX-Swift-Savetime: Sat, 06 Apr 2019 08:49:57 GMT\nX-Swift-Cachetime: 0\nTiming-Allow-Origin: *\nEagleId: 2a51041615545405973986157e\n--\u7a7a\u884c--\nrn\n--\u54cd\u5e94\u4f53--\u771f\u6b63\u610f\u4e49\u4e0a\u7ed9\u6d4f\u89c8\u5668\u89e3\u6790\u4f7f\u7528\u7684\u6570\u636e\n\u7f51\u9875\u6570\u636e\n<\/code><\/pre>\n\u63d0\u793a\uff1a<\/font>\u5bf9\u4e8e\u8bf7\u6c42\u5934\u548c\u54cd\u5e94\u5934\u4fe1\u606f\u7a0b\u5e8f\u5458\u90fd\u53ef\u4ee5\u8fdb\u884c\u81ea\u5b9a\u4e49\uff0c\u6309\u7167\u5ba2\u6237\u7aef\u548c\u670d\u52a1\u5668\u7ea6\u5b9a\u597d\u7684\u65b9\u5f0f\u6765\u5236\u5b9a\u5373\u53ef<\/p>\n HTTP\u54cd\u5e94\u62a5\u6587\u683c\u5f0f<\/strong><\/p>\n \u54cd\u5e94\u884crn\n\u54cd\u5e94\u5934rn\n\u7a7a\u884crn\n\u54cd\u5e94\u4f53rn\n<\/code><\/pre>\nHTTP\u72b6\u6001\u7801<\/strong><\/h4>\nHTTP\u72b6\u6001\u7801\u662f\u7528\u4e8e\u8868\u793aweb\u670d\u52a1\u5668\u54cd\u5e94\u72b6\u6001\u7684\u4e09\u4f4d\u6570\u5b57\u4ee3\u7801<\/p>\n\n\n\n\n\n\n\n\n\n\u72b6\u6001\u7801<\/th>\n \u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n 200<\/td>\n \u8bf7\u6c42\u6210\u529f<\/td>\n<\/tr>\n 307<\/td>\n \u91cd\u5b9a\u5411<\/td>\n<\/tr>\n 400<\/td>\n \u9519\u8bef\u7684\u8bf7\u6c42\uff0c\u8bf7\u6c42\u5730\u5740\u6216\u8005\u53c2\u6570\u6709\u9519\u8bef<\/td>\n<\/tr>\n 404<\/td>\n \u8bf7\u6c42\u8d44\u6e90\u5728\u670d\u52a1\u5668\u4e0d\u5b58\u5728<\/td>\n<\/tr>\n 500<\/td>\n \u670d\u52a1\u5668\u5185\u90e8\u6e90\u4ee3\u7801\u51fa\u73b0\u9519\u8bef<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n6. \u642d\u5efaPython\u81ea\u5e26\u9759\u6001Web\u670d\u52a1\u5668<\/h3>\n\u5982\u4f55\u642d\u5efaPython\u81ea\u5e26\u7684\u9759\u6001web\u670d\u52a1\u5668<\/p>\n \u642d\u5efaPython\u81ea\u5e26\u7684\u9759\u6001Web\u670d\u52a1\u5668\u4f7f\u7528python3 -m http.server \u7aef\u53e3\u53f7<\/code>\u3002<\/p>\n -m<\/code>\uff1a\u8868\u793a\u8fd0\u884c\u5305\u91cc\u7684\u6a21\u5757\uff0c\u6267\u884c\u8fd9\u4e2a\u547d\u4ee4\u7684\u65f6\u5019\u9700\u8981\u8fdb\u5165\u4f60\u81ea\u5df1\u6307\u5b9a\u9759\u6001\u6587\u4ef6\u7684\u76ee\u5f55\uff0c\u7136\u540e\u901a\u8fc7\u6d4f\u89c8\u5668\u5c31\u80fd\u8bbf\u95ee\u5bf9\u5e94\u7684HTML\u6587\u4ef6<\/p>\n \u603b\u7ed3<\/strong><\/p>\n \n\u9759\u6001Web\u670d\u52a1\u5668\u662f\u4e3a\u53d1\u51fa\u8bf7\u6c42\u7684\u6d4f\u89c8\u5668\u63d0\u4f9b\u9759\u6001\u6587\u6863\u7684\u7a0b\u5e8f<\/li>\n \u642d\u5efaPython\u81ea\u5e26\u7684Web\u670d\u52a1\u5668\u4f7f\u7528python -m http.server \u7aef\u53e3\u53f7<\/code>\u8fd9\u4e2a\u547d\u4ee4\u5373\u53ef\uff0c\u7aef\u53e3\u53f7\u4e0d\u6307\u5b9a\u9ed8\u8ba4\u662f8000<\/li>\n<\/ul>\n7. \u9759\u6001Web\u670d\u52a1\u5668-\u8fd4\u56de\u56fa\u5b9a\u9875\u9762<\/h3>\n\u5f00\u53d1\u81ea\u5df1\u7684\u9759\u6001web\u670d\u52a1\u5668<\/strong><\/p>\n \u6b65\u9aa4<\/p>\n \n\u7f16\u5199\u4e00\u4e2aTCP\u670d\u52a1\u7aef\u7a0b\u5e8f<\/li>\n \u83b7\u53d6\u6d4f\u89c8\u5668\u53d1\u9001\u7684HTTP\u8bf7\u6c42\u62a5\u6587\u6570\u636e<\/li>\n \u8bfb\u53d6\u56fa\u5b9a\u9875\u9762\u6570\u636e\uff0c\u628a\u9875\u9762\u6570\u636e\u7ec4\u88c5\u6210HTTP\u54cd\u5e94\u62a5\u6587\u6570\u636e\u53d1\u9001\u7ed9\u6d4f\u89c8\u5668<\/li>\n HTTP\u54cd\u5e94\u62a5\u6587\u6570\u636e\u53d1\u9001\u5b8c\u6210\u540e\uff0c\u5173\u95ed\u670d\u52a1\u4e0e\u5ba2\u6237\u7aef\u7684\u5957\u63a5\u5b57<\/li>\n<\/ol>\n\u9759\u6001Web\u670d\u52a1\u5668-\u8fd4\u56de\u56fa\u5b9a\u9875\u9762\u6570\u636e<\/strong><\/p>\n import socket\nimport threading\n\n# \u5b9a\u4e49user_info\u591a\u7ebf\u7a0b\ndef user_info(new,port):\n print(f'\u5df2\u4e0e{port}\u5efa\u7acb\u8fde\u63a5')\n while True:\n # \u63a5\u6536TCP\u5ba2\u6237\u7aef\u7a0b\u5e8f\u6570\u636e\uff08\u6700\u59274096\u5b57\u8282\uff09\n user_data = new.recv(4096)\n\n if user_data:\n # \u5bf9\u5ba2\u6237\u7aef\u53d1\u9001\u7684\u6570\u636e\u8fdb\u884c\u8f6c\u6362\n print(user_data)\n\n # \u6253\u5f00\u6587\u4ef6\n # \u56e0\u4e3aWindows\u9ed8\u8ba4\u683c\u5f0f\u4e3aGBK\uff0c\u8fd9\u91cc\u9700\u8981\u6307\u5b9a\u4ee5UTF-8\u683c\u5f0f\u8fdb\u884c\u8bfb\u53d6\u6587\u4ef6\u6570\u636e\n with open("HTTP\u9759\u6001\u6d4b\u8bd5\/index.html", "r",encoding='UTF-8') as file: # file\u8868\u793a\u6253\u5f00\u6587\u4ef6\u7684\u5bf9\u8c61\n file_data = file.read()\n # with open \u8bfb\u53d6\u6570\u636e\u540e\u5173\u95ed\u6587\u4ef6\u4e0d\u9700\u8981\u7a0b\u5e8f\u5458\u6765\u5b8c\u6210\uff0c\u7cfb\u7edf\u81ea\u5df1\u5173\u95ed\n\n # \u628a\u6570\u636e\u5c01\u88c5\u6210HTTP\u54cd\u5e94\u62a5\u6587\u683c\u5f0f\n # \u54cd\u5e94\u884c\n line = 'HTTP\/1.1 200 OKrn'\n # \u54cd\u5e94\u5934\n head = 'Server: PWS\/1.0rn'\n # \u54cd\u5e94\u4f53\n http_body = file_data\n # \u5408\u5e76\n rdr_info = line + head + "rn" + http_body\n rdr_info_data = rdr_info.encode("utf-8")\n # \u53d1\u9001\u54cd\u5e94\u62a5\u6587\u6570\u636e\n new.send(rdr_info_data)\n\n # \u65ad\u5f00\u8fde\u63a5\n else:\n print(f'{port}\u5df2\u4e0b\u7ebf...')\n break\n # \u5173\u95ed\u670d\u52a1\u4e8e\u5ba2\u6237\u7aef\u7684\u5957\u63a5\u5b57\n new.close()\n\nif __name__ == '__main__':\n # \u7f16\u5199\u4e00\u4e2aTCP\u670d\u52a1\u7aef\u7a0b\u5e8f\n # \u521b\u5efaTCP\u670d\u52a1\u7aef\u5957\u63a5\u5b57\n server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)\n # \u7ed1\u5b9a\u7aef\u53e3\n server_socket.bind(('', 8000))\n # \u8bbe\u7f6e\u7aef\u53e3\u590d\u7528\n server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, True)\n # \u8bbe\u7f6e\u76d1\u542c\uff08\u6700\u5927128\u4f4d\uff09\n server_socket.listen(128)\n while True:\n # \u4e0eTCP\u5ba2\u6237\u7aef\u5efa\u7acb\u8fde\u63a5\n new,port = server_socket.accept()\n # \u521b\u5efa\u591a\u7ebf\u7a0b\u8fd0\u884c\n user = threading.Thread(target=user_info, args=(new,port),daemon=True)\n # \u542f\u52a8\u7ebf\u7a0b\n user.start()\n<\/code><\/pre>\n\u6ce8\uff1a<\/font>\u5728\u6253\u5f00\u6587\u4ef6\u8bfb\u53d6\u6570\u636e\u7684\u65f6\u5019\uff0cWindows\u9ed8\u8ba4\u4f7f\u7528GBK<\/code>\u7f16\u7801\u8bfb\u53d6\u6570\u636e\uff0c\u800cHTML\u6587\u4ef6\u901a\u5e38\u662fUTF-8<\/code>\u7f16\u7801\uff0c\u6240\u4ee5\u9700\u8981\u5728\u8bfb\u53d6\u6570\u636e\u65f6\u8981\u6307\u5b9a\u6587\u4ef6\u7f16\u7801\u683c\u5f0fencoding='UTF-8'<\/code><\/p>\n 8. \u9759\u6001Web\u670d\u52a1\u5668-\u8fd4\u56de\u6307\u5b9a\u9875\u9762<\/h3>\n\n\u6307\u5b9a\u8def\u5f84<\/li>\n \u5bf9\u5ba2\u6237\u7aef\u8fd4\u56de\u503c\u8fdb\u884c\u5206\u5272<\/li>\n<\/ul>\nimport socket\nimport threading\n\n# \u5b9a\u4e49user_info\u591a\u7ebf\u7a0b\ndef user_info(new,port):\n print(f'\u5df2\u4e0e{port}\u5efa\u7acb\u8fde\u63a5')\n while True:\n # \u63a5\u6536TCP\u5ba2\u6237\u7aef\u7a0b\u5e8f\u6570\u636e\uff08\u6700\u59274096\u5b57\u8282\uff09\n user_data = new.recv(4096)\n\n if user_data:\n print(user_data)\n # \u5bf9\u5ba2\u6237\u7aef\u53d1\u9001\u7684\u6570\u636e\u8fdb\u884c\u8f6c\u6362\n user_data_info = user_data.decode("utf-8")\n # \u5bf9\u6570\u636e\u6309\u7167\u7a7a\u683c\u8fdb\u884c\u5206\u5272\n user_list = user_data_info.split(' ',maxsplit=2)\n # \u83b7\u53d6\u8bf7\u6c42\u8def\u5f84\n user_name = user_list[1]\n\n if user_name == '\/':\n # \u6307\u5b9a\u8def\u5f84\n user_name = '\/index.html'\n # \u6253\u5f00\u6587\u4ef6\n # \u4e3a\u4e86\u517c\u5bb9\u56fe\u7247\u4f7f\u7528rb\u6253\u5f00\n with open(f"HTTP\u9759\u6001\u6d4b\u8bd5{user_name}", "rb") as file: # file\u8868\u793a\u6253\u5f00\u6587\u4ef6\u7684\u5bf9\u8c61\n file_data = file.read()\n # with open \u8bfb\u53d6\u6570\u636e\u540e\u5173\u95ed\u6587\u4ef6\u4e0d\u9700\u8981\u7a0b\u5e8f\u5458\u6765\u5b8c\u6210\uff0c\u7cfb\u7edf\u81ea\u5df1\u5173\u95ed\n\n # \u628a\u6570\u636e\u5c01\u88c5\u6210HTTP\u54cd\u5e94\u62a5\u6587\u683c\u5f0f\n # \u54cd\u5e94\u884c\n line = 'HTTP\/1.1 200 OKrn'\n # \u54cd\u5e94\u5934\n head = 'Server: PWS\/1.0rn'\n # \u54cd\u5e94\u4f53\n http_body = file_data\n # \u5408\u5e76\n rdr_info = (line + head + "rn").encode("utf-8") + http_body\n # \u53d1\u9001\u54cd\u5e94\u62a5\u6587\u6570\u636e\n new.send(rdr_info)\n\n # \u65ad\u5f00\u8fde\u63a5\n else:\n print(f'{port}\u5df2\u4e0b\u7ebf...')\n break\n # \u5173\u95ed\u670d\u52a1\u4e8e\u5ba2\u6237\u7aef\u7684\u5957\u63a5\u5b57\n new.close()\n\n\n# noinspection DuplicatedCode\nif __name__ == '__main__':\n # \u7f16\u5199\u4e00\u4e2aTCP\u670d\u52a1\u7aef\u7a0b\u5e8f\n # \u521b\u5efaTCP\u670d\u52a1\u7aef\u5957\u63a5\u5b57\n server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)\n # \u7ed1\u5b9a\u7aef\u53e3\n server_socket.bind(('', 8000))\n # \u8bbe\u7f6e\u7aef\u53e3\u590d\u7528\n server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, True)\n # \u8bbe\u7f6e\u76d1\u542c\uff08\u6700\u5927128\u4f4d\uff09\n server_socket.listen(128)\n while True:\n # \u4e0eTCP\u5ba2\u6237\u7aef\u5efa\u7acb\u8fde\u63a5\n new,port = server_socket.accept()\n # \u521b\u5efa\u591a\u7ebf\u7a0b\u8fd0\u884c\n user = threading.Thread(target=user_info, args=(new,port),daemon=True)\n # \u542f\u52a8\u7ebf\u7a0b\n user.start()\n<\/code><\/pre>\n\u5982\u4f55\u8fd4\u56de404\u9875\u9762<\/strong><\/p>\n import socket\n\n# \u5b9a\u4e49user_info\u591a\u7ebf\u7a0b\ndef user_info():\n server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)\n # \u7ed1\u5b9a\u7aef\u53e3\n server_socket.bind(('', 8000))\n # \u8bbe\u7f6e\u7aef\u53e3\u590d\u7528\n server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, True)\n # \u8bbe\u7f6e\u76d1\u542c\uff08\u6700\u5927128\u4f4d\uff09\n server_socket.listen(128)\n while True:\n new, port = server_socket.accept()\n\n print(f'\u5df2\u4e0e{port}\u5efa\u7acb\u8fde\u63a5')\n\n # \u63a5\u6536TCP\u5ba2\u6237\u7aef\u7a0b\u5e8f\u6570\u636e\uff08\u6700\u59274096\u5b57\u8282\uff09\n user_data = new.recv(4096)\n\n # \u5224\u65ad\u662f\u5426\u4e3a\u7a7a\u6570\u636e\n if len(user_data)==0:\n print(f'{port}\u5df2\u4e0b\u7ebf...')\n new.close()\n return\n\n # \u5bf9\u5ba2\u6237\u7aef\u53d1\u9001\u7684\u6570\u636e\u8fdb\u884c\u8f6c\u6362\n user_data_info = user_data.decode("utf-8")\n # \u5bf9\u6570\u636e\u6309\u7167\u7a7a\u683c\u8fdb\u884c\u5206\u5272\n user_list = user_data_info.split(' ',maxsplit=2)\n # \u83b7\u53d6\u8bf7\u6c42\u8def\u5f84\n user_name = user_list[1]\n\n if user_name == '\/':\n # \u6307\u5b9a\u8def\u5f84\n user_name = '\/index.html'\n\n # \u67e5\u770b\u6709\u65e0\u8fd9\u4e2a\u6587\u4ef6\n try:\n # \u6253\u5f00\u6587\u4ef6\n # \u4e3a\u4e86\u517c\u5bb9\u56fe\u7247\u4f7f\u7528rb\u6253\u5f00\n with open(f"HTTP\u9759\u6001\u6d4b\u8bd5{user_name}", "rb") as file: # file\u8868\u793a\u6253\u5f00\u6587\u4ef6\u7684\u5bf9\u8c61\n # with open \u8bfb\u53d6\u6570\u636e\u540e\u5173\u95ed\u6587\u4ef6\u4e0d\u9700\u8981\u7a0b\u5e8f\u5458\u6765\u5b8c\u6210\uff0c\u7cfb\u7edf\u81ea\u5df1\u5173\u95ed\n file_data = file.read()\n\n except Exception as e:\n # \u5230\u8fd9\u91cc\u8bf4\u660e\u8bf7\u6c42\u7684\u6ca1\u6709\u8be5\u6587\u4ef6\uff0c\u8fd4\u56de404\n # \u54cd\u5e94\u884c\n not_line = 'HTTP\/1.1 404 Not Foundrn'\n # \u54cd\u5e94\u5934\n not_head = 'Server: PWS\/1.0rn'\n with open("HTTP\u9759\u6001\u6d4b\u8bd5\/404.html", "rb") as file:\n not_file = file.read()\n\n not_info = (not_line + not_head + "rn").encode("utf-8") + not_file\n new.send(not_info)\n else:\n # \u628a\u6570\u636e\u5c01\u88c5\u6210HTTP\u54cd\u5e94\u62a5\u6587\u683c\u5f0f\n # \u54cd\u5e94\u884c\n line = 'HTTP\/1.1 200 OKrn'\n # \u54cd\u5e94\u5934\n head = 'Server: PWS\/1.0rn'\n # \u54cd\u5e94\u4f53\n http_body = file_data\n # \u5408\u5e76\n rdr_info = (line + head + "rn").encode("utf-8") + http_body\n # \u53d1\u9001\u54cd\u5e94\u62a5\u6587\u6570\u636e\n new.send(rdr_info)\n finally:\n # \u65ad\u5f00\u8fde\u63a5\n new.close()\n print(f'{port}\u5df2\u4e0b\u7ebf...')\n\nif __name__ == '__main__':\n user_info()\n<\/code><\/pre>\n9. \u9759\u6001Web\u670d\u52a1\u5668-\u591a\u4efb\u52a1\u7248<\/h3>\nimport socket\nimport threading\n\n# \u5904\u7406\u5ba2\u6237\u7aef\u8bf7\u6c42\ndef process(new,port):\n print(f'\u5df2\u4e0e{port}\u5efa\u7acb\u8fde\u63a5')\n\n # \u63a5\u6536TCP\u5ba2\u6237\u7aef\u7a0b\u5e8f\u6570\u636e\uff08\u6700\u59274096\u5b57\u8282\uff09\n user_data = new.recv(4096)\n\n # \u5224\u65ad\u662f\u5426\u4e3a\u7a7a\u6570\u636e\n if len(user_data) == 0:\n print(f'{port}\u5df2\u4e0b\u7ebf...')\n new.close()\n return\n\n # \u5bf9\u5ba2\u6237\u7aef\u53d1\u9001\u7684\u6570\u636e\u8fdb\u884c\u8f6c\u6362\n user_data_info = user_data.decode("utf-8")\n # \u5bf9\u6570\u636e\u6309\u7167\u7a7a\u683c\u8fdb\u884c\u5206\u5272\n user_list = user_data_info.split(' ', maxsplit=2)\n # \u83b7\u53d6\u8bf7\u6c42\u8def\u5f84\n user_name = user_list[1]\n\n if user_name == '\/':\n # \u6307\u5b9a\u8def\u5f84\n user_name = '\/index.html'\n\n # \u67e5\u770b\u6709\u65e0\u8fd9\u4e2a\u6587\u4ef6\n try:\n # \u6253\u5f00\u6587\u4ef6\n # \u4e3a\u4e86\u517c\u5bb9\u56fe\u7247\u4f7f\u7528rb\u6253\u5f00\n with open(f"HTTP\u9759\u6001\u6d4b\u8bd5{user_name}", "rb") as file: # file\u8868\u793a\u6253\u5f00\u6587\u4ef6\u7684\u5bf9\u8c61\n # with open \u8bfb\u53d6\u6570\u636e\u540e\u5173\u95ed\u6587\u4ef6\u4e0d\u9700\u8981\u7a0b\u5e8f\u5458\u6765\u5b8c\u6210\uff0c\u7cfb\u7edf\u81ea\u5df1\u5173\u95ed\n file_data = file.read()\n\n except Exception as e:\n # \u5230\u8fd9\u91cc\u8bf4\u660e\u8bf7\u6c42\u7684\u6ca1\u6709\u8be5\u6587\u4ef6\uff0c\u8fd4\u56de404\n # \u54cd\u5e94\u884c\n not_line = 'HTTP\/1.1 404 Not Foundrn'\n # \u54cd\u5e94\u5934\n not_head = 'Server: PWS\/1.0rn'\n with open("HTTP\u9759\u6001\u6d4b\u8bd5\/404.html", "rb") as file:\n not_file = file.read()\n\n not_info = (not_line + not_head + "rn").encode("utf-8") + not_file\n new.send(not_info)\n else:\n # \u628a\u6570\u636e\u5c01\u88c5\u6210HTTP\u54cd\u5e94\u62a5\u6587\u683c\u5f0f\n # \u54cd\u5e94\u884c\n line = 'HTTP\/1.1 200 OKrn'\n # \u54cd\u5e94\u5934\n head = 'Server: PWS\/1.0rn'\n # \u54cd\u5e94\u4f53\n http_body = file_data\n # \u5408\u5e76\n rdr_info = (line + head + "rn").encode("utf-8") + http_body\n # \u53d1\u9001\u54cd\u5e94\u62a5\u6587\u6570\u636e\n new.send(rdr_info)\n finally:\n # \u65ad\u5f00\u8fde\u63a5\n new.close()\n print(f'{port}\u5df2\u4e0b\u7ebf...')\n\n# \u5b9a\u4e49user_info\u591a\u7ebf\u7a0b\ndef user_info():\n server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)\n # \u7ed1\u5b9a\u7aef\u53e3\n server_socket.bind(('', 8000))\n # \u8bbe\u7f6e\u7aef\u53e3\u590d\u7528\n server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, True)\n # \u8bbe\u7f6e\u76d1\u542c\uff08\u6700\u5927128\u4f4d\uff09\n server_socket.listen(128)\n while True:\n new, port = server_socket.accept()\n sub_process = threading.Thread(target=process, args=(new, port), daemon=True)\n sub_process.start()\n\n\nif __name__ == '__main__':\n user_info()\n<\/code><\/pre>\n10. \u9759\u6001Web\u670d\u52a1\u5668-\u9762\u5411\u5bf9\u8c61\u5f00\u53d1<\/h3>\nimport socket\nimport threading\n\n# HTTP\u534f\u8bae\u7684Web\u670d\u52a1\u5668\u7c7b\nclass HttpWebServer(object):\n def __init__(self):\n server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)\n # \u7ed1\u5b9a\u7aef\u53e3\n server_socket.bind(('', 8000))\n # \u8bbe\u7f6e\u7aef\u53e3\u590d\u7528\n server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, True)\n # \u8bbe\u7f6e\u76d1\u542c\uff08\u6700\u5927128\u4f4d\uff09\n server_socket.listen(128)\n # \u628aTCP\u670d\u52a1\u5668\u5957\u63a5\u5b57\u4f5c\u4e3aweb\u670d\u52a1\u5668\u5bf9\u8c61\u5c5e\u6027\n self.server_socket = server_socket\n\n # \u5904\u7406\u5ba2\u6237\u7aef\u8bf7\u6c42\n @staticmethod\n # @staticmethod \u662f Python \u7c7b\u4e2d\u7684\u9759\u6001\u65b9\u6cd5\u88c5\u9970\u5668\uff0c\u4f5c\u7528\u662f\u5b9a\u4e49\u4e00\u4e2a\u4e0e\u7c7b\u548c\u5b9e\u4f8b\u90fd\u65e0\u5173\u7684\u65b9\u6cd5\u2014\u2014 \u5b83\u65e2\u4e0d\u9700\u8981\u8bbf\u95ee\u7c7b\u5c5e\u6027\uff0c\u4e5f\u4e0d\u9700\u8981\u8bbf\u95ee\u5b9e\u4f8b\u5c5e\u6027\u3002\n def process(new, port):\n print(f'\u5df2\u4e0e{port}\u5efa\u7acb\u8fde\u63a5')\n\n # \u63a5\u6536TCP\u5ba2\u6237\u7aef\u7a0b\u5e8f\u6570\u636e\uff08\u6700\u59274096\u5b57\u8282\uff09\n user_data = new.recv(4096)\n\n # \u5224\u65ad\u662f\u5426\u4e3a\u7a7a\u6570\u636e\n if len(user_data) == 0:\n print(f'{port}\u5df2\u4e0b\u7ebf...')\n new.close()\n return\n\n # \u5bf9\u5ba2\u6237\u7aef\u53d1\u9001\u7684\u6570\u636e\u8fdb\u884c\u8f6c\u6362\n user_data_info = user_data.decode("utf-8")\n # \u5bf9\u6570\u636e\u6309\u7167\u7a7a\u683c\u8fdb\u884c\u5206\u5272\n user_list = user_data_info.split(' ', maxsplit=2)\n # \u83b7\u53d6\u8bf7\u6c42\u8def\u5f84\n user_name = user_list[1]\n\n if user_name == '\/':\n # \u6307\u5b9a\u8def\u5f84\n user_name = '\/index.html'\n\n # \u67e5\u770b\u6709\u65e0\u8fd9\u4e2a\u6587\u4ef6\n try:\n # \u6253\u5f00\u6587\u4ef6\n # \u4e3a\u4e86\u517c\u5bb9\u56fe\u7247\u4f7f\u7528rb\u6253\u5f00\n with open(f"HTTP\u9759\u6001\u6d4b\u8bd5{user_name}", "rb") as file: # file\u8868\u793a\u6253\u5f00\u6587\u4ef6\u7684\u5bf9\u8c61\n # with open \u8bfb\u53d6\u6570\u636e\u540e\u5173\u95ed\u6587\u4ef6\u4e0d\u9700\u8981\u7a0b\u5e8f\u5458\u6765\u5b8c\u6210\uff0c\u7cfb\u7edf\u81ea\u5df1\u5173\u95ed\n file_data = file.read()\n\n except Exception as e:\n # \u5230\u8fd9\u91cc\u8bf4\u660e\u8bf7\u6c42\u7684\u6ca1\u6709\u8be5\u6587\u4ef6\uff0c\u8fd4\u56de404\n # \u54cd\u5e94\u884c\n not_line = 'HTTP\/1.1 404 Not Foundrn'\n # \u54cd\u5e94\u5934\n not_head = 'Server: PWS\/1.0rn'\n with open("HTTP\u9759\u6001\u6d4b\u8bd5\/404.html", "rb") as file:\n not_file = file.read()\n\n not_info = (not_line + not_head + "rn").encode("utf-8") + not_file\n new.send(not_info)\n else:\n # \u628a\u6570\u636e\u5c01\u88c5\u6210HTTP\u54cd\u5e94\u62a5\u6587\u683c\u5f0f\n # \u54cd\u5e94\u884c\n line = 'HTTP\/1.1 200 OKrn'\n # \u54cd\u5e94\u5934\n head = 'Server: PWS\/1.0rn'\n # \u54cd\u5e94\u4f53\n http_body = file_data\n # \u5408\u5e76\n rdr_info = (line + head + "rn").encode("utf-8") + http_body\n # \u53d1\u9001\u54cd\u5e94\u62a5\u6587\u6570\u636e\n new.send(rdr_info)\n finally:\n # \u65ad\u5f00\u8fde\u63a5\n new.close()\n print(f'{port}\u5df2\u4e0b\u7ebf...')\n\n # \u542f\u52a8\u670d\u52a1\u5668\u65b9\u6cd5\n def start(self):\n while True:\n new, port = self.server_socket.accept()\n sub_process = threading.Thread(target=self.process, args=(new, port), daemon=True)\n sub_process.start()\n\n# \u542f\u52a8\uff01\uff01\uff01\ndef main():\n http = HttpWebServer()\n http.start()\n\nif __name__ == '__main__':\n main()\n<\/code><\/pre>\n11. \u9759\u6001Web\u670d\u52a1\u5668-\u547d\u4ee4\u884c\u542f\u52a8\u52a8\u6001\u7ed1\u5b9a\u7aef\u53e3\u53f7<\/h3>\nimport socket\nimport threading\nimport sys\n\n# HTTP\u534f\u8bae\u7684Web\u670d\u52a1\u5668\u7c7b\nclass HttpWebServer(object):\n def __init__(self, port):\n server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)\n # \u7ed1\u5b9a\u7aef\u53e3\n server_socket.bind(('', port))\n # \u8bbe\u7f6e\u7aef\u53e3\u590d\u7528\n server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, True)\n # \u8bbe\u7f6e\u76d1\u542c\uff08\u6700\u5927128\u4f4d\uff09\n server_socket.listen(128)\n # \u628aTCP\u670d\u52a1\u5668\u5957\u63a5\u5b57\u4f5c\u4e3aweb\u670d\u52a1\u5668\u5bf9\u8c61\u5c5e\u6027\n self.server_socket = server_socket\n\n # \u5904\u7406\u5ba2\u6237\u7aef\u8bf7\u6c42\n @staticmethod\n # @staticmethod \u662f Python \u7c7b\u4e2d\u7684\u9759\u6001\u65b9\u6cd5\u88c5\u9970\u5668\uff0c\u4f5c\u7528\u662f\u5b9a\u4e49\u4e00\u4e2a\u4e0e\u7c7b\u548c\u5b9e\u4f8b\u90fd\u65e0\u5173\u7684\u65b9\u6cd5\u2014\u2014 \u5b83\u65e2\u4e0d\u9700\u8981\u8bbf\u95ee\u7c7b\u5c5e\u6027\uff0c\u4e5f\u4e0d\u9700\u8981\u8bbf\u95ee\u5b9e\u4f8b\u5c5e\u6027\u3002\n def process(new, port):\n print(f'\u5df2\u4e0e{port}\u5efa\u7acb\u8fde\u63a5')\n\n # \u63a5\u6536TCP\u5ba2\u6237\u7aef\u7a0b\u5e8f\u6570\u636e\uff08\u6700\u59274096\u5b57\u8282\uff09\n user_data = new.recv(4096)\n\n # \u5224\u65ad\u662f\u5426\u4e3a\u7a7a\u6570\u636e\n if len(user_data) == 0:\n print(f'{port}\u5df2\u4e0b\u7ebf...')\n new.close()\n return\n\n # \u5bf9\u5ba2\u6237\u7aef\u53d1\u9001\u7684\u6570\u636e\u8fdb\u884c\u8f6c\u6362\n user_data_info = user_data.decode("utf-8")\n # \u5bf9\u6570\u636e\u6309\u7167\u7a7a\u683c\u8fdb\u884c\u5206\u5272\n user_list = user_data_info.split(' ', maxsplit=2)\n # \u83b7\u53d6\u8bf7\u6c42\u8def\u5f84\n user_name = user_list[1]\n\n if user_name == '\/':\n # \u6307\u5b9a\u8def\u5f84\n user_name = '\/index.html'\n\n # \u67e5\u770b\u6709\u65e0\u8fd9\u4e2a\u6587\u4ef6\n try:\n # \u6253\u5f00\u6587\u4ef6\n # \u4e3a\u4e86\u517c\u5bb9\u56fe\u7247\u4f7f\u7528rb\u6253\u5f00\n with open(f"HTTP\u9759\u6001\u6d4b\u8bd5{user_name}", "rb") as file: # file\u8868\u793a\u6253\u5f00\u6587\u4ef6\u7684\u5bf9\u8c61\n # with open \u8bfb\u53d6\u6570\u636e\u540e\u5173\u95ed\u6587\u4ef6\u4e0d\u9700\u8981\u7a0b\u5e8f\u5458\u6765\u5b8c\u6210\uff0c\u7cfb\u7edf\u81ea\u5df1\u5173\u95ed\n file_data = file.read()\n\n except Exception as e:\n # \u5230\u8fd9\u91cc\u8bf4\u660e\u8bf7\u6c42\u7684\u6ca1\u6709\u8be5\u6587\u4ef6\uff0c\u8fd4\u56de404\n # \u54cd\u5e94\u884c\n not_line = 'HTTP\/1.1 404 Not Foundrn'\n # \u54cd\u5e94\u5934\n not_head = 'Server: PWS\/1.0rn'\n with open("HTTP\u9759\u6001\u6d4b\u8bd5\/404.html", "rb") as file:\n not_file = file.read()\n\n not_info = (not_line + not_head + "rn").encode("utf-8") + not_file\n new.send(not_info)\n else:\n # \u628a\u6570\u636e\u5c01\u88c5\u6210HTTP\u54cd\u5e94\u62a5\u6587\u683c\u5f0f\n # \u54cd\u5e94\u884c\n line = 'HTTP\/1.1 200 OKrn'\n # \u54cd\u5e94\u5934\n head = 'Server: PWS\/1.0rn'\n # \u54cd\u5e94\u4f53\n http_body = file_data\n # \u5408\u5e76\n rdr_info = (line + head + "rn").encode("utf-8") + http_body\n # \u53d1\u9001\u54cd\u5e94\u62a5\u6587\u6570\u636e\n new.send(rdr_info)\n finally:\n # \u65ad\u5f00\u8fde\u63a5\n new.close()\n print(f'{port}\u5df2\u4e0b\u7ebf...')\n\n # \u542f\u52a8\u670d\u52a1\u5668\u65b9\u6cd5\n def start(self):\n while True:\n new, port = self.server_socket.accept()\n sub_process = threading.Thread(target=self.process, args=(new, port), daemon=True)\n sub_process.start()\n\ndef main():\n # \u83b7\u53d6\u7ec8\u7aef\u547d\u4ee4\u884c\u53c2\u6570\n parms = sys.argv\n\n if len(parms) != 2:\n print('\u683c\u5f0f\u9519\u8bef\uff01\u5982\u4e0b\uff1a')\n print('python xxx.py \u7aef\u53e3\u53f7(\u6570\u5b57)')\n return\n\n # \u5224\u65ad\u7b2c\u4e8c\u4e2a\u53c2\u6570\u662f\u5426\u90fd\u662f\u7531\u6570\u5b57\u7ec4\u6210\n if not parms[1].isdigit():\n print('\u683c\u5f0f\u9519\u8bef\uff01\u5982\u4e0b\uff1a')\n print('python xxx.py \u7aef\u53e3\u53f7(\u6570\u5b57)')\n return\n\n port = int(parms[1])\n print(f'\u6210\u529f\uff01\u4f60\u7684\u7aef\u53e3\u53f7\u662f{port}')\n # \u521b\u5efaweb\u670d\u52a1\u5668\n http = HttpWebServer(port)\n # \u542f\u52a8\uff01\uff01\uff01\n http.start()\n\nif __name__ == '__main__':\n main()\n<\/code><\/pre>\n\u5341\u516b\u3001html<\/code>+css<\/code>\u57fa\u7840<\/h2>\n1. HTML\u7684\u4ecb\u7ecd<\/h3>\n HTML\u7684\u5b9a\u4e49<\/h4>\nHTML\uff1a\u8d85\u6587\u672c\u6807\u8bb0\u8bed\u8a00<\/strong>\uff0c\u6807\u8bb0\u5c31\u662f\u6807\u7b7e<\/strong>\uff0c<\u6807\u7b7e\u540d\u79f0><\/\u6807\u7b7e\u540d\u79f0><\/code>\uff0c\u6bd4\u5982<html><\/html><\/code>\u3001<h1><\/h1><\/code>\u7b49\uff0c\u6807\u7b7e\u5927\u591a\u6570\u90fd\u662f\u6210\u5bf9\u51fa\u73b0\u7684<\/p>\n \u8d85\u6587\u672c\u7684\u4e24\u5c42\u542b\u4e49\uff1a<\/p>\n \n\u56e0\u4e3a\u7f51\u9875\u4e2d\u8fd8\u53ef\u4ee5\u56fe\u7247\u3001\u89c6\u9891\u3001\u97f3\u9891\u7b49\u5185\u5bb9(\u8d85\u8d8a\u6587\u672c\u9650\u5236)<\/li>\n .\u5b83\u8fd8\u53ef\u4ee5\u5728\u7f51\u9875\u4e2d\u8df3\u8f6c\u5230\u53e6\u4e00\u4e2a\u7f51\u9875\uff0c\u4e0e\u4e16\u754c\u5404\u5730\u4e3b\u673a\u7684\u7f51\u9875\u94fe\u63a5(\u8d85\u94fe\u63a5\u6587\u672c)<\/li>\n<\/ol>\nHTML\u7684\u4f5c\u7528<\/h4>\nHTML\u662f\u7528\u6765\u5f00\u53d1\u7f51\u9875\u7684\uff0c\u5b83\u662f\u5f00\u53d1\u7f51\u9875\u7684\u8bed\u8a00<\/p>\n 2. HTML\u7684\u57fa\u672c\u7ed3\u6784<\/h3>\n \u7ed3\u6784\u4ee3\u7801<\/h4>\n<!DOCTYPE html>\n<html>\n<head>\n <meta charset="UTF-8">\n <title>\u7f51\u9875\u6807\u9898<\/title>\n<\/head>\n<body>\n \u7f51\u9875\u663e\u793a\u5185\u5bb9\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n<!DOCTYPE html><\/code>\u662f\u6587\u6863\u58f0\u660e\uff0c\u7528\u6765\u6307\u5b9a\u9875\u9762\u6240\u4f7f\u7528\u7684html<\/code>\u7684\u7248\u672c\uff0c\u8fd9\u91cc\u58f0\u660e\u7684\u662f\u4e00\u4e2ahtml5<\/code>\u7684\u6587\u6863\u3002<\/li>\n <html>...<\/html><\/code>\u6807\u7b7e\u662f\u5f00\u53d1\u4eba\u5458\u5728\u544a\u8bc9\u6d4f\u89c8\u5668,\u6574\u4e2a\u7f51\u9875\u662f\u4ece<html><\/code>\u8fd9\u91cc\u5f00\u59cb\u7684\uff0c\u5230<\/html><\/code>\u7ed3\u675f\uff0c\u4e5f\u5c31\u662fhtml<\/code>\u6587\u6863\u7684\u5f00\u59cb\u548c\u7ed3\u675f\u6807\u7b7e\u3002<\/li>\n <head>...<\/head><\/code>\u6807\u7b7e\u7528\u4e8e\u5b9a\u4e49\u6587\u6863\u7684\u5934\u90e8\uff0c\u662f\u8d1f\u8d23\u5bf9\u7f51\u9875\u8fdb\u884c\u8bbe\u7f6e\u6807\u9898\u3001\u7f16\u7801\u683c\u5f0f\u4ee5\u53ca\u5f15\u5165css<\/code>\u548cjs<\/code>\u6587\u4ef6\u7684\u3002<\/li>\n <body>...<\/body><\/code>\u6807\u7b7e\u662f\u7f16\u5199\u7f51\u9875\u4e0a\u663e\u793a\u7684\u5185\u5bb9\u3002<\/li>\n<\/ol>\n\u6d4f\u89c8\u7f51\u9875\u6587\u4ef6<\/h4>\n\u7f51\u9875\u6587\u4ef6\u7684\u540e\u7f00\u662f.html<\/code>\u6216\u8005.htm<\/code>\uff0c\u4e00\u4e2aHTML\u6587\u4ef6\u5c31\u662f\u4e00\u4e2a\u7f51\u9875\uff0c\u53ef\u4ee5\u7528\u6587\u672c\u7684\u65b9\u5f0f\u7f16\u8f91\u5b83\uff0c\u5982\u679c\u7528\u6d4f\u89c8\u5668\u6253\u5f00\uff0c\u6d4f\u89c8\u5668\u4f1a\u6309\u7167\u6807\u7b7e\u63cf\u8ff0\u5185\u5bb9\u5c06\u6587\u4ef6\u6e32\u67d3\u6210\u7f51\u9875\u3002<\/p>\n 3.VScode\u7684\u57fa\u672c\u4f7f\u7528<\/h3>\n\u8f6f\u4ef6\u4f7f\u7528\uff1aVScode<\/a><\/p>\n \u5b89\u88c5\u6559\u7a0b\u8bf7\u53c2\u9605\uff1aVScode\u7684\u4e0b\u8f7d\u5b89\u88c5<\/a><\/p>\n \u63d2\u4ef6\uff1ahtml<\/code>\/css<\/code>\/JavaScript<\/code>\/open in browser<\/code><\/p>\n \n<!DOCTYPE html>\n\n<html lang="en">\n<head>\n \n <meta charset="UTF-8">\n \n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n \n <title>Document<\/title>\n<\/head>\n<body>\n hell\n<\/body>\n<\/html>\n<\/code><\/pre>\n4. \u5e38\u7528\u7684HTML\u6807\u7b7e<\/h3>\n\u6210\u5bf9\u51fa\u73b0<\/h4>\n<h1>h1\u6807\u9898<\/h1>\n<div>div\u76d2\u5b50\u5bb9\u5668<\/div>\n<p>\u6bb5\u843d\u6807\u7b7e<\/p>\n<\/code><\/pre>\n\u5355\u4e2a\u51fa\u73b0<\/h4>\n<br>\t\n<img src='.\/aaa\/aaa.png' alt='\u56fe\u7247'>\n<hr>\t\n<\/code><\/pre>\n\u5e26\u5c5e\u6027\u7684\u6807\u7b7e<\/h4>\n<img src='.\/aaa\/aaa.png' alt='\u56fe\u7247'>\n<a href='https:\/\/www.baidu.com\/'>\u767e\u5ea6<\/a>\n<\/code><\/pre>\n\u6807\u7b7e\u7684\u5d4c\u5957<\/h4>\n<div>\n <img src='.\/aaa\/aaa.png' alt='\u56fe\u7247'>\n\t<a href='https:\/\/www.baidu.com\/'>\u767e\u5ea6<\/a>\n<\/div>\n<\/code><\/pre>\n\u6ce8\uff1a<\/font><\/strong><\/p>\n \n\u6807\u7b7e\u4e0d\u533a\u5206\u5927\u5c0f\u5199\uff0c\u4f46\u662f\u63a8\u8350\u4f7f\u7528\u5c0f\u5199<\/li>\n \u6839\u636e\u6807\u7b7e\u7684\u4e66\u5199\u5f62\u5f0f\uff0c\u6807\u7b7e\u5206\u4e3a\u53cc\u6807\u7b7e(\u95ed\u5408\u6807\u7b7e)\u548c\u5355\u6807\u7b7e(\u7a7a\u6807\u7b7e)\n\n\u53cc\u6807\u7b7e\u662f\u6307\u7531\u5f00\u59cb\u6807\u7b7e\u548c\u7ed3\u675f\u6807\u7b7e\u7ec4\u6210\u7684\u4e00\u5bf9\u6807\u7b7e\uff0c\u8fd9\u79cd\u6807\u7b7e\u5141\u8bb8\u5d4c\u5957\u548c\u627f\u8f7d\u5185\u5bb9\uff0c\u6bd4\u5982\uff1adiv<\/code>\u6807\u7b7e<\/li>\n \u5355\u6807\u7b7e\u662f\u4e00\u4e2a\u6807\u7b7e\u7ec4\u6210\uff0c\u6ca1\u6709\u6807\u7b7e\u5185\u5bb9\uff0c\u6bd4\u5982\uff1aimg<\/code>\u6807\u7b7e<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n5.\u8d44\u6e90\u8def\u5f84<\/h3>\n \u76f8\u5bf9\u8def\u5f84<\/h4>\n\u4ece\u5f53\u524d\u64cd\u4f5c\u7684HTML\u7684\u6587\u6863\u6240\u5728\u76ee\u5f55\u7b97\u8d77\u7684\u8def\u5f84\u53eb\u76f8\u5bf9\u8def\u5f84<\/p>\n <img src='.\/aaa\/aaa.png' alt='\u56fe\u7247'>\n<img src='aaa\/aaa.png' alt='\u56fe\u7247'>\n<\/code><\/pre>\n\u7edd\u5bf9\u8def\u5f84<\/h4>\n\u4ece\u6839\u76ee\u5f55\u7b97\u8d77\u7684\u8def\u5f84\u53eb\u7edd\u5bf9\u8def\u5f84<\/p>\n <img src='c:demoaaaaaa.png' alt='\u56fe\u7247'>\n<\/code><\/pre>\n\u6ce8\uff1a<\/font>\u8d44\u6e90\u8def\u5f84\u4e00\u822c\u4f1a\u4f7f\u7528\u76f8\u5bf9\u8def\u5f84\uff0c\u66f4\u52a0\u901a\u7528\u548c\u65b9\u4fbf<\/p>\n 6.\u5217\u8868\u6807\u7b7e<\/h3>\n\u6709\u5e8f\u5217\u8868(ul<\/code>\u6807\u7b7e)<\/h4>\n<ul>\n <li>Item 1<\/li>\n <li>Item 2<\/li>\n <li>Item 3<\/li>\n<\/ul>\n<\/code><\/pre>\n\u65e0\u5e8f\u5217\u8868(ol<\/code>\u6807\u7b7e)<\/h4>\n<ol>\n <li>\u6d4b\u8bd5\u9879\u4e00<\/li>\n <li>\u6d4b\u8bd5\u9879\u4e8c<\/li>\n <li>\u6d4b\u8bd5\u9879\u4e09<\/li>\n<\/ol>\n<\/code><\/pre>\n7.\u8868\u683c\u6807\u7b7e<\/h3>\n \u8868\u683c\u6807\u7b7e<\/h4>\n\n<table><\/code>\uff1a\u8868\u793a\u4e00\u4e2a\u8868\u683c\n\n<tr><\/code>\uff1a\u8868\u793a\u8868\u683c\u4e2d\u7684\u4e00\u884c\n\n<td><\/code>\uff1a\u8868\u793a\u8868\u683c\u4e2d\u7684\u5217<\/li>\n <th><\/code>\uff1a\u8868\u793a\u8868\u683c\u4e2d\u7684\u8868\u5934<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\u793a\u4f8b\uff1a<\/p>\n <table style="border: 1px solid black; border-collapse: collapse;">\n <tr>\n <th style="border: 1px solid black;">\u59d3\u540d<\/th>\n <th style="border: 1px solid black;">\u5e74\u9f84<\/th>\n <\/tr>\n <tr>\n <td style="border: 1px solid black;">\u5f20\u4e09<\/td>\n <td style="border: 1px solid black;">28<\/td>\n <\/tr>\n <tr>\n <td style="border: 1px solid black;">\u674e\u56db<\/td>\n <td style="border: 1px solid black;">34<\/td>\n <\/tr>\n<\/table>\n<\/code><\/pre>\nborder-collapse: collapse;"<\/code>\uff1a\u8868\u683c\u8fb9\u7ebf\u5408\u5e76<\/p>\n 8.\u8868\u5355\u6807\u7b7e<\/h3>\n\u8868\u5355\u7528\u4e8e\u641c\u96c6\u4e0d\u540c\u7c7b\u578b\u7684\u7528\u6237\u8f93\u5165(\u7528\u6237\u8f93\u5165\u7684\u6570\u636e)\uff0c\u7136\u540e\u53ef\u4ee5\u628a\u7528\u6237\u6570\u636e\u63d0\u4ea4\u5230web\u670d\u52a1\u5668<\/p>\n \u8868\u5355\u6807\u7b7e\u7684\u4f7f\u7528<\/h4>\n<form><\/code>\uff1a\u8868\u793a\u8868\u5355\u6807\u7b7e\uff0c\u5b9a\u4e49\u6574\u4f53\u7684\u8868\u5355\u533a\u57df<\/p>\n <label><\/code>\uff1a\u8868\u793a\u5355\u5143\u7d20\u7684\u6587\u5b57\u6807\u6ce8\u6807\u7b7e\uff0c\u5b9a\u4e49\u6587\u5b57\u6807\u6ce8<\/p>\n <input><\/code>\uff1a\u8868\u793a\u5355\u5143\u7d20\u7684\u7528\u6237\u8f93\u5165\u6807\u7b7e\uff0c\u5b9a\u4e49\u4e0d\u540c\u7c7b\u578b\u7684\u7528\u6237\u8f93\u5165\u6570\u636e\u65b9\u5f0f<\/p>\n \ntype<\/code>\u5c5e\u6027\n\ntype="text"<\/code>\u5b9a\u4e49\u5355\u884c\u8f93\u5165\u6587\u672c<\/li>\n type="password"<\/code>\u5b9a\u4e49\u5bc6\u7801\u8f93\u5165\u6846<\/li>\n type="radio"<\/code>\u5b9a\u4e49\u5355\u9009\u6846<\/li>\n type="checkbox"<\/code>\u5b9a\u4e49\u590d\u9009\u6846<\/li>\n type="file"<\/code>\u5b9a\u4e49\u4e0a\u4f20\u6587\u4ef6<\/li>\n type="submit"<\/code>\u5b9a\u4e49\u63d0\u4ea4\u6309\u94ae<\/li>\n type="reset"<\/code>\u5b9a\u4e49\u91cd\u7f6e\u6309\u94ae<\/li>\n type="button"<\/code>\u5b9a\u4e49\u4e00\u4e2a\u666e\u901a\u6309\u94ae<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<textarea><\/code>\u8868\u793a\u5355\u5143\u5143\u7d20\u591a\u884c\u6587\u672c\u8f93\u5165\u6846\u6807\u7b7e\uff0c\u5b9a\u4e49\u591a\u884c\u6587\u672c\u8f93\u5165\u6846<\/p>\n <select><\/code>\u8868\u793a\u5355\u5143\u7d20\u7684\u4e0b\u62c9\u5217\u8868\u6807\u7b7e\uff0c\u5b9a\u4e49\u4e0b\u62c9\u5217\u8868<\/p>\n \n<option><\/code>\u6807\u7b7e\u4e0e<select><\/code>\u6807\u7b7e\u914d\u5408\uff0c\u5b9a\u4e49\u4e0b\u62c9\u5217\u8868\u4e2d\u7684\u9009\u9879<\/li>\n<\/ul>\n\u793a\u4f8b\uff1a<\/p>\n <form>\n <p>\n \n <label for="name">\u7528\u6237\u540d\uff1a<\/label>\n <input type="text" id="name">\n <\/p>\n <p>\n <label for="password">\u5bc6\u7801\uff1a<\/label>\n <input type="password" id="password">\n <\/p>\n <p>\n <label>\u6027\u522b\uff1a<\/label>\n <input type="radio">\u7537\n <input type="radio">\u5973\n <\/p>\n <p>\n <label>\u7231\u597d\uff1a<\/label>\n <input type="checkbox">\u7bee\u7403\n <input type="checkbox">\u8db3\u7403\n <input type="checkbox">\u6392\u7403\n <\/p>\n <p>\n <label>\u7167\u7247\uff1a<\/label>\n <input type="file">\n <\/p>\n <p>\n <label>\u81ea\u6211\u4ecb\u7ecd\uff1a<\/label>\n <textarea><\/textarea>\n <\/p>\n <p>\n <label>\u7c4d\u8d2f\uff1a<\/label>\n <select>\n <option>\u5317\u4eac<\/option>\n <option>\u4e0a\u6d77<\/option>\n <option>\u5e7f\u5dde<\/option>\n <\/select>\n <\/p>\n <p>\n <input type="submit" value="\u63d0\u4ea4">\n <input type="reset" value="\u91cd\u7f6e">\n <input type="button" value="\u6309\u94ae">\n <\/p>\n<\/form>\n<\/code><\/pre>\n9.\u8868\u5355\u63d0\u4ea4<\/h3>\n \u8868\u5355\u5c5e\u6027\u8bbe\u7f6e<\/h4>\n<form><\/code>\u8868\u793a\u8868\u5355\u6807\u7b7e\uff0c\u5b9a\u4e49\u6574\u4f53\u7684\u8868\u5355\u533a\u57df<\/p>\n \naction<\/code>\u5c5e\u6027\uff1a\u8bbe\u7f6e\u8868\u5355\u6570\u636e\u7684\u63d0\u4ea4\u5730\u5740<\/li>\n method<\/code>\u5c5e\u6027\uff1a\u8bbe\u7f6e\u8868\u5355\u63d0\u4ea4\u7684\u65b9\u5f0f\uff0c\u4e00\u822c\u6709GET<\/code>\u65b9\u5f0f\u548cPOST<\/code>\u65b9\u5f0f\uff0c\u4e0d\u533a\u5206\u5927\u5c0f\u5199<\/li>\n<\/ul>\n\u8868\u5355\u5143\u7d20\u5c5e\u6027\u8bbe\u7f6e<\/h4>\nname<\/code>\u5c5e\u6027\uff1a\u8bbe\u7f6e\u8868\u5355\u5143\u7d20\u7684\u540d\u79f0\uff0c\u8be5\u540d\u79f0\u662f\u63d0\u4ea4\u65f6\u7684\u53c2\u6570\u540d<\/p>\n value<\/code>\u5c5e\u6027\uff1a\u8bbe\u7f6e\u8868\u5355\u5143\u7d20\u7684\u503c\uff0c\u8be5\u503c\u662f\u63d0\u4ea4\u6570\u636e\u65f6\u53c2\u6570\u540d\u6240\u5bf9\u5e94\u7684\u503c<\/p>\n \u793a\u4f8b\uff1a<\/h4>\n\u6ce8\uff1a<\/font><\/p>\n \nget\u65b9\u5f0f\u63d0\u4ea4\u6570\u636e\u5230web\u670d\u52a1\u5668\u4ee5\u5730\u5740\u680f\u7684\u65b9\u5f0f\u63d0\u4ea4\u7ed9\u670d\u52a1\u5668\uff0c\u4e0d\u5b89\u5168\uff0c\u80fd\u770b\u5230\u63d0\u4ea4\u7684\u6570\u636e\uff0c\u4e25\u8c28\u7684\u8bf4\u662f\u4ee5\u67e5\u8be2\u53c2\u6570\u7684\u65b9\u5f0f\u63d0\u4ea4\u591fweb\u670d\u52a1\u5668<\/li>\n post\u65b9\u5f0f\u63d0\u4ea4\u6570\u636e\uff0c\u8868\u5355\u6570\u636e\u4f1a\u653e\u5230\u8bf7\u6c42\u4f53\u91cc\u9762<\/li>\n<\/ul>\n<form action="https:\/\/www.baidu.com" method="post">\n\n <p>\n \n <label for="name">\u7528\u6237\u540d\uff1a<\/label>\n <input type="text" id="name" name="username">\n <\/p>\n <p>\n <label for="password">\u5bc6\u7801\uff1a<\/label>\n <input type="password" name="password">\n <\/p>\n <p>\n <label>\u6027\u522b\uff1a<\/label>\n <input type="radio" name="sex" value="0">\u7537\n <input type="radio" name="sex" value="1">\u5973\n <\/p>\n <p>\n <label>\u7231\u597d\uff1a<\/label>\n <input type="checkbox" name="hobby" value="basketball">\u7bee\u7403\n <input type="checkbox" name="hobby" value="football">\u8db3\u7403\n <input type="checkbox" name="hobby" value="volleyball">\u6392\u7403\n <\/p>\n <p>\n <label>\u7167\u7247\uff1a<\/label>\n <input type="file" name="pic">\n <\/p>\n <p>\n <label>\u81ea\u6211\u4ecb\u7ecd\uff1a<\/label>\n <textarea name="dsc"><\/textarea>\n <\/p>\n <p>\n <label>\u7c4d\u8d2f\uff1a<\/label>\n <select name="position">\n <option value="1">\u5317\u4eac<\/option>\n <option value="2">\u4e0a\u6d77<\/option>\n <option value="3">\u5e7f\u5dde<\/option>\n <\/select>\n <\/p>\n <p>\n <input type="submit" value="\u63d0\u4ea4">\n <input type="reset" value="\u91cd\u7f6e">\n <input type="button" value="\u6309\u94ae">\n <\/p>\n<\/form>\n<\/code><\/pre>\n10. css<\/code>\u7684\u4ecb\u7ecd<\/h3>\ncss<\/code>\u7684\u5b9a\u4e49<\/h4>\ncss<\/code>\uff1a\u5c42\u53e0\u6837\u5f0f\u8868\uff0c\u5b83\u662f\u7528\u6765\u7f8e\u5316\u9875\u9762\u7684\u4e00\u79cd\u8bed\u8a00<\/p>\n css<\/code>\u7684\u4f5c\u7528<\/h4>\n\n\u7f8e\u5316\u9875\u9762\uff0c\u6bd4\u5982\uff1a\u8bbe\u7f6e\u6807\u7b7e\u6587\u5b57\u5927\u5c0f\u3001\u989c\u8272\u3001\u5b57\u4f53\u52a0\u7c97\u7b49\u6837\u5f0f<\/li>\n \u63a7\u5236\u9875\u9762\u5e03\u5c40\uff0c\u6bd4\u5982\uff1a\u8bbe\u7f6e\u6d6e\u52a8\uff0c\u5b9a\u4f4d\u7b49\u6837\u5f0f<\/li>\n<\/ol>\ncss<\/code>\u7684\u57fa\u672c\u8bed\u6cd5<\/h4>\n\u9009\u62e9\u5668{\n\u6837\u5f0f\u89c4\u5219\n}\n\u6837\u5f0f\u89c4\u5219\uff1a\n\u5c5e\u6027\u540d:\u5c5e\u6027\u503c;\n\u5c5e\u6027\u540d:\u5c5e\u6027\u503c\uff1b\n....\n<\/code><\/pre>\n\u9009\u62e9\u5668\u662f\u7528\u6765\u9009\u62e9\u6807\u7b7e\u7684\uff0c\u9009\u51fa\u6765\u540e\u7ed9\u6807\u7b7e\u6dfb\u52a0\u6837\u5f0f<\/p>\n \u793a\u4f8b\uff1a<\/p>\n div{\n width: 100px;\n height: 100px;\n background:gold;\n}\n<\/code><\/pre>\n\u8bf4\u660e\uff1a<\/p>\n css<\/code>\u662f\u7531\u4e24\u4e2a\u4e3b\u8981\u7684\u90e8\u5206\u6784\u6210\uff1a\u9009\u62e9\u5668\u548c\u4e00\u6761\u6216\u8005\u591a\u6761\u6837\u5f0f\u89c4\u5219<\/strong>\uff1b<\/p>\n \u6ce8\uff1a<\/font>\u6837\u5f0f\u89c4\u5219\u9700\u8981\u653e\u5230\u5927\u62ec\u53f7\u91cc\u9762<\/strong><\/p>\n 11.css<\/code>\u7684\u5f15\u5165\u65b9\u5f0f<\/h3>\n\u5185\u884c\u5f0f<\/h4>\n\u76f4\u63a5\u5728\u6807\u7b7e\u7684style<\/code>\u5c5e\u6027\u4e2d\u6dfb\u52a0css<\/code>\u6837\u5f0f<\/p>\n <div style="width: 100px; height: 100px; background: red;">hello<\/div>\n<\/code><\/pre>\n\u4f18\u70b9\uff1a\u65b9\u4fbf\u3001\u76f4\u89c2<\/p>\n \u7f3a\u70b9\uff1a\u7f3a\u4e4f\u53ef\u91cd\u7528\u6027<\/p>\n \u5185\u5d4c\u5f0f(\u5185\u90e8\u6837\u5f0f)<\/h4>\n\u5728<head><\/code>\u6807\u7b7e\u5185\u52a0\u5165<style><\/code>\u6807\u7b7e\uff0c\u5728<style><\/code>\u6807\u7b7e\u4e2d\u7f16\u5199css<\/code>\u4ee3\u7801<\/p>\n <head>\n <style>\n h3{\n color: blue;\n }\n <\/style>\n<\/head>\n<\/code><\/pre>\n\u4f18\u70b9\uff1a\u5728\u540c\u4e00\u4e2a\u9875\u9762\u5185\u90e8\u4fbf\u4e8e\u590d\u7528\u548c\u7ef4\u62a4<\/p>\n \u7f3a\u70b9\uff1a\u5728\u591a\u4e2a\u9875\u9762\u4e4b\u95f4\u7684\u53ef\u91cd\u7528\u6027\u4e0d\u591f\u9ad8<\/p>\n \u5916\u94fe\u5f0f<\/h4>\n\u5c06css<\/code>\u4ee3\u7801\u5199\u5728\u4e00\u4e2a\u5355\u72ec\u7684.css<\/code>\u6587\u4ef6\u4e2d\uff0c\u5728<head><\/code>\u6807\u7b7e\u4e2d\u4f7f\u7528<link><\/code>\u6807\u7b7e\u76f4\u63a5\u5f15\u5165\u8be5\u6587\u4ef6\u5230\u9875\u9762\u4e2d\u3002<\/p>\n <link rel="stylesheet" href="aaa.css">\n<\/code><\/pre>\n\u4f18\u70b9\uff1a\u4f7f\u5f97css<\/code>\u6837\u5f0f\u4e0eHTML\u9875\u9762\u5206\u79bb\uff0c\u4fbf\u4e8e\u6574\u4e2a\u9875\u9762\u7cfb\u7edf\u7684\u89c4\u5212\u548c\u7ef4\u62a4\uff0c\u53ef\u91cd\u7528\u6027\u9ad8<\/p>\n \u7f3a\u70b9\uff1acss<\/code>\u4ee3\u7801\u7531\u4e8e\u5206\u79bb\u5230\u5355\u72ec\u7684css<\/code>\u6587\u4ef6\u4e2d\uff0c\u5bb9\u6613\u51fa\u73b0css<\/code>\u4ee3\u7801\u8fc7\u4e8e\u96c6\u4e2d\uff0c\u82e5\u7ef4\u62a4\u4e0d\u5f53\uff0c\u6781\u6613\u9020\u6210\u6df7\u4e71<\/p>\n css<\/code>\u5f15\u5165\u65b9\u5f0f\u9009\u62e9<\/h4>\n\n\u5185\u884c\u6837\u5f0f\u51e0\u4e4e\u4e0d\u7528<\/li>\n \u5185\u5d4c\u5f0f\u5728\u5b66\u4e60css<\/code>\u6837\u5f0f\u9636\u6bb5\u4f7f\u7528<\/li>\n \u5916\u94fe\u5f0f\u5728\u516c\u53f8\u5f00\u53d1\u7684\u9636\u6bb5\u4f7f\u7528\uff0c\u53ef\u4ee5\u5bf9css<\/code>\u6837\u5f0f\u548chtml<\/code>\u9875\u9762\u5206\u522b\u8fdb\u884c\u5f00\u53d1<\/li>\n<\/ol>\n12.css<\/code>\u9009\u62e9\u5668<\/h3>\n\u5b9a\u4e49<\/strong><\/p>\n css<\/code>\u9009\u62e9\u5668\u662f\u7528\u6765\u9009\u62e9\u6807\u7b7e\u7684\uff0c\u9009\u51fa\u6765\u4ee5\u540e\u7ed9\u6807\u7b7e\u52a0\u6837\u5f0f<\/p>\n \u6807\u7b7e\u9009\u62e9\u5668<\/h4>\n\u6839\u636e\u6807\u7b7e\u6765\u9009\u62e9\u6807\u7b7e\uff0c\u4ee5\u6807\u7b7e\u5f00\u5934<\/strong>\uff0c\u6b64\u79cd\u9009\u62e9\u5668\u5f71\u54cd\u8303\u56f4\u5927\uff0c\u4e00\u822c\u7528\u6765\u505a\u4e00\u4e9b\u901a\u7528\u8bbe\u7f6e<\/p>\n p {\n color:red; \n}\n<\/code><\/pre>\n\u7c7b\u9009\u62e9\u5668<\/h4>\n\u66f4\u5177\u7c7b\u540d\u6765\u9009\u62e9\u6807\u7b7e\uff0c\u5e76\u4ee5.<\/code>\u5f00\u5934\uff0c\u4e00\u4e2a\u7c7b\u9009\u62e9\u5668\u53ef\u7528\u4e8e\u591a\u4e2a\u6807\u7b7e\u4e0a\uff0c\u4e00\u4e2a\u6807\u7b7e\u4e0a\u4e5f\u53ef\u4ee5\u4f7f\u7528\u591a\u4e2a\u7c7b\u9009\u62e9\u5668\uff0c\u591a\u4e2a\u7c7b\u9009\u62e9\u5668\u9700\u8981\u4f7f\u7528\u7a7a\u683c\u5206\u5272\uff0c\u5e94\u7528\u7075\u6d3b\uff0c\u53ef\u590d\u7528\uff0c\u662fcss<\/code>\u4e2d\u5e94\u7528\u6700\u591a\u7684\u4e00\u79cd\u9009\u62e9\u5668<\/p>\n <head>\n <style type="text\/css">\n .red{color: red;}\n .big{font-size: 30px;}\n .box{width: 200px; height: 200px; background: blue;}\n <\/style>\n<\/head>\n<body>\n <div class="blue">\u8fd9\u662f\u4e00\u4e2a<\/div>\n <h3 class="big blue box">\u8fd9\u4e2a\u662f\u4e00\u4e2a\u6807\u9898<\/h3>\n <p class="big">\u8fd9\u662f\u4e00\u4e2a\u6bb5\u843d<\/p>\n<\/body>\n<\/code><\/pre>\n\u5c42\u7ea7\u9009\u62e9\u5668(\u540e\u4ee3\u9009\u62e9\u5668)<\/h4>\n\u6839\u636e\u5c42\u7ea7\u5173\u7cfb\u9009\u62e9\u540e\u4ee3\u6807\u7b7e\uff0c\u4ee5\u9009\u62e9\u56681\u9009\u62e9\u56682\u5f00\u5934\uff0c\u4e3b\u8981\u5e94\u7528\u5728\u5d4c\u5957\u7684\u7ed3\u6784\u4e2d\uff0c\u51cf\u5c11\u547d\u540d<\/p>\n <head>\n <style>\n div p {\n color: red;\n }\n <\/style>\n<\/head>\n<body>\n <div>\n <a href="www.baidu.com">\u767e\u5ea6<\/a>\n <p>\u6d4b\u8bd5\u6bb5\u843d<\/p>\n <\/div>\n <div>\n <h2>\u6807\u9898<\/h2>\n <\/div>\n<\/body>\n<\/code><\/pre>\n\u6ce8\uff1a<\/font>\u5c42\u7ea7\u9009\u62e9\u5668\u4e0d\u4e00\u5b9a\u5fc5\u987b\u662f\u7236\u5b50\u5173\u7cfb\uff0c\u7956\u5b59\u5173\u7cfb\u7684\u5b50\u6807\u7b7e\u9875\u53ef\u4ee5\u627e\u5230\uff0c\u5b8c\u6210\u6dfb\u52a0\u6837\u5f0f\u7684\u64cd\u4f5c<\/p>\n id\u9009\u62e9\u5668<\/h4>\n\u6839\u636eid\u9009\u62e9\u6807\u7b7e\uff0c\u4ee5#<\/code>\u5f00\u5934\uff0c\u5143\u7d20\u7684id\u540d\u79f0\u4e0d\u80fd\u91cd\u590d\uff0c\u6240\u4ee5id\u9009\u62e9\u5668\u53ea\u80fd\u5e94\u5bf9\u4e8e\u9875\u9762\u4e0a\u7684\u4e00\u4e2a\u5143\u7d20\uff0c\u4e0d\u80fd\u590d\u7528\uff0cid\u540d\u4e00\u822c\u7ed9\u7a0b\u5e8f\u4f7f\u7528\uff0c\u6240\u4ee5\u4e0d\u63a8\u8350\u4f7f\u7528id\u4f5c\u4e3a\u9009\u62e9\u5668<\/p>\n <head>\n <style>\n #box{\n color: skyblue;\n }\n <\/style>\n<\/head>\n<body>\n <p id="box">\u8fd9\u662f\u4e00\u4e2a\u6bb5\u843d<\/p>\n <p>\u6211\u7684\u623f\u5b50<\/p>\n <p>\u6211\u7684\u8f66\u5b50<\/p>\n<\/body>\n<\/code><\/pre>\n\u6ce8\uff1a<\/font>\u867d\u7136\u7ed9\u5176\u4ed6\u6807\u7b7e\u8bbe\u7f6eid=box<\/code>\u4e5f\u53ef\u4ee5\u8bbe\u7f6e\u6837\u5f0f\uff0c\u4f46\u4e0d\u63a8\u8350\u8fd9\u6837\u505a\uff0c\u56e0\u4e3aid\u662f\u552f\u4e00\u7684\uff0c\u4ee5\u540ejs<\/code>\u901a\u8fc7id\u53ea\u80fd\u83b7\u53d6\u4e00\u4e2a\u552f\u4e00\u7684\u6807\u7b7e\u5bf9\u8c61<\/p>\n \u7ec4\u9009\u62e9\u5668<\/h4>\n\u6839\u636e\u7ec4\u5408\u7684\u9009\u62e9\u5668\u9009\u62e9\u4e0d\u540c\u7684\u6807\u7b7e\uff0c\u4ee5,<\/code>\u5206\u5272\u5f00\uff0c\u5982\u679c\u6709\u516c\u5171\u7684\u6837\u5f0f\u8bbe\u7f6e\uff0c\u53ef\u4ee5\u4f7f\u7528\u7ec4\u9009\u62e9\u5668<\/p>\n <!DOCTYPE html>\n<html lang="en">\n<head>\n <style>\n .box1, .box2, .box3{width: 100px; height: 100px;}\n .box1{background: red;}\n .box2{background: blue;}\n .box3{background: green;}\n <\/style>\n<\/head>\n<body>\n <div class="box1"><\/div>\n <div class="box2"><\/div>\n <div class="box3"><\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\u5feb\u6377\u65b9\u6cd5\uff1adiv.box1*3<\/code>\u521b\u5efa\u4e09\u4e2adiv\u5e76\u4e14\u6307\u5b9aclass<\/code>\u5c5e\u6027\u662fbox1<\/code><\/p>\n \u6ce8\uff1a<\/font>\u5728css<\/code>\u91cc\u9762\u51fa\u73b0\u540c\u6837\u7684\u9009\u62e9\u5668\uff0c\u540e\u9762\u7684\u4e0d\u4f1a\u8986\u76d6\u524d\u9762\u7684\uff0c\u540e\u9762\u7684\u9009\u62e9\u5668\u4f1a\u5728\u524d\u9762\u9009\u62e9\u5668\u7684\u57fa\u7840\u4e0a\u8fdb\u884c\u8ffd\u52a0\u6837\u5f0f<\/p>\n \u4f2a\u7c7b\u9009\u62e9\u5668<\/h4>\n<!DOCTYPE html>\n<html lang="en">\n<head>\n <style>\n .box{width: 100px; height: 100px; background: gold;}\n .box:hover{width: 150px;height: 150px; background: red;}\n <\/style>\n<\/head>\n<body>\n <div class="box">\u8fd9\u4e2a\u662f\u4e00\u4e2a\u76d2\u5b50<\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\nhover<\/code>\u5f53\u5149\u6807\u63a5\u89e6\u65f6\u542f\u52a8\u6b64\u6837\u5f0f<\/p>\n 13.css<\/code>\u5c5e\u6027<\/h3>\n\u5e03\u5c40\u5e38\u7528\u6837\u5f0f\u5c5e\u6027<\/h4>\nwidth<\/code>\uff1a\u8bbe\u7f6e\u5143\u7d20(\u6807\u7b7e)\u7684\u5bbd\u5ea6\uff0c\u5982\uff1awidth:100px;<\/code><\/p>\n height<\/code>\uff1a\u8bbe\u7f6e\u5143\u7d20(\u6807\u7b7e)\u7684\u9ad8\u5ea6\uff0c\u5982\uff1aheight:100px;<\/code><\/p>\n background<\/code>\uff1a\u8bbe\u7f6e\u5143\u7d20\u80cc\u666f\u8272\u6216\u8005\u80cc\u666f\u56fe\u7247\uff0c\u5982\uff1abackgroud:gold;<\/code>\u8bbe\u7f6e\u5143\u7d20\u7684\u80cc\u666f\u8272\uff0cbackgroud:url(images\/logo.png);<\/code>\uff0c\u8bbe\u7f6e\u5143\u7d20\u7684\u80cc\u666f\u56fe\u7247<\/p>\n border<\/code>\uff1a\u8bbe\u7f6e\u5143\u7d20\u56db\u5468\u7684\u8fb9\u6846\uff0c\u5982boder:1px solid black;<\/code>\u8bbe\u7f6e\u5143\u7d20\u56db\u5468\u8fb9\u6846\u662f1\u50cf\u7d20\u7684\u9ed1\u8272\u5b9e\u7ebf<\/p>\n border-top<\/code>\uff1a\u8bbe\u7f6e\u9876\u8fb9\u8fb9\u6846\uff0c\u5982\uff1aborder-top:10px solid red;<\/code><\/p>\n border-left<\/code>\uff1a\u8bbe\u7f6e\u5de6\u8fb9\u8fb9\u6846\uff0c\u5982\uff1aborder-left:10px solid blue;<\/code><\/p>\n border-right<\/code>\uff1a\u8bbe\u7f6e\u53f3\u8fb9\u8fb9\u6846\uff0c\u5982\uff1aborder-right:10px solid green;<\/code><\/p>\n botder-bottom<\/code>\uff1a\u8bbe\u7f6e\u5e95\u8fb9\u8fb9\u6846\uff0c\u5982\uff1aborder-bottom:10px solid pink;<\/code><\/p>\n div{\n width:100px;\n height:100px;\n background:url("imgs\/logo.png") on-repeat;\n \/* no-repeat\uff1a\u8868\u793a\u56fe\u7247\u4e0d\u91cd\u590d\u663e\u793a\u56fe\u7247\uff0c\u62c9\u4f38\u5f53\u524d\u663e\u793a\u7684\u56fe\u7247 *\/\n}\n<\/code><\/pre>\npadding<\/code>\uff1a\u8bbe\u7f6e\u5143\u7d20\u5305\u542b\u7684\u5185\u5bb9\u548c\u5143\u7d20\u8fb9\u6846\u7684\u8ddd\u79bb\uff0c\u4e5f\u53eb\u5185\u8fb9\u8ddd\uff0c\u5982\uff1apadding:20px;<\/code>\uff0cpadding<\/code>\u662f\u540c\u65f6\u8bbe\u7f6e4\u4e2a\u8fb9\u7684\uff0c\u4e5f\u53ef\u4ee5\u50cfborder<\/code>\u4e00\u6837\u62c6\u5206\u6210\u5206\u522b\u8bbe\u7f6e\u56db\u4e2a\u8fb9\uff1apadding-top<\/code>\u3001padding-left<\/code>\u3001padding-right<\/code>\u3001padding-bottom<\/code>\u3002<\/p>\n margin<\/code>\uff1a\u8bbe\u7f6e\u5143\u7d20\u548c\u5916\u754c\u7684\u8ddd\u79bb\uff0c\u4e5f\u53eb\u5916\u8fb9\u8ddd\uff0c\u5982\uff1amargin:20px;<\/code>margin\u662f\u540c\u65f6\u8bbe\u7f6e4\u4e2a\u8fb9\u7684\uff0c\u4e5f\u53ef\u4ee5\u50cfborder\u4e00\u6837\u62c6\u5206\u6210\u5206\u522b\u8bbe\u7f6e\u56db\u4e2a\u8fb9\uff1amargin-top<\/code>\u3001margin-left<\/code>\u3001margin-right<\/code>\u3001margin-bottom<\/code>\u3002<\/p>\n float<\/code>\uff1a\u8bbe\u7f6e\u5143\u7d20\u6d6e\u52a8\uff0c\u6d6e\u52a8\u53ef\u4ee5\u8ba9\u5757\u5143\u7d20\u6392\u5217\u5728\u4e00\u884c\uff0c\u6d6e\u52a8\u5206\u4e3a\u5de6\u6d6e\u52a8\uff1afloat:left;<\/code>\u53f3\u6d6e\u52a8\uff1afloat:right;<\/code><\/p>\n \n\u4ee5\u540e\u8bbe\u7f6ediv<\/code>\u5728\u4e00\u884c\u663e\u793a\uff0c\u53ef\u4ee5\u8bbe\u7f6e\u6d6e\u52a8<\/li>\n<\/ul>\n\u5feb\u6377\u65b9\u5f0f\uff1adiv>div*2<\/code>\u521b\u5efa\u4e00\u4e2a\u7236div<\/code>\uff0c\u5728\u7236div<\/code>\u91cc\u9762\u521b\u5efa\u4e24\u4e2a\u5b50div<\/code><\/p>\n \u6587\u672c\u5e38\u7528\u6837\u5f0f\u5c5e\u6027<\/h4>\ncolor<\/code>\uff1a\u8bbe\u7f6e\u6587\u5b57\u7684\u989c\u8272\uff0c\u5982\uff1acolor:red;<\/code><\/p>\n font-size<\/code>\uff1a\u8bbe\u7f6e\u6587\u5b57\u7684\u5927\u5c0f\uff0c\u5982\uff1afont-size:12px;<\/code><\/p>\n font-family<\/code>\uff1a\u8bbe\u7f6e\u6587\u5b57\u7684\u5b57\u4f53\uff0c\u5982\uff1afont-family:"\u5fae\u8f6f\u96c5\u9ed1\u9ed2";<\/code>\uff0c\u4e3a\u4e86\u907f\u514d\u4e2d\u6587\u5b57\u4e0d\u517c\u5bb9\uff0c\u4e00\u822c\u5199\u6210\uff1afontfamily:'Microsoft Yahei';<\/code><\/p>\n font-weight<\/code>\uff1a\u8bbe\u7f6e\u6587\u5b57\u662f\u5426\u52a0\u7c97\uff0c\u5982\uff1afont-weight:bold; <\/code>\uff0c\u8bbe\u7f6e\u52a0\u7c97font-weight:normal;<\/code>\u8bbe\u7f6e\u4e0d\u52a0\u7c97<\/p>\n line-height<\/code>\uff1a\u8bbe\u7f6e\u6587\u5b57\u7684\u884c\u9ad8\uff0c\u5982\uff1aline-height:24px;<\/code>\u8868\u793a\u6587\u5b57\u9ad8\u5ea6\u52a0\u4e0a\u6587\u5b57\u4e0a\u4e0b\u7684\u95f4\u8ddd\u662f24px<\/code>\uff0c\u4e5f\u5c31\u662f\u6bcf\u4e00\u884c\u5360\u6709\u7684\u9ad8\u5ea6\u662f24px<\/code><\/p>\n text-decoration<\/code>\uff1a\u8bbe\u7f6e\u6587\u5b57\u7684\u4e0b\u5212\u7ebf\uff0c\u5982\uff1atext-decoration:none;<\/code>\u5c06\u6587\u5b57\u4e0b\u5212\u7ebf\u53bb\u6389<\/p>\n \nunderline<\/code>\uff1a\u4e0b\u5212\u7ebf<\/li>\n line-through<\/code>\uff1a\u5220\u9664\u7ebf<\/li>\n overline<\/code>\uff1a\u4e0a\u5212\u7ebf<\/li>\n<\/ul>\ntext-align<\/code>\uff1a\u8bbe\u7f6e\u6587\u5b57\u6c34\u5e73\u5bf9\u9f50\u65b9\u5f0f\uff0c\u5982\uff1atext-align:center;<\/code>\u8bbe\u7f6e\u6587\u5b57\u6c34\u5e73\u5c45\u4e2d<\/p>\n \nleft<\/code>\uff1a\u5de6\u5bf9\u9f50<\/li>\n center<\/code>\uff1a\u4e2d\u5bf9\u9f50<\/li>\n right<\/code>\uff1a\u53f3\u5bf9\u9f50<\/li>\n<\/ul>\ntext-indent<\/code>\uff1a\u8bbe\u7f6e\u6587\u5b57\u9996\u884c\u7f29\u8fdb\uff0c\u5982\uff1atext-indent:24px;<\/code>\u8bbe\u7f6e\u6587\u5b57\u9996\u884c\u7f29\u8fdb24px<\/code>(\u4e00\u4e2a\u5b57\u536030px<\/code>)<\/p>\n \u6ce8\uff1a<\/font>span<\/code>\u6807\u7b7e\u53ef\u4ee5\u7ed9\u6587\u672c\u4e2d\u7684\u4e00\u5c0f\u6bb5\u5185\u5bb9\u8bbe\u7f6e\u6837\u5f0f<\/p>\n 14.css<\/code>\u5143\u7d20 \u6ea2\u51fa<\/h3>\n\u4ec0\u4e48\u662f\u5143\u7d20\u6ea2\u51fa<\/h4>\n\u5f53\u5b50\u5143\u7d20(\u6807\u7b7e)\u7684\u5c3a\u5bf8\u8d85\u8fc7\u7236\u5143\u7d20(\u6807\u7b7e)\u7684\u5c3a\u5bf8\u65f6<\/strong>\uff0c\u6b64\u65f6\u9700\u8981\u8bbe\u7f6e\u7236\u5143\u7d20\u663e\u793a\u6ea2\u51fa\u7684\u5b50\u5143\u7d20\u7684\u65b9\u5f0f\uff0c\u8bbe\u7f6e\u7684\u65b9\u6cd5\u662f\u901a\u8fc7**overflow<\/code>\u5c5e\u6027**\u6765\u5b8c\u6210\t<\/p>\n overflow<\/code>\u7684\u8bbe\u7f6e\u9879<\/p>\n \nvisble<\/code>\uff1a\u9ed8\u8ba4\u503c\uff0c\u663e\u793a\u5b50\u6807\u7b7e\u6ea2\u51fa\u90e8\u5206<\/li>\n hidden<\/code>\uff1a\u9690\u85cf\u5b50\u6807\u7b7e\u6ea2\u51fa\u90e8\u5206<\/li>\n auto<\/code>\uff1a\u5982\u679c\u5b50\u6807\u7b7e\u6ea2\u51fa\uff0c\u5219\u53ef\u4ee5\u6eda\u52a8\u67e5\u770b\u5176\u4f59\u7684\u5185\u5bb9<\/li>\n<\/ul>\n\u793a\u4f8b<\/strong><\/p>\n <!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>Document<\/title>\n <style>\n .box1{\n width: 100px;\n height: 100px;\n background: red;\n \/* \u4e0d\u663e\u793a\u6ea2\u51fa\u5185\u5bb9 *\/\n \/* overflow: hidden; *\/\n \/* \u663e\u793a\u6ea2\u51fa\u5185\u5bb9\uff0c\u51fa\u73b0\u6eda\u52a8\u6761 *\/\n \/* overflow: auto; *\/\n \/* \u663e\u793a\u6ea2\u51fa\u5185\u5bb9\uff0c\u5185\u5bb9\u76f4\u63a5\u6ea2\u51fa *\/\n overflow: visible;\n }\n .box2{\n width: 200px;\n height: 50px;\n background: black;\n }\n <\/style>\n<\/head>\n<body>\n <div class="box1">\n <div class="box2"><\/div>\n <\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\u6ce8\uff1a<\/font>\u8bbe\u7f6e\u5143\u7d20\u6ea2\u51fa\uff0c\u9700\u8981\u5728\u7236\u6807\u7b7e\u7684\u9009\u62e9\u5668\u4e0a\u8fdb\u884c\u8bbe\u7f6e<\/p>\n 15.css<\/code>\u663e\u793a\u7279\u6027<\/h3>\n\u5b66\u4e60\u89c6\u9891\uff1acss<\/code>\u663e\u793a\u7279\u6027<\/a><\/p>\n display<\/code>\u5c5e\u6027\u7684\u4f7f\u7528<\/h4>\n\nnone<\/code>\uff1a\u5143\u7d20\u9690\u85cf\u4e14\u4e0d\u5360\u4f4d\u7f6e<\/li>\n inline<\/code>\uff1a\u5143\u7d20\u4ee5\u884c\u5185\u5143\u7d20\u663e\u793a<\/li>\nblock<\/code>\uff1a\u5143\u7d20\u4ee5\u5757\u5143\u7d20\u663e\u793a<\/li>\n<\/ul>\n\u793a\u4f8b\uff1a<\/p>\n<!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>Document<\/title>\n <style>\n div {\n width: 100px;\n height: 100px;\n background: red;\n \/* \u5b8c\u5168\u9690\u85cf *\/\n \/* display: none; *\/\n \/* \u884c\u5185 *\/\n \/* display: inline; *\/\n \/* \u5757\u7ea7 *\/\n display: block;\n }\n a {\n \/* \u8bbe\u7f6e\u5355\u72ec\u5360\u4e00\u884c\uff0c\u4e0d\u548c\u5176\u4ed6\u6807\u7b7e\u5728\u4e00\u884c\u663e\u793a *\/\n display: block;\n }\n <\/style>\n<\/head>\n<body>\n <div>\n \u54c8\u54c8\n <\/div>\n <p>\u563b\u563b<\/p>\n <a href="https:\/\/www.baidu.com">\u767e\u5ea6<\/a>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\u6ce8\uff1a<\/font>\u8bbe\u7f6ediv<\/code>\u53ef\u4ee5\u548c\u5176\u4ed6\u5143\u7d20\u5728\u4e00\u884c\u663e\u793a\uff0c\u4ee5\u540e\u5c31\u4e0d\u80fd\u8bbe\u7f6e\u5bbd\u9ad8\uff1b\u5982\u679c\u65e2\u8bbe\u7f6ediv<\/code>\u7684\u5bbd\u9ad8\uff0c\u53c8\u8bbe\u7f6e\u5b50\u554a\u4e00\u884c\u663e\u793a\uff0c\u53ef\u4ee5\u901a\u8fc7\u6d6e\u52a8\u5b8c\u6210<\/p>\n16.css<\/code>\u76d2\u5b50\u6a21\u578b<\/h3>\n\u5b66\u4e60\u5730\u5740\uff1a\u76d2\u5b50\u6a21\u578b\u57fa\u7840<\/a><\/p>\n \u5b9a\u4e49<\/h4>\n\u6240\u6709HTML\u5143\u7d20\u53ef\u4ee5\u770b\u4f5c\u76d2\u5b50\uff0cCSS<\/code>\u76d2\u6a21\u578b\u672c\u8d28\u4e0a\u662f\u4e00\u4e2a\u76d2\u5b50\uff0c\u5c01\u88c5\u5468\u56f4\u7684HTML\u5143\u7d20\uff0c\u5b83\u5305\u62ec\uff1a\u5916\u8fb9\u8ddd(margin<\/code>)\u3001\u5185\u8fb9\u8ddd(padding<\/code>)\uff0c\u8fb9\u6846(border<\/code>)\u3001\u5185\u5bb9(content<\/code>)<\/strong>\uff0c\u76d2\u6a21\u578b\u5141\u8bb8\u6211\u4eec\u5728\u5176\u5b83\u5143\u7d20\u548c\u5468\u56f4\u5143\u7d20\u8fb9\u6846\u4e4b\u95f4\u7684\u7a7a\u95f4\u653e\u7f6e\u5143\u7d20<\/strong>\u3002<\/p>\n\u76d2\u5b50\u6a21\u578b\u793a\u610f\u56fe\uff1a<\/h4>\n<\/p>\n\u76d2\u5b50\u6a21\u578b\u76f8\u5173\u6837\u5f0f\u5c5e\u6027<\/h4>\n\n\u76d2\u5b50\u7684\u5185\u5bb9\u5bbd\u5ea6(width<\/code>)\uff0c\u6ce8\u610f\uff1a\u4e0d\u662f\u76d2\u5b50\u7684\u5bbd\u5ea6<\/li>\n \u76d2\u5b50\u7684\u5185\u5bb9\u9ad8\u5ea6(height<\/code>)\uff0c\u6ce8\u610f\uff1a\u4e0d\u662f\u76d2\u5b50\u7684\u9ad8\u5ea6<\/li>\n \u76d2\u5b50\u7684\u8fb9\u6846(border<\/code>)<\/li>\n\u76d2\u5b50\u5185\u7684\u5185\u5bb9\u548c\u8fb9\u6846\u4e4b\u95f4\u7684\u95f4\u8ddd(padding<\/code>)<\/li>\n<\/ul>\n\u793a\u4f8b\uff1a<\/p>\n<!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>Document<\/title>\n <style>\n .box1 {\n width: 200px;\n height: 200px;\n background: green;\n border: 5px solid blue;\n \/* padding-top: 10px;\n padding-left: 10px; *\/\n padding: 10px;\n }\n .box2 {\n width: 100px;\n height: 150px;\n background-color: lightcoral;\n }\n .box3 {\n width: 200px;\n height: 200px;\n background-color: lightpink;\n margin-top: 20px;\n }\n \n <\/style>\n<\/head>\n<body>\n \n <div class="box1">\n <div class="box2"><\/div>\n <\/div>\n <div class="box3"><\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\u76d2\u5b50\u7684\u771f\u5b9e\u5c3a\u5bf8<\/h4>\n\u76d2\u5b50\u7684width\u548cheight\u503c\u56fa\u5b9a\u65f6\uff0c\u5982\u679c\u76d2\u5b50\u589e\u52a0border\u548cpadding\uff0c\u76d2\u5b50\u7684\u6574\u4f53\u5c3a\u5bf8\u4f1a\u53d1\u751f\u53d8\u5316\u6240\u4ee5\u76d2\u5b50\u7684\u771f\u5b9e\u5c3a\u5bf8\u4e3a\uff1a<\/p>\n\n\u76d2\u5b50\u7684\u5bbd\u5ea6=width + padding\u5de6\u53f3 + border\u5de6\u53f3<\/li>\n\u76d2\u5b50\u7684\u9ad8\u5ea6=height + padding\u4e0a\u4e0b + border\u4e0a\u4e0b<\/li>\n<\/ul>\n17.css<\/code>\u5f39\u6027\u76d2\u5b50\u6a21\u578bFlex <\/code><\/h3>\n\u5b66\u4e60\u5730\u5740\uff1a\u5f39\u6027\u76d2\u5b50\u6a21\u578b<\/a><\/p>\n Flex\uff1a\u5f39\u6027\u5e03\u5c40\uff0c\u7528\u6765\u4e3a\u76d2\u72b6\u6a21\u578b\u63d0\u4f9b\u6700\u5927\u7684\u7075\u6d3b\u6027<\/p>\n .box{\n display:flex;\n}\n<\/code><\/pre>\n\u884c\u5185\u5143\u7d20\u4e5f\u53ef\u4ee5\u4f7f\u7528 Flex \u5e03\u5c40<\/p>\n .box1{\n display:inline-flex;\n}\n<\/code><\/pre>\nWebkit \u5185\u6838\u7684\u6d4f\u89c8\u5668\uff0c\u5fc5\u987b\u52a0\u4e0a-webkit<\/code>\u524d\u7f00<\/p>\n .box{\n display: -webkit-flex; \/* Safari *\/\n display: flex;\n}\n<\/code><\/pre>\n\u57fa\u672c\u6982\u5ff5<\/h4>\n\u91c7\u7528 Flex \u5e03\u5c40\u7684\u5143\u7d20\uff0c\u79f0\u4e3a Flex \u5bb9\u5668\uff08flex container\uff09\uff0c\u7b80\u79f0**"\u5bb9\u5668"\u3002\u5b83\u7684\u6240\u6709\u5b50\u5143\u7d20\u81ea\u52a8\u6210\u4e3a\u5bb9\u5668\u6210\u5458\uff0c\u79f0\u4e3a Flex \u9879\u76ee\uff08flex item\uff09\uff0c\u7b80\u79f0<\/strong>"\u9879\u76ee"**\u3002<\/p>\n <\/p>\n \u5bb9\u5668\u9ed8\u8ba4\u5b58\u5728\u4e24\u6839\u8f74\uff1a\u6c34\u5e73\u7684\u4e3b\u8f74<\/strong>\uff08main axis\uff09\u548c\u5782\u76f4\u7684\u4ea4\u53c9\u8f74<\/strong>\uff08cross axis\uff09\u3002\u4e3b\u8f74\u7684\u5f00\u59cb\u4f4d\u7f6e\uff08\u4e0e\u8fb9\u6846\u7684\u4ea4\u53c9\u70b9\uff09\u53eb\u505amain start<\/code>\uff0c\u7ed3\u675f\u4f4d\u7f6e\u53eb\u505amain end<\/code>\uff1b\u4ea4\u53c9\u8f74\u7684\u5f00\u59cb\u4f4d\u7f6e\u53eb\u505across start<\/code>\uff0c\u7ed3\u675f\u4f4d\u7f6e\u53eb\u505across end<\/code>\u3002<\/p>\n \u9879\u76ee\u9ed8\u8ba4\u6cbf\u4e3b\u8f74\u6392\u5217\u3002\u5355\u4e2a\u9879\u76ee\u5360\u636e\u7684\u4e3b\u8f74\u7a7a\u95f4\u53eb\u505amain size<\/code>\uff0c\u5360\u636e\u7684\u4ea4\u53c9\u8f74\u7a7a\u95f4\u53eb\u505across size<\/code>\u3002<\/p>\n \u5bb9\u5668\u7684\u5c5e\u6027<\/h4>\n\nflex-direction<\/code>\uff1a\u5c5e\u6027\u51b3\u5b9a\u4e3b\u8f74\u7684\u65b9\u5411\uff08\u5373\u9879\u76ee\u7684\u6392\u5217\u65b9\u5411\uff09\u3002\n\nrow<\/code>\uff08\u9ed8\u8ba4\u503c\uff09\uff1a\u4e3b\u8f74\u4e3a\u6c34\u5e73\u65b9\u5411\uff0c\u8d77\u70b9\u5728\u5de6\u7aef\u3002<\/li>\n row-reverse<\/code>\uff1a\u4e3b\u8f74\u4e3a\u6c34\u5e73\u65b9\u5411\uff0c\u8d77\u70b9\u5728\u53f3\u7aef\u3002<\/li>\n column<\/code>\uff1a\u4e3b\u8f74\u4e3a\u5782\u76f4\u65b9\u5411\uff0c\u8d77\u70b9\u5728\u4e0a\u6cbf\u3002<\/li>\n column-reverse<\/code>\uff1a\u4e3b\u8f74\u4e3a\u5782\u76f4\u65b9\u5411\uff0c\u8d77\u70b9\u5728\u4e0b\u6cbf\u3002<\/li>\n<\/ul>\n<\/li>\n flex-wrap<\/code>\uff1a\u5c5e\u6027\u5b9a\u4e49\uff0c\u5982\u679c\u4e00\u6761\u8f74\u7ebf\u6392\u4e0d\u4e0b\uff0c\u5982\u4f55\u6362\u884c\n\nnowrap<\/code>\uff08\u9ed8\u8ba4\uff09\uff1a\u4e0d\u6362\u884c\u3002<\/li>\n wrap<\/code>\uff1a\u6362\u884c\uff0c\u7b2c\u4e00\u884c\u5728\u4e0a\u65b9<\/li>\n wrap-reverse<\/code>\uff1a\u6362\u884c\uff0c\u7b2c\u4e00\u884c\u5728\u4e0b\u65b9\u3002<\/li>\n<\/ul>\n<\/li>\n flex-flow<\/code>\uff1a\u662fflex-direction<\/code>\u5c5e\u6027\u548cflex-wrap<\/code>\u5c5e\u6027\u7684\u7b80\u5199\u5f62\u5f0f\uff0c\u9ed8\u8ba4\u503c\u4e3arow nowrap<\/code>\u3002<\/li>\n justify-content<\/code>\uff1a\u5b9a\u4e49\u4e86\u9879\u76ee\u5728\u4e3b\u8f74\u4e0a\u7684\u5bf9\u9f50\u65b9\u5f0f\n\nflex-start<\/code>\uff08\u9ed8\u8ba4\u503c\uff09\uff1a\u5de6\u5bf9\u9f50<\/li>\n flex-end<\/code>\uff1a\u53f3\u5bf9\u9f50<\/li>\n center<\/code>\uff1a \u5c45\u4e2d<\/li>\n space-between<\/code>\uff1a\u4e24\u7aef\u5bf9\u9f50\uff0c\u9879\u76ee\u4e4b\u95f4\u7684\u95f4\u9694\u90fd\u76f8\u7b49\u3002<\/li>\n space-around<\/code>\uff1a\u6bcf\u4e2a\u9879\u76ee\u4e24\u4fa7\u7684\u95f4\u9694\u76f8\u7b49\u3002\u6240\u4ee5\uff0c\u9879\u76ee\u4e4b\u95f4\u7684\u95f4\u9694\u6bd4\u9879\u76ee\u4e0e\u8fb9\u6846\u7684\u95f4\u9694\u5927\u4e00\u500d\u3002<\/li>\n<\/ul>\n<\/li>\n align-items<\/code>\uff1a\u5b9a\u4e49\u9879\u76ee\u5728\u4ea4\u53c9\u8f74\u4e0a\u5982\u4f55\u5bf9\u9f50\n\nflex-start<\/code>\uff1a\u4ea4\u53c9\u8f74\u7684\u8d77\u70b9\u5bf9\u9f50\u3002<\/li>\n flex-end<\/code>\uff1a\u4ea4\u53c9\u8f74\u7684\u7ec8\u70b9\u5bf9\u9f50\u3002<\/li>\n center<\/code>\uff1a\u4ea4\u53c9\u8f74\u7684\u4e2d\u70b9\u5bf9\u9f50\u3002<\/li>\n baseline<\/code>: \u9879\u76ee\u7684\u7b2c\u4e00\u884c\u6587\u5b57\u7684\u57fa\u7ebf\u5bf9\u9f50\u3002<\/li>\n stretch<\/code>\uff08\u9ed8\u8ba4\u503c\uff09\uff1a\u5982\u679c\u9879\u76ee\u672a\u8bbe\u7f6e\u9ad8\u5ea6\u6216\u8bbe\u4e3aauto\uff0c\u5c06\u5360\u6ee1\u6574\u4e2a\u5bb9\u5668\u7684\u9ad8\u5ea6\u3002<\/li>\n<\/ul>\n<\/li>\n align-content<\/code>\uff1a\u5b9a\u4e49\u4e86\u591a\u6839\u8f74\u7ebf\u7684\u5bf9\u9f50\u65b9\u5f0f\u3002\u5982\u679c\u9879\u76ee\u53ea\u6709\u4e00\u6839\u8f74\u7ebf\uff0c\u8be5\u5c5e\u6027\u4e0d\u8d77\u4f5c\u7528\n\nflex-start<\/code>\uff1a\u4e0e\u4ea4\u53c9\u8f74\u7684\u8d77\u70b9\u5bf9\u9f50\u3002<\/li>\n flex-end<\/code>\uff1a\u4e0e\u4ea4\u53c9\u8f74\u7684\u7ec8\u70b9\u5bf9\u9f50\u3002<\/li>\n center<\/code>\uff1a\u4e0e\u4ea4\u53c9\u8f74\u7684\u4e2d\u70b9\u5bf9\u9f50\u3002<\/li>\n space-between<\/code>\uff1a\u4e0e\u4ea4\u53c9\u8f74\u4e24\u7aef\u5bf9\u9f50\uff0c\u8f74\u7ebf\u4e4b\u95f4\u7684\u95f4\u9694\u5e73\u5747\u5206\u5e03\u3002<\/li>\n space-around<\/code>\uff1a\u6bcf\u6839\u8f74\u7ebf\u4e24\u4fa7\u7684\u95f4\u9694\u90fd\u76f8\u7b49\u3002\u6240\u4ee5\uff0c\u8f74\u7ebf\u4e4b\u95f4\u7684\u95f4\u9694\u6bd4\u8f74\u7ebf\u4e0e\u8fb9\u6846\u7684\u95f4\u9694\u5927\u4e00\u500d\u3002<\/li>\n stretch<\/code>\uff08\u9ed8\u8ba4\u503c\uff09\uff1a\u8f74\u7ebf\u5360\u6ee1\u6574\u4e2a\u4ea4\u53c9\u8f74\u3002<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\u9879\u76ee\u5c5e\u6027<\/h4>\n\n\norder<\/code>\uff1a\u5b9a\u4e49\u9879\u76ee\u7684\u6392\u5217\u987a\u5e8f\u3002\u6570\u503c\u8d8a\u5c0f\uff0c\u6392\u5217\u8d8a\u9760\u524d\uff0c\u9ed8\u8ba4\u4e3a0<\/p>\n<\/li>\n \nflex-grow<\/code>\uff1a\u5b9a\u4e49\u9879\u76ee\u7684\u653e\u5927\u6bd4\u4f8b\uff0c\u9ed8\u8ba4\u4e3a0<\/code>\uff0c\u5373\u5982\u679c\u5b58\u5728\u5269\u4f59\u7a7a\u95f4\uff0c\u4e5f\u4e0d\u653e\u5927<\/p>\n \u6ce8\uff1a<\/font>\u5982\u679c\u6240\u6709\u9879\u76ee\u7684flex-grow<\/code>\u5c5e\u6027\u90fd\u4e3a1\uff0c\u5219\u5b83\u4eec\u5c06\u7b49\u5206\u5269\u4f59\u7a7a\u95f4\uff08\u5982\u679c\u6709\u7684\u8bdd\uff09\u3002\u5982\u679c\u4e00\u4e2a\u9879\u76ee\u7684flex-grow<\/code>\u5c5e\u6027\u4e3a2\uff0c\u5176\u4ed6\u9879\u76ee\u90fd\u4e3a1\uff0c\u5219\u524d\u8005\u5360\u636e\u7684\u5269\u4f59\u7a7a\u95f4\u5c06\u6bd4\u5176\u4ed6\u9879\u591a\u4e00\u500d\u3002<\/p>\n<\/li>\n \nflex-shrink<\/code>\uff1a\u5b9a\u4e49\u4e86\u9879\u76ee\u7684\u7f29\u5c0f\u6bd4\u4f8b\uff0c\u9ed8\u8ba4\u4e3a1\uff0c\u5373\u5982\u679c\u7a7a\u95f4\u4e0d\u8db3\uff0c\u8be5\u9879\u76ee\u5c06\u7f29\u5c0f<\/p>\n \u6ce8\uff1a<\/font>\u5982\u679c\u6240\u6709\u9879\u76ee\u7684flex-shrink<\/code>\u5c5e\u6027\u90fd\u4e3a1\uff0c\u5f53\u7a7a\u95f4\u4e0d\u8db3\u65f6\uff0c\u90fd\u5c06\u7b49\u6bd4\u4f8b\u7f29\u5c0f\u3002\u5982\u679c\u4e00\u4e2a\u9879\u76ee\u7684flex-shrink<\/code>\u5c5e\u6027\u4e3a0\uff0c\u5176\u4ed6\u9879\u76ee\u90fd\u4e3a1\uff0c\u5219\u7a7a\u95f4\u4e0d\u8db3\u65f6\uff0c\u524d\u8005\u4e0d\u7f29\u5c0f\u3002<\/p>\n<\/li>\n \nflex-basis<\/code>\uff1a\u5b9a\u4e49\u4e86\u5728\u5206\u914d\u591a\u4f59\u7a7a\u95f4\u4e4b\u524d\uff0c\u9879\u76ee\u5360\u636e\u7684\u4e3b\u8f74\u7a7a\u95f4\uff08main size\uff09\u3002\u6d4f\u89c8\u5668\u6839\u636e\u8fd9\u4e2a\u5c5e\u6027\uff0c\u8ba1\u7b97\u4e3b\u8f74\u662f\u5426\u6709\u591a\u4f59\u7a7a\u95f4\u3002\u5b83\u7684\u9ed8\u8ba4\u503c\u4e3aauto<\/code>\uff0c\u5373\u9879\u76ee\u7684\u672c\u6765\u5927\u5c0f\u3002<\/p>\n \u6ce8\uff1a<\/font>\u5b83\u53ef\u4ee5\u8bbe\u4e3a\u8ddfwidth<\/code>\u6216height<\/code>\u5c5e\u6027\u4e00\u6837\u7684\u503c\uff08\u6bd4\u5982350px\uff09\uff0c\u5219\u9879\u76ee\u5c06\u5360\u636e\u56fa\u5b9a\u7a7a\u95f4<\/p>\n<\/li>\n \nflex<\/code>\uff1a\u662fflex-grow<\/code>, flex-shrink<\/code> \u548c flex-basis<\/code>\u7684\u7b80\u5199\uff0c\u9ed8\u8ba4\u503c\u4e3a0 1 auto<\/code>\u3002\u540e\u4e24\u4e2a\u5c5e\u6027\u53ef\u9009<\/p>\n \n\u8be5\u5c5e\u6027\u6709\u4e24\u4e2a\u5feb\u6377\u503c\uff1aauto<\/code> (1 1 auto<\/code>) \u548c none (0 0 auto<\/code>)\u3002<\/li>\n<\/ul>\n<\/li>\n \nalign-self<\/code>\uff1a\u5141\u8bb8\u5355\u4e2a\u9879\u76ee\u6709\u4e0e\u5176\u4ed6\u9879\u76ee\u4e0d\u4e00\u6837\u7684\u5bf9\u9f50\u65b9\u5f0f\uff0c\u53ef\u8986\u76d6align-items<\/code>\u5c5e\u6027\u3002\u9ed8\u8ba4\u503c\u4e3aauto<\/code>\uff0c\u8868\u793a\u7ee7\u627f\u7236\u5143\u7d20\u7684align-items<\/code>\u5c5e\u6027\uff0c\u5982\u679c\u6ca1\u6709\u7236\u5143\u7d20\uff0c\u5219\u7b49\u540c\u4e8estretch<\/code>\u3002<\/p>\n \n\u8be5\u5c5e\u6027\u53ef\u80fd\u53d66\u4e2a\u503c\uff0c\u9664\u4e86auto\uff0c\u5176\u4ed6\u90fd\u4e0ealign-items\u5c5e\u6027\u5b8c\u5168\u4e00\u81f4<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\u5341\u4e5d\u3001JavaScript<\/code><\/h2>\n1.JavaScript<\/code>\u7684\u5b9a\u4e49<\/h3>\njavascript<\/code>\u662f\u8fd0\u884c\u5728\u6d4f\u89c8\u5668\u7aef\u7684\u811a\u672c\u8bed\u8a00\uff0c\u662f\u7531\u6d4f\u89c8\u5668\u89e3\u91ca\u6267\u884c\u7684\uff0c\u7b80\u79f0js<\/code>\uff0c\u5b83\u80fd\u591f\u8ba9\u7f51\u9875\u548c\u7528\u6237\u6709\u4ea4\u4e92\u529f\u80fd\uff0c\u589e\u52a0\u826f\u597d\u7684\u7528\u6237\u4f53\u9a8c\u6548\u679c<\/p>\n \u524d\u7aef\u5f00\u53d1\u4e09\u5927\u5757\uff1a<\/strong><\/p>\n \nhtml<\/code>\uff1a\u8d1f\u8d23\u7f51\u9875\u7ed3\u6784<\/li>\n css<\/code>\uff1a\u8d1f\u8d23\u7f51\u9875\u6837\u5f0f<\/li>\n JavaScript<\/code>\uff1a\u8d1f\u8d23\u7f51\u9875\u884c\u4e3a\uff0c\u6bd4\u5982\uff1a\u7f51\u9875\u4e0e\u7528\u6237\u7684\u4ea4\u4e92\u6548\u679c<\/li>\n<\/ol>\n2.JavaScript<\/code>\u7684\u4f7f\u7528\u65b9\u5f0f<\/h3>\n\u884c\u5185\u5f0f(\u4e3b\u8981\u7528\u4e8e\u4e8b\u4ef6)<\/h4>\n<input type="button" onclick="alert('\u6eda\ud83d\ude21')" value="\u70b9\u6211\u8bd5\u8bd5">\n<\/code><\/pre>\n\u5185\u5d4c\u5f0f<\/h4>\n<script>\n alert("\u6d4b\u8bd5\u9875\u9762");\n<\/script>\n<\/code><\/pre>\n\u5916\u94fe\u5f0f<\/h4>\n<script src=".\/\u6d4b\u8bd5.js"><\/script>\n<\/code><\/pre>\n3.\u53d8\u91cf\u548c\u6570\u636e\u7c7b\u578b<\/h3>\n \u5b9a\u4e49\u53d8\u91cf<\/h4>\nJavaScript \u662f\u4e00\u79cd\u5f31\u7c7b\u578b\u8bed\u8a00\uff0c\u4e5f\u5c31\u662f\u8bf4\u4e0d\u9700\u8981\u6307\u5b9a\u53d8\u91cf\u7684\u7c7b\u578b\uff0cJavaScript \u7684\u53d8\u91cf\u7c7b\u578b\u7531\u4ed6\u7684\u503c\u6765\u51b3\u5b9a\uff0c\u5b9a\u4e49\u53d8\u91cf\u9700\u8981\u7528\u5173\u952e\u5b57var<\/code>\uff0c\u4e00\u6761JavaScript \u8bed\u53e5\u5e94\u8be5\u4ee5;<\/code>\u7ed3\u5c3e<\/p>\n \u5b9a\u4e49\u53d8\u91cf\u7684\u8bed\u6cd5\u683c\u5f0f<\/strong><\/p>\n var \u53d8\u91cf\u540d = \u503c\n<\/code><\/pre>\n\u4f8b\uff1a<\/p>\n var age = 13;\nvar name = "\u5f20\u4e09";\n<\/code><\/pre>\n\u540c\u65f6\u5b9a\u4e49\u591a\u4e2a\u53d8\u91cf\u53ef\u4ee5\u7528\u201c,<\/code>\u201d\u9694\u5f00\uff0c\u516c\u7528\u4e00\u4e2avar<\/code>\u5173\u952e\u5b57<\/p>\n var wad = 283 , bad = 382 ;\n<\/code><\/pre>\nJavaScript \u6ce8\u91ca<\/h4>\nJavaScript\u7684\u6ce8\u91ca\u5206\u4e3a\uff1a<\/p>\n \n\n\u5355\u884c\u6ce8\u91ca<\/p>\n \/\/ \u5355\u884c\u6ce8\u91ca\n<\/code><\/pre>\n<\/li>\n\n\u591a\u884c\u6ce8\u91ca<\/p>\n \/* \n \u591a\u884c\n \u6ce8\u91ca \n*\/\n<\/code><\/pre>\n<\/li>\n<\/ol>\n\u6570\u636e\u7c7b\u578b<\/h4>\njs\u4e2d\u67096\u79cd\u6570\u636e\u7c7b\u578b\uff0c\u5305\u62ec\u4e94\u79cd\u57fa\u672c\u6570\u636e\u7c7b\u578b\u548c\u4e00\u79cd\u590d\u6742\u6570\u636e\u7c7b\u578b(object)<\/p>\n 5\u79cd\u57fa\u672c\u6570\u636e\u7c7b\u578b<\/p>\n \n\nnumber \u6570\u5b57\u7c7b\u578b<\/p>\n var iOne = 10.1;\n<\/code><\/pre>\n<\/li>\n\nstring \u5b57\u7b26\u4e32\u7c7b\u578b<\/p>\n var sStr = '1234';\n<\/code><\/pre>\n<\/li>\n\nboolean \u5e03\u5c14\u7c7b\u578b true \u6216 false<\/p>\n var bIsTrue = false;\n<\/code><\/pre>\n<\/li>\n\nundefined undefined \u7c7b\u578b\uff0c\u53d8\u91cf\u58f0\u660e\u672a\u88ab\u521d\u59cb\u5316\uff0c\u5b83\u7684\u503c\u5c31\u662fundefined<\/p>\n var unData;\n<\/code><\/pre>\n<\/li>\n\nnull null \u7c7b\u578b\uff0c\u8868\u793a\u7a7a\u5bf9\u8c61\uff0c\u5982\u679c\u5b9a\u4e49\u7684\u53d8\u91cf\u5c06\u7528\u6765\u51c6\u5907\u4fdd\u5b58\u5bf9\u8c61\uff0c\u53ef\u4ee5\u5c06\u53d8\u91cf\u521d\u59cb\u5316\u4e3anull\uff0c\u5728\u9875\u9762\u4e0a\u83b7\u53d6\u4e0d\u5230\u5bf9\u8c61\uff0c\u8fd4\u56de\u503c\u5c31\u662fnull<\/p>\n var nullData = null;\n<\/code><\/pre>\n<\/li>\n<\/ol>\n1\u79cd\u590d\u5408\u7c7b\u578b<\/p>\n \n\nobject \u540e\u9762\u5b66\u4e60\u7684JavaScript\u5bf9\u8c61<\/strong>\u5c5e\u4e8e\u590d\u5408\u7c7b\u578b<\/p>\n var oObj = {\n name:'\u9694\u58c1\u8001\u738b',\n age:88\n}\n<\/code><\/pre>\n<\/li>\n<\/ol>\n\u83b7\u53d6\u53d8\u91cf\u7684\u7c7b\u578b<\/strong><\/p>\n var type = typeof(oObj);\nalert(type);\n\/\/ \u83b7\u53d6\u5bf9\u8c61\u7684name\u5c5e\u6027\nalert(oObj.name);\n<\/code><\/pre>\n\u6ce8\uff1a<\/font><\/strong>null<\/code>\u5c5e\u4e8enull<\/code>\u7c7b\u578b\uff0c\u7531\u4e8ejs\u5386\u53f2\u539f\u56e0\uff0c\u8bbe\u8ba1\u4e4b\u524d\u6ca1\u6709null<\/code>\u7c7b\u578b\uff0cnull<\/code>\u7c7b\u578b\u5f52\u5c5e\u4e8eobject\u7c7b\u578b\uff0c\u540e\u7eed\u8bed\u8a00\u8fed\u4ee3\u4e5f\u6ca1\u6709\u8fdb\u884c\u4fee\u6539<\/p>\n \u53d8\u91cf\u547d\u540d\u89c4\u8303<\/h4>\n\n\u533a\u5206\u5927\u5c0f\u5199<\/li>\n \u7b2c\u4e00\u4e2a\u5b57\u7b26\u5fc5\u987b\u662f\u5b57\u6bcd\u3001\u4e0b\u5212\u7ebf(_<\/code>)\u3001\u6216\u8005\u7f8e\u5143\u7b26\u53f7($<\/code>)<\/li>\n \u5176\u4ed6\u5b57\u7b26\u53ef\u4ee5\u662f\u5b57\u6bcd\uff0c\u4e0b\u5212\u7ebf\u3001\u7f8e\u5143\u7b26\u53f7\u6216\u6570\u5b57<\/li>\n<\/ol>\n\u5308\u7259\u5229\u547d\u540d\u98ce\u683c<\/h4>\n\u5bf9\u8c61o Object \u6bd4\u5982\uff1aoDIV<\/code> \u6570\u7ec4a Array \u6bd4\u5982\uff1aaItems<\/code> \u5b57\u7b26\u4e32s String \u6bd4\u5982\uff1asUserName<\/code> \u6574\u6570i Integer \u6bd4\u5982\uff1aiItemCount<\/code> \u5e03\u5c14\u503cb Boolean \u6bd4\u5982\uff1abIsComplete<\/code> \u6d6e\u70b9\u6570f Float \u6bd4\u5982\uff1afPrice<\/code> \u51fd\u6570fn Function \u6bd4\u5982\uff1afnHandler<\/code><\/p>\n 4.\u51fd\u6570\u7684\u5b9a\u4e49\u548c\u8c03\u7528<\/h3>\n\u51fd\u6570\u5b9a\u4e49<\/h4>\n\u51fd\u6570\u5c31\u662f\u53ef\u4ee5\u91cd\u590d\u4f7f\u7528\u7684\u4ee3\u7801\u5757<\/strong>\uff0c\u4f7f\u7528\u5173\u952e\u5b57function<\/code>\u5b9a\u4e49\u51fd\u6570<\/p>\n function fuAlert(){\n alert('hello\uff01');\n}\n<\/code><\/pre>\n\u51fd\u6570\u8c03\u7528<\/h4>\n\u51fd\u6570\u8c03\u7528\u5c31\u662f\u51fd\u6570\u540d\u52a0\u5c0f\u62ec\u53f7<\/strong>\uff0c\u6bd4\u5982\uff1a\u51fd\u6570\u540d(\u53c2\u6570[\u53c2\u6570\u53ef\u9009])<\/code><\/p>\n \/\/ \u5b9a\u4e49\u51fd\u6570\nfunction fnAlert(){\n alert('hello\uff01');\n}\n\/\/ \u8c03\u7528\u51fd\u6570\nfnAlert();\n<\/code><\/pre>\n\u5b9a\u4e49\u6709\u53c2\u6570\u6709\u8fd4\u56de\u503c\u7684\u51fd\u6570<\/h4>\n\u5b9a\u4e49\u51fd\u6570\u65f6\uff0c\u51fd\u6570\u5982\u679c\u6709\u53c2\u6570\uff0c\u53c2\u6570\u653e\u5230\u5c0f\u62ec\u53f7\u91cc\u9762<\/strong>\uff0c\u51fd\u6570\u5982\u679c\u6709\u8fd4\u56de\u503c\uff0c\u8fd4\u56de\u503c\u901a\u8fc7return<\/code>\u5173\u952e\u5b57\u6765\u8fd4\u56de<\/p>\n function fnAdd(iNum1,iNum2){\n var iRs = iNum1 + iNum2;\n return iRs;\n}\n\nvar iCount = fnAdd(10,20);\nalert(iCount);\t\/\/ \u5f39\u51fa30\n<\/code><\/pre>\n\u51fd\u6570\u4e2dreturn<\/code>\u5173\u952e\u5b57\u7684\u4f5c\u7528\uff1a<\/p>\n \n\u8fd4\u56de\u51fd\u6570\u4e2d\u7684\u503c<\/li>\n \u6267\u884c\u5b8creturn<\/code>\u51fd\u6570\u6267\u884c\u7ed3\u675f<\/li>\n<\/ol>\n5.\u53d8\u91cf\u4f5c\u7528\u57df<\/h3>\n\u53d8\u91cf\u4f5c\u7528\u57df\u5c31\u662f\u53d8\u91cf\u7684\u4f7f\u7528\u8303\u56f4<\/p>\n \u5c40\u90e8\u53d8\u91cf<\/h4>\n\u5c40\u90e8\u53d8\u91cf\u5c31\u662f\u5728\u51fd\u6570\u5185\u4f7f\u7528\u7684\u53d8\u91cf\uff0c\u53ea\u80fd\u5728\u51fd\u6570\u5185\u90e8\u4f7f\u7528<\/p>\n <script>\n function fnShow() {\n var iNumber = 5;\n alert(iNumber);\n }\n fnShow();\n<\/script>\n<\/code><\/pre>\n\u5168\u5c40\u53d8\u91cf<\/h4>\n\u5168\u5c40\u53d8\u91cf\u5c31\u662f\u5728\u51fd\u6570\u5916\u5b9a\u4e49\u7684\u53d8\u91cf\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u51fd\u6570\u5185\u4f7f\u7528<\/p>\n <script>\n var iNumber = 10;\n function fnShow() {\n alert(iNumber);\n iNumber = 5;\n \/\/ ++ \u7b49\u4ef7\u4e8e +=1\n iNumber++;\n alert('\u4fee\u6539\u540e\u7684\u5168\u5c40\u53d8\u91cf\uff1a' + iNumber);\n }\n fnShow();\n \/\/ \u5728js\u4e2d\u53ef\u4ee5\u5c06\u6570\u5b57\u7c7b\u578b\u548c\u5b57\u7b26\u4e32\u76f4\u63a5\u8fdb\u884c\u76f8\u52a0\uff0c\u628a\u6570\u5b57\u81ea\u52a8\u8f6c\u6210\u5b57\u7b26\u4e32\n alert('\u5168\u5c40\u53d8\u91cf\uff1a' + iNumber);\n<\/script>\n<\/code><\/pre>\n6.\u6761\u4ef6\u8bed\u53e5<\/h3>\n \u6761\u4ef6\u8bed\u53e5\u8bed\u6cd5<\/h4>\n\nif<\/code>\u8bed\u53e5\uff1a\u53ea\u6709\u5f53\u6307\u5b9a\u6761\u4ef6\u4e3a true \u65f6\uff0c\u4f7f\u7528\u8be5\u8bed\u53e5\u6765\u6267\u884c\u4ee3\u7801<\/li>\n if...else<\/code>\u8bed\u53e5\uff1a\u5f53\u6761\u4ef6\u4e3atrue\u65f6\u6267\u884c\u4ee3\u7801\uff0c\u5f53\u6761\u4ef6\u4e3afalse\u65f6\u6267\u884c\u5176\u4ed6\u4ee3\u7801<\/li>\n if...else if...else<\/code>\u8bed\u53e5\uff1a\u4f7f\u7528\u8be5\u8bed\u53e5\u6765\u5224\u65ad\u591a\u6761\u4ef6\uff0c\u6267\u884c\u6761\u4ef6\u6210\u7acb\u7684\u8bed\u53e5<\/li>\n<\/ol>\n\u6bd4\u8f83\u8fd0\u7b97\u7b26<\/h4>\n\u5047\u5982x=5<\/code>\uff0c\u67e5\u770b\u6bd4\u8f83\u540e\u7684\u7ed3\u679c<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\u6bd4\u8f83\u8fd0\u7b97\u7b26<\/th>\n \u63cf\u8ff0<\/th>\n \u4f8b\u5b50<\/th>\n<\/tr>\n<\/thead>\n ==<\/td>\n \u7b49\u4e8e<\/td>\n x == 8 \u4e3a false<\/td>\n<\/tr>\n ===<\/td>\n \u5168\u7b49(\u503c\u548c\u7c7b\u578b)<\/td>\n x === 5 \u4e3a true\uff1bx === \u20185\u2019 \u4e3a false<\/td>\n<\/tr>\n !=<\/td>\n \u4e0d\u7b49\u4e8e<\/td>\n x != 8 \u4e3a true<\/td>\n<\/tr>\n ><\/td>\n \u5927\u4e8e<\/td>\n x > 8 \u4e3a false<\/td>\n<\/tr>\n <<\/td>\n \u5c0f\u4e8e<\/td>\n x < 8 \u4e3a true<\/td>\n<\/tr>\n >=<\/td>\n \u5927\u4e8e\u7b49\u4e8e<\/td>\n x >= 8 \u4e3a false<\/td>\n<\/tr>\n <=<\/td>\n \u5c0f\u4e8e\u7b49\u4e8e<\/td>\n x <= 8 \u4e3a true<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\u793a\u4f8b\uff1a<\/p>\n <!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>Document<\/title>\n <script>\n var iNum = 2;\n var iStr = '2';\n \/\/ \u5728js\u4e2d\u5982\u679c\u6570\u5b57\u548c\u5b57\u7b26\u4e32\u8fdb\u884c\u6bd4\u8f83(==\u3001>\u3001<\u3001>=\u3001<=\u3001!=)\uff0c\u4f1a\u81ea\u52a8\u5c06\u5b57\u7b26\u4e32\u7c7b\u578b\u8f6c\u6362\u6210\u6570\u5b57\u7c7b\u578b\u518d\u8fdb\u884c\u6bd4\u8f83\n if (iNum == iStr) {\n alert('\u6761\u4ef6\u6210\u7acb');\n }\n\n if (iNum > iStr) {\n alert('\u6761\u4ef6\u6210\u7acb');\n }else{\n alert('\u6761\u4ef6\u4e0d\u6210\u7acb')\n }\n\n var iScore = 85;\n \n if (iScore >= 90) {\n alert('\u4f18\u79c0');\n } else if (iScore >= 80) {\n alert('\u826f\u597d');\n } else if (iScore >= 60) {\n alert('\u53ca\u683c');\n } else {\n alert('\u4e0d\u53ca\u683c');\n }\n <\/script>\n<\/head>\n<body>\n \n<\/body>\n<\/html>\n<\/code><\/pre>\n\u903b\u8f91\u8fd0\u7b97\u7b26<\/h4>\n\u5047\u5982x=6<\/code>,y=3<\/code>\uff0c\u67e5\u770b\u6bd4\u8f83\u540e\u7684\u7ed3\u679c<\/p>\n\n\n\n\n\n\n\n\u6bd4\u8f83\u8fd0\u7b97\u7b26<\/th>\n \u63cf\u8ff0<\/th>\n \u4f8b\u5b50<\/th>\n<\/tr>\n<\/thead>\n &&<\/td>\n and<\/td>\n (x > 10 && y > 1) \u4e3atrue<\/td>\n<\/tr>\n ||<\/td>\n or<\/td>\n (x == 5 || y == 5) \u4e3afalse<\/td>\n<\/tr>\n \uff01<\/td>\n not<\/td>\n !(x == y) \u4e3a true<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\u793a\u4f8b\uff1a<\/p>\n <!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>Document<\/title>\n <script>\n var x = 6;\n var y = 3;\n\n if (x < 10 && y > 1) {\n alert("\u90fd\u5927\u4e8e");\n } else {\n alert("\u81f3\u5c11\u6709\u4e00\u4e2a\u4e0d\u5927\u4e8e");\n }\n\n if (x > 5 || y < 7) {\n alert("\u81f3\u5c11\u6709\u4e00\u4e2a\u6210\u7acb");\n } else {\n alert("\u90fd\u4e0d\u6210\u7acb");\n }\n\n if (!(x == y)) {\n alert("\u6761\u4ef6\u4e0d\u6210\u7acb");\n } else {\n alert("\u6761\u4ef6\u6210\u7acb");\n }\n <\/script>\n<\/head>\n<body>\n \n<\/body>\n<\/html>\n<\/code><\/pre>\n7.\u83b7\u53d6\u6807\u7b7e\u5143\u7d20<\/h3>\n \u83b7\u53d6\u6807\u7b7e\u5143\u7d20<\/h4>\n\u53ef\u4ee5\u4f7f\u7528\u5185\u7f6e\u5bf9\u8c61document<\/code>\u4e0a\u7684getElementByld<\/code>\u65b9\u6cd5<\/strong>\u6765\u83b7\u53d6\u9875\u9762\u4e0a\u8bbe\u7f6e\u4e86id\u5c5e\u6027\u7684\u6807\u7b7e\u5143\u7d20\uff0c\u83b7\u53d6\u5230\u7684\u662f\u4e00\u4e2a html \u5bf9\u8c61\uff0c\u7136\u540e\u5c06\u4ed6\u8d4b\u503c\u7ed9\u4e00\u4e2a\u53d8\u91cf\uff0c\u6bd4\u5982\uff1a<\/p>\n <!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>Document<\/title>\n <script>\n \/\/ \u5982\u679c\u83b7\u53d6\u7684\u5bf9\u8c61\u662fnull\uff0c\u8868\u793a\u6807\u7b7e\u6ca1\u6709\u83b7\u53d6\u6210\u529f\n var oDiv1 = document.getElementById("div1");\n alert(oDiv1);\n <\/script>\n<\/head>\n<body>\n <div id="div1">\u8fd9\u662f\u4e00\u4e2a\u6d4b\u8bd5\u9875\u9762<\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\u8bf4\u660e\uff1a<\/strong><\/p>\n \u4e0a\u9762\u7684\u4ee3\u7801\uff0c\u5982\u679c\u5427JavaScript\u5199\u5728\u5143\u7d20\u7684\u4e0a\u9762\uff0c\u5c31\u4f1a\u51fa\u9519\uff0c\u56e0\u4e3a\u9875\u9762\u662f\u4ece\u4e0a\u5f80\u4e0b\u52a0\u8f7d\u6267\u884c\u7684\uff0cJavaScript\u53bb\u9875\u9762\u4e0a\u83b7\u53d6div1<\/code>\u5143\u7d20\u7684\u65f6\u5019\uff0c\u5143\u7d20div1<\/code>\u8fd8\u6ca1\u6709\u52a0\u8f7d<\/p>\n \u89e3\u51b3\u65b9\u6cd5\uff1a<\/strong><\/p>\n \u7b2c\u4e00\u79cd\u65b9\u6cd5\uff1a\u5c06 javascript \u653e\u5230\u9875\u9762\u7684\u6700\u4e0b\u9762<\/p>\n <!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>Document<\/title>\n\n<\/head>\n<body>\n <div id="div1">\u8fd9\u662f\u4e00\u4e2a\u6d4b\u8bd5\u9875\u9762<\/div>\n<\/body>\n<\/html>\n<script>\n var oDiv1 = document.getElementById("div1");\n alert(oDiv1);\n<\/script>\n<\/code><\/pre>\n**\u6ce8\uff1a<\/font>**\u8fd9\u79cd\u5199\u6cd5\u4e0d\u63a8\u8350\uff0c\u77e5\u9053\u5373\u53ef<\/p>\n \u7b2c\u4e8c\u79cd\u65b9\u6cd5\uff1a\u8bbe\u7f6e\u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u7684\u51fd\u6570\uff0c\u518d\u6267\u884c\u51fd\u6570\u91cc\u9762\u83b7\u53d6\u5143\u7d20\u6807\u7b7e<\/p>\n <!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>Document<\/title>\n <script>\n window.onload = function() {\n var oDiv1 = document.getElementById("div1");\n alert(oDiv1);\n }\n <\/script>\n<\/head>\n<body>\n <div id="div1">\u8fd9\u662f\u4e00\u4e2a\u6d4b\u8bd5\u9875\u9762<\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\u8bf4\u660e\uff1a<\/strong><\/p>\n onload<\/code>\u662f\u9875\u9762\u6240\u6709\u5143\u7d20\u52a0\u8f7d\u5b8c\u6210\u7684\u65f6\u95f4\uff0c\u7ed9onload<\/code>\u8bbe\u7f6e\u51fd\u6570\u65f6\uff0c\u5f53\u4e8b\u4ef6\u89e6\u53d1\u5c31\u4f1a\u6267\u884c\u8bbe\u7f6e\u7684\u51fd\u6570\u3002<\/p>\n 8.\u64cd\u4f5c\u6807\u7b7e\u5143\u7d20\u5c5e\u6027<\/h3>\n\u5c5e\u6027\u7684\u64cd\u4f5c<\/h4>\n\u9996\u5148\u83b7\u53d6\u5f97\u9875\u9762\u6807\u7b7e\u5143\u7d20\uff0c\u7136\u540e\u5c31\u53ef\u4ee5\u5bf9\u9875\u9762\u6807\u7b7e\u5143\u7d20\u7684\u5c5e\u6027\u8fdb\u884c\u64cd\u4f5c\uff0c\u5c5e\u6027\u7684\u64cd\u4f5c\u5305\u62ec\uff1a<\/p>\n \n\u5c5e\u6027\u7684\u8bfb\u53d6<\/li>\n \u5c5e\u6027\u7684\u8bbe\u7f6e<\/li>\n<\/ul>\n\u5c5e\u6027\u540d\u5728 js \u4e2d\u7684\u5199\u6cd5<\/p>\n \nhtml \u7684\u5c5e\u6027\u548c js \u91cc\u9762\u5c5e\u6027\u5927\u591a\u6570\u5199\u6cd5\u4e00\u6837\uff0c\u4f46\u662fclass<\/code>\u5c5e\u6027\u5199\u6210className<\/code><\/li>\n style<\/code>\u5c5e\u6027\u91cc\u9762\u7684\u5c5e\u6027\uff0c\u6709\u6a2a\u6760\u7684\u6539\u6210\u9a7c\u5cf0\u5f0f\uff0c\u6bd4\u5982\uff1afont-size<\/code>\u6539\u6210style.fontSize<\/code><\/li>\n<\/ol>\n<!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>Document<\/title>\n <style>\n .btnstyle {\n background: yellow;\n width: 80px;\n height: 50px;\n }\n <\/style>\n <script>\n window.onload = function() {\n \/\/ \u6839\u636eid\u83b7\u53d6\u6807\u7b7e\u5bf9\u8c61\n var oBtn = document.getElementById('btn1');\n \/\/ \u83b7\u53d6\u6807\u7b7e\u5c5e\u6027\n alert(oBtn.type);\n alert(oBtn.value);\n \/\/ \u8bbe\u7f6e\u6807\u7b7e\u5c5e\u6027\n oBtn.name = 'username';\n \/\/ oBtn.style.background = 'red';\n \/\/ \u76f8\u5f53\u4e8e\u8bbe\u7f6e\u6807\u7b7e\u7684class\u5c5e\u6027\n oBtn.className = 'btnstyle';\n\n oBtn.style.fontSize = '20px';\n }\n <\/script>\n<\/head>\n<body>\n <input type="button" value="\u6309\u94ae" id="btn1">\n<\/body>\n<\/html>\n<\/code><\/pre>\ninnerHTML<\/h4>\ninnerHTML \u53ef\u4ee5\u8bfb\u53d6\u6216\u8005\u8bbe\u7f6e\u6807\u7b7e\u5305\u88f9\u7684\u5185\u5bb9<\/p>\n <!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>Document<\/title>\n <script>\n window.onload = function() {\n var oDiv1 = document.getElementById("div1");\n oDiv1.innerHTML = "\u8fd8\u7761\uff01\u6536\u4f60\u6765\u5566~";\n }\n <\/script>\n<\/head>\n<body>\n <div id="div1">\n \u54c8\u54c8\u54c8\uff0c\u6211\u662f\u6d4b\u8bd5\u9875\u9762\n <\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n9.\u6570\u7ec4\u53ca\u64cd\u4f5c\u65b9\u6cd5<\/h3>\n \u6570\u7ec4\u7684\u5b9a\u4e49<\/h4>\n\/\/ \u5b9e\u4f8b\u5316\u5bf9\u8c61\u65b9\u6cd5\u521b\u5efa\nvar aList = new Array(1,2,3,4,5);\n\n\/\/ \u5b57\u9762\u91cf\u65b9\u5f0f\u521b\u5efa\uff0c\u63a8\u8350\u4f7f\u7528\nvar aList2 = [1,2,3,4,5];\n<\/code><\/pre>\n\u591a\u7ef4\u6570\u7ec4<\/h4>\n\u591a\u7ef4\u6570\u7ec4\u6307\u7684\u662f\u6570\u7ec4\u7684\u6210\u5458\u4e5f\u662f\u6570\u7ec4\uff0c\u628a\u8fd9\u6837\u7684\u6570\u7ec4\u53eb\u505a\u591a\u7ef4\u6570\u7ec4<\/p>\n var aList = [[1,2,3,4,5],['a','b','c','d','e'],[true,false]];\n<\/code><\/pre>\n\u6570\u7ec4\u7684\u64cd\u4f5c<\/h4>\n\n\n\u83b7\u53d6\u6570\u7ec4\u7684\u957f\u5ea6<\/p>\n var aList = [1,2,3,4,5];\nalert(aList.length);\n\/\/ \u5f39\u51fa 5\n<\/code><\/pre>\n<\/li>\n\n\u6839\u636e\u4e0b\u6807\u53d6\u503c<\/p>\n var aList = [1,2,3,4,5];\nalert(aList[2]);\n\/\/ \u5f39\u51fa 3\n\n\/\/ \u4e0b\u6807\u4fee\u6539\u6570\u636e\nalert(aList[1]) = 26;\n<\/code><\/pre>\n\u6ce8\uff1a<\/strong><\/font>\u5728 js \u4e2d\u4e0d\u652f\u6301\u8d1f\u6570\u4e0b\u6807<\/strong><\/p>\n<\/li>\n \n\u4ece\u6570\u7ec4\u6700\u540e\u6dfb\u52a0\u548c\u5220\u9664\u6570\u636e<\/p>\n var aList = [1,2,3,4,5];\naList.push(6);\nalert(aList);\n\/\/ \u5f39\u51fa 1,2,3,4,5,6\nvar oValue = aList.pop();\nalert(aList);\n\/\/ \u5f39\u51fa 1,2,3,4,5\n<\/code><\/pre>\n\u6ce8\uff1a<\/strong><\/font>pop()<\/code>\u4e0d\u652f\u6301\u6839\u636e\u4e0b\u6807\u5220\u9664<\/p>\n<\/li>\n \n\u6839\u636e\u4e0b\u6807\u6dfb\u52a0\u548c\u5220\u9664\u5143\u7d20<\/p>\n arr.splice(start,num,element1,......elementN)<\/code><\/p>\n \u53c2\u6570\u89e3\u6790\uff1a<\/p>\n \nstart<\/code>\uff1a\u5fc5\u9700\uff0c\u5f00\u59cb\u5220\u9664\u7684\u7d22\u5f15<\/li>\n num<\/code>\uff1a\u53ef\u9009\uff1a\u5220\u9664\u6570\u7ec4\u5143\u7d20\u7684\u4e2a\u6570<\/li>\n elementN<\/code>\uff1a\u53ef\u9009\uff0c\u5728start<\/code>\u7d22\u5f15\u4f4d\u7f6e\u8981\u63d2\u5165\u7684\u65b0\u5143\u7d20<\/li>\n<\/ol>\n\u6b64\u65b9\u6cd5\u4f1a\u5220\u9664\u4ecestart<\/code>\u7d22\u5f15\u5f00\u59cb\u7684num<\/code>\u4e2a\u5143\u7d20\uff0c\u5e76\u5c06elementN<\/code>\u53c2\u6570\u63d2\u5165\u5230start<\/code>\u7d22\u5f15\u4f4d\u7f6e<\/p>\n var aList = [1,2,3,4,5];\n\/\/ \u63d2\u5165\u6570\u636e\n\/\/ \u5728\u4e0b\u6807\u4e3a2\u7684\u4f4d\u7f6e\u63d2\u5165\u4e00\u4e2a\u5143\u7d20'\u82f9\u679c'\naList.splice(2,0,'\u82f9\u679c');\nalert(aList);\n\n\/\/ \u5220\u9664\u6570\u636e\n\/\/ \u4ece\u4e0b\u68073\u5220\u96642\u4e2a\u6570\u636e\naList.splice(3,2);\nalert(aList);\n<\/code><\/pre>\n<\/li>\n<\/ol>\n10.\u5faa\u73af\u8bed\u53e5<\/h3>\n \u5faa\u73af\u8bed\u53e5\u7684\u4ecb\u7ecd<\/h4>\n\u5faa\u73af\u8bed\u53e5\u5c31\u662f\u8ba9\u4e00\u90e8\u5206\u4ee3\u7801\u91cd\u590d\u6267\u884c\uff0cjavascript\u4e2d\u5e38\u7528\u7684\u5faa\u73af\u8bed\u53e5\u6709\uff1a<\/p>\n \nfor<\/code><\/li>\n while<\/code><\/li>\n do-while<\/code><\/li>\n<\/ul>\nfor<\/code>\u5faa\u73af<\/h4>\nvar aList = [1,2,3,4,5];\n\n\/\/ for\u5faa\u73af\u904d\u5386\u6570\u7ec4\nfor(var i = 0; i < aList.length; i++) {\n \/\/ \u6839\u636e\u4e0b\u6807\u83b7\u53d6\u6570\u636e\n console.log(aList[i]);\n}\n<\/code><\/pre>\nwhile<\/code>\u5faa\u73af<\/h4>\nvar aList = [1,2,3,4,5];\n\n\/\/ while\u5faa\u73af\u904d\u5386\u6570\u7ec4\nvar i = 0;\nwhile(i < aList.length){\n console.log(aList[i]);\n i++;\n}\n<\/code><\/pre>\ndo-while<\/code>\u5faa\u73af<\/h4>\nvar aList = [1,2,3,4,5];\n\n\/\/ do-while\u5faa\u73af\u904d\u5386\u6570\u7ec4\nvar i = 0;\ndo {\n \/\/ \u8fd9\u91cc\u9700\u8981\u5b8c\u6210\u53d6\u503c\u64cd\u4f5c,\u4e0d\u7ba1\u6761\u4ef6\u662f\u5426\u6210\u7acb\uff0cdo\u81f3\u5c11\u4f1a\u6267\u884c\u4e00\u6b21\n console.log(aList[i]);\n i++;\n} while(i < aList.length);\n<\/code><\/pre>\n11.\u5b57\u7b26\u4e32\u62fc\u63a5<\/h3>\n\u5b57\u7b26\u4e32\u62fc\u63a5\u4f7f\u7528\u201c+<\/code>\u201d\u8fd0\u7b97\u7b26<\/p>\n var iNum = 10;\nvar fNum = 20.5;\nvar sStr = "Hello, World!";\n\nresult = iNum + fNum + sStr;\nalert(result);\n\/\/ \u5f39\u51fa 30.5Hello, World!\n\n\/\/ +=\niNum += sStr\nalert(iNum)\n\/\/ \u5f39\u51fa 10Hello, World!\n<\/code><\/pre>\n\u8bf4\u660e\uff1a<\/strong><\/p>\n \u6570\u5b57\u548c\u5b57\u7b26\u4e32\u62fc\u63a5\u56de\u81ea\u52a8\u8fdb\u884c\u7c7b\u578b\u8f6c\u6362(\u9690\u5f0f\u7c7b\u578b\u8f6c\u6362)\uff0c\u628a\u6570\u5b57\u7c7b\u578b\u76f4\u8f6c\u6210\u5b57\u7b26\u4e32\u7c7b\u578b\u8fdb\u884c\u62fc\u63a5<\/p>\n 12.\u5b9a\u65f6\u5668<\/h3>\n\u5b9a\u65f6\u5668\u7684\u4ecb\u7ecd<\/h4>\n\u5b9a\u65f6\u5668\u5c31\u662f\u5728\u4e00\u6bb5\u7279\u5b9a\u7684\u65f6\u95f4\u540e\u6267\u884c\u67d0\u6bb5\u7a0b\u5e8f\u4ee3\u7801<\/p>\n \u5b9a\u65f6\u5668\u7684\u4f7f\u7528<\/h4>\njs \u5b9a\u65f6\u5668\u6709\u4e24\u79cd\u521b\u5efa\u65b9\u5f0f<\/p>\n \nsetTimeout(func[,delay,param1,param2,...])<\/code>\uff1a\u4ee5\u6307\u5b9a\u7684\u65f6\u95f4\u95f4\u9694(\u4ee5\u6beb\u79d2\u8ba1)\u8c03\u7528\u4e00\u6b21\u51fd\u6570\u7684\u5b9a\u65f6\u5668<\/li>\n setInterval(func[,delay,param1,param2,...])<\/code>\uff1a\u4ee5\u6307\u5b9a\u7684\u65f6\u95f4\u95f4\u9694(\u4ee5\u6beb\u79d2\u8ba1)\u91cd\u590d\u8c03\u7528\u4e00\u4e2a\u51fd\u6570\u7684\u5b9a\u65f6\u5668<\/li>\n<\/ol>\nsetTimeout<\/code>\u51fd\u6570\u7684\u53c2\u6570\u8bf4\u660e\uff1a<\/strong><\/p>\n \n\u7b2c\u4e00\u4e2a\u53c2\u6570func<\/code>\uff0c\u8868\u793a\u5b9a\u65f6\u5668\u8981\u6267\u884c\u7684\u51fd\u6570\u540d<\/li>\n \u7b2c\u4e8c\u4e2a\u53c2\u6570delay<\/code>\uff0c\u8868\u793a\u65f6\u95f4\u95f4\u9694\uff0c\u9ed8\u8ba4\u662f0\uff0c\u5355\u4f4d\u662f\u6beb\u79d2<\/li>\n \u7b2c\u4e09\u4e2a\u53c2\u6570param1<\/code>\uff0c\u8868\u793a\u5b9a\u65f6\u5668\u6267\u884c\u51fd\u6570\u7684\u7b2c\u4e00\u4e2a\u53c2\u6570\uff0c\u4ee5\u6b64\u7c7b\u63a8\u4f20\u5165\u591a\u4e2a\u6267\u884c\u51fd\u6570\u5bf9\u5e94\u7684\u53c2\u6570<\/li>\n<\/ul>\n\u8c03\u7528\u4e00\u6b21<\/strong><\/p>\n function fnShow(name,age){\n alert("OK!")\n alert(name + age)\n\n \/\/ \u6253\u5370\u5b9a\u65f6\u5668\u7684id\n console.log(oTid);\n \/\/ \u9500\u6bc1\u5b9a\u65f6\u5668\n clearTimeout(oTid);\n}\nvar oTid = setTimeout(fnShow, 1000,'\u5f20\u4e09',18);\n<\/code><\/pre>\n\u591a\u6b21\u8c03\u7528\uff0c\u70b9\u51fb\u6309\u94ae\u505c\u6b62<\/strong><\/p>\n <!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>Document<\/title>\n <script>\n function fnShow(name,age){\n alert("OK!")\n alert(name + age)\n\n \/\/ \u6253\u5370\u5b9a\u65f6\u5668\u7684id\n console.log(oTid);\n }\n \/\/ \u9500\u6bc1\u5b9a\u65f6\u5668\n function fnDown(){\n clearInterval(oTid);\n }\n var oTid = setInterval(fnShow, 10000,'\u5f20\u4e09',18);\n <\/script>\n<\/head>\n<body>\n <input type="button" value="\u505c\u6b62\u5b9a\u65f6\u5668" onclick="fnDown();">\n<\/body>\n<\/html>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"\u6e90\u6587\u4ef6PDF\u4e0b\u8f7d\u5730\u5740\uff1aPython\u5b66\u4e60\u7b14\u8bb02 \u5341\u4e8c\u3001Linux\u57fa\u7840\u547d\u4ee4 1.Ubuntu\u64cd\u4f5c\u7cfb\u7edf vmware […]<\/p>\n","protected":false},"author":1,"featured_media":75,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[12],"class_list":["post-99","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-python","tag-python"],"_links":{"self":[{"href":"http:\/\/blog.huihuia24.top\/index.php\/wp-json\/wp\/v2\/posts\/99","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.huihuia24.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.huihuia24.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.huihuia24.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.huihuia24.top\/index.php\/wp-json\/wp\/v2\/comments?post=99"}],"version-history":[{"count":33,"href":"http:\/\/blog.huihuia24.top\/index.php\/wp-json\/wp\/v2\/posts\/99\/revisions"}],"predecessor-version":[{"id":219,"href":"http:\/\/blog.huihuia24.top\/index.php\/wp-json\/wp\/v2\/posts\/99\/revisions\/219"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/blog.huihuia24.top\/index.php\/wp-json\/wp\/v2\/media\/75"}],"wp:attachment":[{"href":"http:\/\/blog.huihuia24.top\/index.php\/wp-json\/wp\/v2\/media?parent=99"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.huihuia24.top\/index.php\/wp-json\/wp\/v2\/categories?post=99"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.huihuia24.top\/index.php\/wp-json\/wp\/v2\/tags?post=99"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\u5341\u4e03\u3001HTTP\u534f\u8bae\u548c\u9759\u6001Web\u670d\u52a1\u5668<\/h2>\n

1. HTML\u7684\u4ecb\u7ecd<\/h3>\n

HTML\u7684\u4f5c\u7528<\/h4>\n
HTML\u662f\u7528\u6765\u5f00\u53d1\u7f51\u9875\u7684\uff0c\u5b83\u662f\u5f00\u53d1\u7f51\u9875\u7684\u8bed\u8a00<\/p>\n

2. HTML\u7684\u57fa\u672c\u7ed3\u6784<\/h3>\n

4. \u5e38\u7528\u7684HTML\u6807\u7b7e<\/h3>\n

5.\u8d44\u6e90\u8def\u5f84<\/h3>\n

7.\u8868\u683c\u6807\u7b7e<\/h3>\n

9.\u8868\u5355\u63d0\u4ea4<\/h3>\n

3.\u53d8\u91cf\u548c\u6570\u636e\u7c7b\u578b<\/h3>\n

5.\u53d8\u91cf\u4f5c\u7528\u57df<\/h3>\n
\u53d8\u91cf\u4f5c\u7528\u57df\u5c31\u662f\u53d8\u91cf\u7684\u4f7f\u7528\u8303\u56f4<\/p>\n

6.\u6761\u4ef6\u8bed\u53e5<\/h3>\n

7.\u83b7\u53d6\u6807\u7b7e\u5143\u7d20<\/h3>\n

9.\u6570\u7ec4\u53ca\u64cd\u4f5c\u65b9\u6cd5<\/h3>\n

10.\u5faa\u73af\u8bed\u53e5<\/h3>\n

\u5b9a\u65f6\u5668\u7684\u4ecb\u7ecd<\/h4>\n
\u5b9a\u65f6\u5668\u5c31\u662f\u5728\u4e00\u6bb5\u7279\u5b9a\u7684\u65f6\u95f4\u540e\u6267\u884c\u67d0\u6bb5\u7a0b\u5e8f\u4ee3\u7801<\/p>\n

1. \u67e5\u770b\u6587\u4ef6\u5185\u5bb9\u547d\u4ee4<\/h3>\n
`cat<\/code>\uff1a\u67e5\u770b\u5c0f\u578b\u6587\u4ef6<\/p>\n`
`more<\/code>\uff1a\u5206\u5c4f\u67e5\u770b\u5927\u578b\u6587\u4ef6<\/p>\n`
`gedit<\/code>\uff1a\u6253\u5f00\u6587\u4ef6\uff0c\u53ef\u4ee5\u4fee\u6539\u5185\u5bb9 <\/p>\n`

\u5341\u56db\u3001\u591a\u4efb\u52a1\u7f16\u7a0b<\/h2>\n

\u5341\u4e94\u3001\u591a\u4efb\u52a1\u7f16\u7a0b-2<\/h2>\n

\u5341\u516d\u3001\u7f51\u7edc\u7f16\u7a0b<\/h2>\n

1. \u67e5\u770b\u6587\u4ef6\u5185\u5bb9\u547d\u4ee4<\/h3>\ncat<\/code>\uff1a\u67e5\u770b\u5c0f\u578b\u6587\u4ef6<\/p>\nmore<\/code>\uff1a\u5206\u5c4f\u67e5\u770b\u5927\u578b\u6587\u4ef6<\/p>\ngedit<\/code>\uff1a\u6253\u5f00\u6587\u4ef6\uff0c\u53ef\u4ee5\u4fee\u6539\u5185\u5bb9 <\/p>\n