
Linux 运维/数据中心
提供Linux 运维/数据中心系列精品数字课程。
{"id":6232821825721,"title":"迁移网站常用命令","handle":"迁移网站常用命令","description":"\u003cmeta charset=\"utf-8\"\u003e\n\u003cp data-syno-marks='[{\"value\":\"12pt\",\"_\":\"font_size\"}]' data-syno-style='{\"lineHeight\":\"\",\"paddingBottom\":\"\",\"paddingTop\":\"\",\"paddingLeft\":\"\",\"textAlign\":\"\"}' pm-open-left=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\"\u003e文件和目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cd \/home 进入 '\/ home' 目录'\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cd .. 返回上一级目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cd ..\/.. 返回上两级目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cd 进入个人的主目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cd ~user1 进入个人的主目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cd - 返回上次所在的目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e pwd 显示工作路径\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e ls 查看目录中的文件\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e ls -F 查看目录中的文件\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e ls -l 显示文件和目录的详细资料\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e ls -a 显示隐藏文件\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e ls *[0-9]* 显示包含数字的文件名和目录名\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e tree 显示文件和目录由根目录开始的树形结构(1)\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e lstree 显示文件和目录由根目录开始的树形结构(2)\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e mkdir dir1 创建一个叫做 'dir1' 的目录'\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e mkdir dir1 dir2 同时创建两个目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e mkdir -p \/tmp\/dir1\/dir2 创建一个目录树\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e rm -f file1 删除一个叫做 'file1' 的文件'\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e rmdir dir1 删除一个叫做 'dir1' 的目录'\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e rm -rf dir1 删除一个叫做 'dir1' 的目录并同时删除其内容\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e rm -rf dir1 dir2 同时删除两个目录及它们的内容\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e mv dir1 new_dir 重命名\/移动 一个目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e rm -rf * 删除所有文件\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cp file1 file2 复制一个文件\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cp dir\/* . 复制一个目录下的所有文件到当前工作目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cp -a \/tmp\/dir1 . 复制一个目录到当前工作目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cp -a dir1 dir2 复制一个目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e ln -s file1 lnk1 创建一个指向文件或目录的软链接\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e ln file1 lnk1 创建一个指向文件或目录的物理链接\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e touch -t 0712250000 file1 修改一个文件或目录的时间戳 - (YYMMDDhhmm)\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e file file1 outputs the mime type of the file as text\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e iconv -l 列出已知的编码\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-syno-marks='[{\"value\":\"12pt\",\"_\":\"font_size\"}]' data-syno-style='{\"lineHeight\":\"\",\"paddingBottom\":\"\",\"paddingTop\":\"\",\"paddingLeft\":\"\",\"textAlign\":\"\"}' pm-open-left=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\"\u003e更多内容请购买此免费产品,即可下载相关课件。\u003c\/span\u003e\u003c\/p\u003e","published_at":"2021-01-12T10:27:24-05:00","created_at":"2021-01-12T10:27:22-05:00","vendor":"Leo Huang","type":"Course","tags":["Linux"],"price":0,"price_min":0,"price_max":0,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":38705392943289,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":false,"featured_image":null,"available":true,"name":"迁移网站常用命令","public_title":null,"options":["Default Title"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":""}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0532\/6313\/9001\/products\/Code_bbe4cf40-eed9-4530-8f38-4772c369afa9.jpg?v=1610929201"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/6313\/9001\/products\/Code_bbe4cf40-eed9-4530-8f38-4772c369afa9.jpg?v=1610929201","options":["Title"],"media":[{"alt":null,"id":15607883235513,"position":1,"preview_image":{"aspect_ratio":1.0,"height":650,"width":650,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/6313\/9001\/products\/Code_bbe4cf40-eed9-4530-8f38-4772c369afa9.jpg?v=1610929201"},"aspect_ratio":1.0,"height":650,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/6313\/9001\/products\/Code_bbe4cf40-eed9-4530-8f38-4772c369afa9.jpg?v=1610929201","width":650}],"content":"\u003cmeta charset=\"utf-8\"\u003e\n\u003cp data-syno-marks='[{\"value\":\"12pt\",\"_\":\"font_size\"}]' data-syno-style='{\"lineHeight\":\"\",\"paddingBottom\":\"\",\"paddingTop\":\"\",\"paddingLeft\":\"\",\"textAlign\":\"\"}' pm-open-left=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\"\u003e文件和目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cd \/home 进入 '\/ home' 目录'\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cd .. 返回上一级目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cd ..\/.. 返回上两级目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cd 进入个人的主目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cd ~user1 进入个人的主目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cd - 返回上次所在的目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e pwd 显示工作路径\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e ls 查看目录中的文件\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e ls -F 查看目录中的文件\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e ls -l 显示文件和目录的详细资料\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e ls -a 显示隐藏文件\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e ls *[0-9]* 显示包含数字的文件名和目录名\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e tree 显示文件和目录由根目录开始的树形结构(1)\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e lstree 显示文件和目录由根目录开始的树形结构(2)\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e mkdir dir1 创建一个叫做 'dir1' 的目录'\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e mkdir dir1 dir2 同时创建两个目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e mkdir -p \/tmp\/dir1\/dir2 创建一个目录树\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e rm -f file1 删除一个叫做 'file1' 的文件'\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e rmdir dir1 删除一个叫做 'dir1' 的目录'\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e rm -rf dir1 删除一个叫做 'dir1' 的目录并同时删除其内容\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e rm -rf dir1 dir2 同时删除两个目录及它们的内容\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e mv dir1 new_dir 重命名\/移动 一个目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e rm -rf * 删除所有文件\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cp file1 file2 复制一个文件\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cp dir\/* . 复制一个目录下的所有文件到当前工作目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cp -a \/tmp\/dir1 . 复制一个目录到当前工作目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e cp -a dir1 dir2 复制一个目录\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e ln -s file1 lnk1 创建一个指向文件或目录的软链接\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e ln file1 lnk1 创建一个指向文件或目录的物理链接\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e touch -t 0712250000 file1 修改一个文件或目录的时间戳 - (YYMMDDhhmm)\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e file file1 outputs the mime type of the file as text\u003c\/span\u003e\u003cspan data-syno-inline=\"true\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\"\u003e iconv -l 列出已知的编码\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-syno-marks='[{\"value\":\"12pt\",\"_\":\"font_size\"}]' data-syno-style='{\"lineHeight\":\"\",\"paddingBottom\":\"\",\"paddingTop\":\"\",\"paddingLeft\":\"\",\"textAlign\":\"\"}' pm-open-left=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\"\u003e更多内容请购买此免费产品,即可下载相关课件。\u003c\/span\u003e\u003c\/p\u003e"}
您应该也喜欢:
迁移网站常用命令
¥0.00
文件和目录 cd /home 进入 '/ home' 目录' cd .. 返回上一级目录 cd ../.. 返回上两级目录 cd 进入个人的主目录 cd ~user1 进入个人的主目录 cd -...
{"id":6232850596025,"title":"隽永东方内训教程课件精华之一","handle":"隽永东方内训教程课件精华","description":"\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/6313\/9001\/files\/WechatIMG3581_480x480.png?v=1610466574\" alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/6313\/9001\/files\/WechatIMG3581_480x480.png?v=1610466574\"\u003e","published_at":"2021-01-12T10:50:42-05:00","created_at":"2021-01-12T10:50:39-05:00","vendor":"Ellen Zuo","type":"Course","tags":["Linux","WordPress"],"price":0,"price_min":0,"price_max":0,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":38705534468281,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"隽永东方内训教程课件精华之一","public_title":null,"options":["Default Title"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":""}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0532\/6313\/9001\/products\/eastdigi-course-logo-680.jpg?v=1610929020"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/6313\/9001\/products\/eastdigi-course-logo-680.jpg?v=1610929020","options":["Title"],"media":[{"alt":null,"id":15607879336121,"position":1,"preview_image":{"aspect_ratio":1.0,"height":680,"width":680,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/6313\/9001\/products\/eastdigi-course-logo-680.jpg?v=1610929020"},"aspect_ratio":1.0,"height":680,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/6313\/9001\/products\/eastdigi-course-logo-680.jpg?v=1610929020","width":680}],"content":"\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/6313\/9001\/files\/WechatIMG3581_480x480.png?v=1610466574\" alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/6313\/9001\/files\/WechatIMG3581_480x480.png?v=1610466574\"\u003e"}
{"id":6232836407481,"title":"jQuery事件绑定的最佳实践","handle":"jquery事件绑定的最佳实践","description":"\u003cmeta charset=\"utf-8\"\u003e\n\u003cp data-syno-style='{\"lineHeight\":\"\",\"paddingBottom\":\"\",\"paddingTop\":\"\",\"paddingLeft\":\"\",\"textAlign\":\"left\"}' data-syno-marks=\"[]\" data-mce-fragment=\"1\" textblock=\"true\" pm-open-left=\"1\"\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e如果你经常使用jQuery,那么你也许很熟悉事件绑定。这是很基本的东西,但是深入一点,你就能够找到机会让你事件驱动的代码变得不太零碎,并且更容易管理。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-syno-style='{\"lineHeight\":\"\",\"paddingBottom\":\"\",\"paddingTop\":\"\",\"paddingLeft\":\"\",\"textAlign\":\"left\"}' data-syno-marks=\"[]\" data-mce-fragment=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e更好的选择器策略\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-syno-style='{\"lineHeight\":\"\",\"paddingBottom\":\"\",\"paddingTop\":\"\",\"paddingLeft\":\"\",\"textAlign\":\"left\"}' data-syno-marks=\"[]\" data-mce-fragment=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e让我们从基础的例子开始。下面的HTML代码表示的是可以开合的导航菜单。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-syno-style='{\"lineHeight\":\"20px\",\"paddingBottom\":\"10px\",\"paddingTop\":\"10px\",\"paddingLeft\":\"15px\",\"textAlign\":\"left\"}' data-syno-marks=\"[]\" data-mce-fragment=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;button\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003eclass\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e=\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\"nav-menu-toggle\"\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026gt;\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003eToggle Nav Menu\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;\/button\u0026gt;\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;nav\u0026gt;\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;ul\u0026gt;\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;li\u0026gt;\u0026lt;a\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003ehref\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e=\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\"\/\"\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026gt;\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003eWest Philadelphia\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;li\u0026gt;\u0026lt;a\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003ehref\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e=\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\"\/cab\"\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026gt;\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003eCab Whistling\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;li\u0026gt;\u0026lt;a\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003ehref\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e=\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\"\/throne\"\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026gt;\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003eThrone Sitting\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;\/ul\u0026gt;\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;\/nav\u0026gt;\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-syno-style='{\"lineHeight\":\"\",\"paddingBottom\":\"\",\"paddingTop\":\"\",\"paddingLeft\":\"\",\"textAlign\":\"left\"}' data-syno-marks=\"[]\" data-mce-fragment=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e下面这个是点击按钮之后控制导航菜单开合的javascript代码\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-syno-style='{\"lineHeight\":\"20px\",\"paddingBottom\":\"10px\",\"paddingTop\":\"10px\",\"paddingLeft\":\"15px\",\"textAlign\":\"left\"}' data-syno-marks=\"[]\" data-mce-fragment=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e$\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e(\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e'.nav-menu-toggle'\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e).\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003eon\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e(\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e'click'\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e,\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003efunction\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e(){\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e$\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e(\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e'nav'\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e).\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003etoggle\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e();\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e});\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-syno-style='{\"lineHeight\":\"\",\"paddingBottom\":\"\",\"paddingTop\":\"\",\"paddingLeft\":\"\",\"textAlign\":\"left\"}' data-syno-marks=\"[]\" data-mce-fragment=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e这可能是最常用的实现方式。它能够使用,但是比较脆。javascript代码依赖了按钮的类名nav-menu-toggle。很可能在未来其他开发者或者健忘的你在重构代码的时候会删除或者重命名这个类名。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-syno-style='{\"lineHeight\":\"\",\"paddingBottom\":\"\",\"paddingTop\":\"\",\"paddingLeft\":\"\",\"textAlign\":\"left\"}' data-syno-marks=\"[]\" data-mce-fragment=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e更多内容请购买此免费课程,即可下载完整课件。\u003c\/span\u003e\u003c\/p\u003e","published_at":"2021-01-12T10:40:43-05:00","created_at":"2021-01-12T10:40:42-05:00","vendor":"Leo Huang","type":"Course","tags":["Linux"],"price":0,"price_min":0,"price_max":0,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":38705463722169,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":true,"featured_image":null,"available":true,"name":"jQuery事件绑定的最佳实践","public_title":null,"options":["Default Title"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":""}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0532\/6313\/9001\/products\/Code.jpg?v=1610929142"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/6313\/9001\/products\/Code.jpg?v=1610929142","options":["Title"],"media":[{"alt":null,"id":15607881990329,"position":1,"preview_image":{"aspect_ratio":1.0,"height":650,"width":650,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/6313\/9001\/products\/Code.jpg?v=1610929142"},"aspect_ratio":1.0,"height":650,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/6313\/9001\/products\/Code.jpg?v=1610929142","width":650}],"content":"\u003cmeta charset=\"utf-8\"\u003e\n\u003cp data-syno-style='{\"lineHeight\":\"\",\"paddingBottom\":\"\",\"paddingTop\":\"\",\"paddingLeft\":\"\",\"textAlign\":\"left\"}' data-syno-marks=\"[]\" data-mce-fragment=\"1\" textblock=\"true\" pm-open-left=\"1\"\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e如果你经常使用jQuery,那么你也许很熟悉事件绑定。这是很基本的东西,但是深入一点,你就能够找到机会让你事件驱动的代码变得不太零碎,并且更容易管理。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-syno-style='{\"lineHeight\":\"\",\"paddingBottom\":\"\",\"paddingTop\":\"\",\"paddingLeft\":\"\",\"textAlign\":\"left\"}' data-syno-marks=\"[]\" data-mce-fragment=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e更好的选择器策略\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-syno-style='{\"lineHeight\":\"\",\"paddingBottom\":\"\",\"paddingTop\":\"\",\"paddingLeft\":\"\",\"textAlign\":\"left\"}' data-syno-marks=\"[]\" data-mce-fragment=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e让我们从基础的例子开始。下面的HTML代码表示的是可以开合的导航菜单。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-syno-style='{\"lineHeight\":\"20px\",\"paddingBottom\":\"10px\",\"paddingTop\":\"10px\",\"paddingLeft\":\"15px\",\"textAlign\":\"left\"}' data-syno-marks=\"[]\" data-mce-fragment=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;button\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003eclass\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e=\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\"nav-menu-toggle\"\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026gt;\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003eToggle Nav Menu\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;\/button\u0026gt;\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;nav\u0026gt;\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;ul\u0026gt;\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;li\u0026gt;\u0026lt;a\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003ehref\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e=\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\"\/\"\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026gt;\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003eWest Philadelphia\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;li\u0026gt;\u0026lt;a\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003ehref\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e=\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\"\/cab\"\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026gt;\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003eCab Whistling\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;li\u0026gt;\u0026lt;a\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003ehref\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e=\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\"\/throne\"\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026gt;\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003eThrone Sitting\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;\/ul\u0026gt;\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e\u0026lt;\/nav\u0026gt;\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-syno-style='{\"lineHeight\":\"\",\"paddingBottom\":\"\",\"paddingTop\":\"\",\"paddingLeft\":\"\",\"textAlign\":\"left\"}' data-syno-marks=\"[]\" data-mce-fragment=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e下面这个是点击按钮之后控制导航菜单开合的javascript代码\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-syno-style='{\"lineHeight\":\"20px\",\"paddingBottom\":\"10px\",\"paddingTop\":\"10px\",\"paddingLeft\":\"15px\",\"textAlign\":\"left\"}' data-syno-marks=\"[]\" data-mce-fragment=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e$\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e(\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e'.nav-menu-toggle'\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e).\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003eon\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e(\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e'click'\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e,\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003efunction\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e(){\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e$\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e(\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e'nav'\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e).\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003etoggle\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e();\u003c\/span\u003e\u003cspan data-syno-inline=\"true\" data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e});\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-syno-style='{\"lineHeight\":\"\",\"paddingBottom\":\"\",\"paddingTop\":\"\",\"paddingLeft\":\"\",\"textAlign\":\"left\"}' data-syno-marks=\"[]\" data-mce-fragment=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e这可能是最常用的实现方式。它能够使用,但是比较脆。javascript代码依赖了按钮的类名nav-menu-toggle。很可能在未来其他开发者或者健忘的你在重构代码的时候会删除或者重命名这个类名。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-syno-style='{\"lineHeight\":\"\",\"paddingBottom\":\"\",\"paddingTop\":\"\",\"paddingLeft\":\"\",\"textAlign\":\"left\"}' data-syno-marks=\"[]\" data-mce-fragment=\"1\" textblock=\"true\"\u003e\u003cspan data-syno-text=\"true\" data-mce-fragment=\"1\"\u003e更多内容请购买此免费课程,即可下载完整课件。\u003c\/span\u003e\u003c\/p\u003e"}
您应该也喜欢:
jQuery事件绑定的最佳实践
¥0.00
如果你经常使用jQuery,那么你也许很熟悉事件绑定。这是很基本的东西,但是深入一点,你就能够找到机会让你事件驱动的代码变得不太零碎,并且更容易管理。
更好的选择器策略
让我们从基础的例子开始。下面的HTML代码表示的是可以开合的导航菜单。
<button class="nav-menu-toggle">Toggle Nav Menu</button><nav><ul><li><a href="/">West Philadelphia</a></li><li><a href="/cab">Cab Whistling</a></li><li><a href="/throne">Throne Sitting</a></li></ul></nav>
下面这个是点击按钮之后控制导航菜单开合的javascript代码
$('.nav-menu-toggle').on('click',function(){$('nav').toggle();});
这可能是最常用的实现方式。它能够使用,但是比较脆。javascript代码依赖了按钮的类名nav-menu-toggle。很可能在未来其他开发者或者健忘的你在重构代码的时候会删除或者重命名这个类名。
更多内容请购买此免费课程,即可下载完整课件。