[{"data":1,"prerenderedAt":6202},["ShallowReactive",2],{"blog-posts":3},[4,108,173,209,291,355,414,1109,1164,1244,1884,2188,2353,2768,2909,3072,3716,3771,3825,4159,4293,4564,4828,4943,5055,5285,5477,5557,5651,5780,5809],{"id":5,"title":6,"body":7,"category":95,"cover":96,"csdn":96,"date":97,"description":6,"draft":98,"extension":99,"meta":100,"navigation":101,"path":102,"seo":103,"stem":104,"tags":105,"updated":96,"__hash__":107},"blog\u002Fblog\u002Fmodule_build_failed_typeerror_err_invalid_arg_type_the_path_argument_must_be_of_type_string.md","Module build failed: TypeError [ERR_INVALID_ARG_TYPE]: The “path“ argument must be of type string.",{"type":8,"value":9,"toc":89},"minimark",[10,14,18,21,63,67,76,85],[11,12,13],"h2",{"id":13},"vue",[11,15,17],{"id":16},"npm-run-dev","npm run dev",[11,19,20],{"id":20},"error",[22,23,28],"pre",{"className":24,"code":25,"language":26,"meta":27,"style":27},"language-js shiki shiki-themes github-dark","Module build failed: TypeError [ERR_INVALID_ARG_TYPE]: The \"path\" argument must be of type string. Received undefined\n    at validateString (internal\u002Fvalidators.js:121:11)\n    at Object.join (path.js:375:7)\n    at getSassOptions (D:\\VueProj\\test\\node_modules\\sass-loader\\dist\\utils.js:160:37)\n    at Object.loader (D:\\VueProj\\test\\node_modules\\sass-loader\\dist\\index.js:36:49)\n\n","js","",[29,30,31,39,45,51,57],"code",{"__ignoreMap":27},[32,33,36],"span",{"class":34,"line":35},"line",1,[32,37,38],{},"Module build failed: TypeError [ERR_INVALID_ARG_TYPE]: The \"path\" argument must be of type string. Received undefined\n",[32,40,42],{"class":34,"line":41},2,[32,43,44],{},"    at validateString (internal\u002Fvalidators.js:121:11)\n",[32,46,48],{"class":34,"line":47},3,[32,49,50],{},"    at Object.join (path.js:375:7)\n",[32,52,54],{"class":34,"line":53},4,[32,55,56],{},"    at getSassOptions (D:\\VueProj\\test\\node_modules\\sass-loader\\dist\\utils.js:160:37)\n",[32,58,60],{"class":34,"line":59},5,[32,61,62],{},"    at Object.loader (D:\\VueProj\\test\\node_modules\\sass-loader\\dist\\index.js:36:49)\n",[11,64,66],{"id":65},"安装低版本sass-loader-我当时是10xx","安装低版本sass-loader （我当时是10.x.x）",[22,68,70],{"className":24,"code":69,"language":26,"meta":27,"style":27},"npm uninstall sass-loader\n",[29,71,72],{"__ignoreMap":27},[32,73,74],{"class":34,"line":35},[32,75,69],{},[22,77,79],{"className":24,"code":78,"language":26,"meta":27,"style":27},"npm install --save-dev sass-loader@7.3.1\n",[29,80,81],{"__ignoreMap":27},[32,82,83],{"class":34,"line":35},[32,84,78],{},[86,87,88],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":27,"searchDepth":41,"depth":41,"links":90},[91,92,93,94],{"id":13,"depth":41,"text":13},{"id":16,"depth":41,"text":17},{"id":20,"depth":41,"text":20},{"id":65,"depth":41,"text":66},"前端",null,"2020-10-19",false,"md",{},true,"\u002Fblog\u002Fmodule_build_failed_typeerror_err_invalid_arg_type_the_path_argument_must_be_of_type_string",{"title":6,"description":6},"blog\u002Fmodule_build_failed_typeerror_err_invalid_arg_type_the_path_argument_must_be_of_type_string",[106],"Vue","CnzYf38wYseV5I-UHV6C5HvrK3BXoA72Hs5-rJe0MTo",{"id":109,"title":110,"body":111,"category":95,"cover":96,"csdn":96,"date":165,"description":110,"draft":98,"extension":99,"meta":166,"navigation":101,"path":167,"seo":168,"stem":169,"tags":170,"updated":96,"__hash__":172},"blog\u002Fblog\u002Fcnpm_cannot_load_file_because_running_scripts_is_disabled_on_this_system.md","cnpm : 无法加载文件 C:\\Users\\name\\AppData\\Roaming\npm\\cnpm.ps1，因为在此系统上禁止运行脚本。",{"type":8,"value":112,"toc":162},[113,117,143,152,160],[11,114,116],{"id":115},"报错如标题-解决方式","报错如标题 解决方式",[118,119,120,124,137,140],"ol",{},[121,122,123],"li",{},"管理员方式运行 powershell",[121,125,126],{},[22,127,131],{"className":128,"code":129,"language":130,"meta":27,"style":27},"language-shell shiki shiki-themes github-dark","set-ExecutionPolicy RemoteSigned\n","shell",[29,132,133],{"__ignoreMap":27},[32,134,135],{"class":34,"line":35},[32,136,129],{},[121,138,139],{},"A",[121,141,142],{},"查看当前的状态",[22,144,146],{"className":128,"code":145,"language":130,"meta":27,"style":27},"get-ExecutionPolicy\n",[29,147,148],{"__ignoreMap":27},[32,149,150],{"class":34,"line":35},[32,151,145],{},[153,154,155],"p",{},[156,157],"img",{"alt":158,"src":159},"在这里插入图片描述","https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F37ef6847bd1e4f26a994dd70534d73a7.png#pic_center",[86,161,88],{},{"title":27,"searchDepth":41,"depth":41,"links":163},[164],{"id":115,"depth":41,"text":116},"2020-10-17",{},"\u002Fblog\u002Fcnpm_cannot_load_file_because_running_scripts_is_disabled_on_this_system",{"title":110,"description":110},"blog\u002Fcnpm_cannot_load_file_because_running_scripts_is_disabled_on_this_system",[171],"cnpm","wsaQfxby4UKWZPfNEBw_hOmByLA1GGRlZlIoSTxHugM",{"id":174,"title":175,"body":176,"category":95,"cover":96,"csdn":96,"date":165,"description":175,"draft":98,"extension":99,"meta":203,"navigation":101,"path":204,"seo":205,"stem":206,"tags":207,"updated":96,"__hash__":208},"blog\u002Fblog\u002Fvue_list_vue_cli_connect_etimedout.md","vue list vue-cli · connect ETIMEDOUT 13.250.168.23:443",{"type":8,"value":177,"toc":199},[178,181,186,189,194],[11,179,180],{"id":180},"报错截图",[153,182,183],{},[156,184],{"alt":158,"src":185},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002Ff8d7e031bd5f8d003464fae82bdab0d5.png#pic_center",[11,187,188],{"id":188},"解决方式",[153,190,191],{},[156,192],{"alt":158,"src":193},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F68c61fb8b6e086700cbf3560d6544754.png#pic_center",[153,195,196],{},[156,197],{"alt":158,"src":198},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F8fdb93cc80f7454b84214668152ecb0a.png#pic_center",{"title":27,"searchDepth":41,"depth":41,"links":200},[201,202],{"id":180,"depth":41,"text":180},{"id":188,"depth":41,"text":188},{},"\u002Fblog\u002Fvue_list_vue_cli_connect_etimedout",{"title":175,"description":175},"blog\u002Fvue_list_vue_cli_connect_etimedout",[13],"oBt1jOd_Tq2An1m4EGKvTHHERJub0qOaUPQGnCHNWPk",{"id":210,"title":211,"body":212,"category":95,"cover":96,"csdn":96,"date":284,"description":211,"draft":98,"extension":99,"meta":285,"navigation":101,"path":286,"seo":287,"stem":288,"tags":289,"updated":96,"__hash__":290},"blog\u002Fblog\u002Ftextarea_placeholder_not_working.md","textarea placeholder 无效",{"type":8,"value":213,"toc":281},[214,250,254,278],[22,215,219],{"className":216,"code":217,"language":218,"meta":27,"style":27},"language-html shiki shiki-themes github-dark","\u003Ctextarea placeholder=\"粘贴在此处，自动序列化...\"> \u003C\u002Ftextarea>\n","html",[29,220,221],{"__ignoreMap":27},[32,222,223,227,231,235,238,242,245,247],{"class":34,"line":35},[32,224,226],{"class":225},"s95oV","\u003C",[32,228,230],{"class":229},"s4JwU","textarea",[32,232,234],{"class":233},"svObZ"," placeholder",[32,236,237],{"class":225},"=",[32,239,241],{"class":240},"sU2Wk","\"粘贴在此处，自动序列化...\"",[32,243,244],{"class":225},"> \u003C\u002F",[32,246,230],{"class":229},[32,248,249],{"class":225},">\n",[11,251,253],{"id":252},"标签之间不要换行有字符","标签之间不要换行（有字符）",[22,255,257],{"className":216,"code":256,"language":218,"meta":27,"style":27},"\u003Ctextarea placeholder=\"粘贴在此处，自动序列化...\">\u003C\u002Ftextarea>\n",[29,258,259],{"__ignoreMap":27},[32,260,261,263,265,267,269,271,274,276],{"class":34,"line":35},[32,262,226],{"class":225},[32,264,230],{"class":229},[32,266,234],{"class":233},[32,268,237],{"class":225},[32,270,241],{"class":240},[32,272,273],{"class":225},">\u003C\u002F",[32,275,230],{"class":229},[32,277,249],{"class":225},[86,279,280],{},"html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .s4JwU, html code.shiki .s4JwU{--shiki-default:#85E89D}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":27,"searchDepth":41,"depth":41,"links":282},[283],{"id":252,"depth":41,"text":253},"2020-09-13",{},"\u002Fblog\u002Ftextarea_placeholder_not_working",{"title":211,"description":211},"blog\u002Ftextarea_placeholder_not_working",[230],"6Oxp44jPCCorQh6Ooc7zsmwAMRriN4vmVGtmH8NyC7s",{"id":292,"title":293,"body":294,"category":95,"cover":96,"csdn":96,"date":347,"description":293,"draft":98,"extension":99,"meta":348,"navigation":101,"path":349,"seo":350,"stem":351,"tags":352,"updated":96,"__hash__":354},"blog\u002Fblog\u002Fbaidu_wenku_copy_text_download_document.md","百度文库 复制文本 下载文档",{"type":8,"value":295,"toc":343},[296,299,310,313,324,327,340],[153,297,298],{},"不说废话",[118,300,301,304,307],{},[121,302,303],{},"点击进入全屏",[121,305,306],{},"选中文本 Ctrl + c",[121,308,309],{},"Crtl + v",[153,311,312],{},"至于下载文档，我们可以通过多次复制的间接方式达到",[153,314,315,318,321],{},[156,316],{"alt":158,"src":317},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F06aeacd38f45c1535d3baacb85928991.png#pic_center",[156,319],{"alt":158,"src":320},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F2aba7985d2b9a04152eba44e8c73b9b5.png#pic_center",[156,322],{"alt":158,"src":323},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F7cf133b3af947c1bd8cc866f63fc7baa.png#pic_center",[153,325,326],{},"喜欢或对你有帮助，请点个赞吧 。",[328,329,331,332,339],"h3",{"id":330},"我的个人网站-点击访问","我的个人网站 --> ",[333,334,338],"a",{"href":335,"rel":336},"https:\u002F\u002Fhongweizhu.com",[337],"nofollow","点击访问"," 。",[153,341,342],{},"END",{"title":27,"searchDepth":41,"depth":41,"links":344},[345],{"id":330,"depth":47,"text":346},"我的个人网站 --> 点击访问 。","2020-08-21",{},"\u002Fblog\u002Fbaidu_wenku_copy_text_download_document",{"title":293,"description":293},"blog\u002Fbaidu_wenku_copy_text_download_document",[353],"百度","qyYHc-keN1K7hBFS5BDmVD2XGHFQ7_HZJwF8GxIH0W4",{"id":356,"title":357,"body":358,"category":95,"cover":96,"csdn":96,"date":406,"description":357,"draft":98,"extension":99,"meta":407,"navigation":101,"path":408,"seo":409,"stem":410,"tags":411,"updated":96,"__hash__":413},"blog\u002Fblog\u002Fchange_mysql_password_error_1054_unknown_column_password_in_field_list.md","更改 MySQL 密码提示 ERROR 1054 (42S22): Unknown column ‘password‘ in ‘field list‘",{"type":8,"value":359,"toc":404},[360,369,372,375,378,387,390,399,402],[22,361,363],{"className":128,"code":362,"language":130,"meta":27,"style":27},"update mysql.user  set password=password('root') where user='root';\n",[29,364,365],{"__ignoreMap":27},[32,366,367],{"class":34,"line":35},[32,368,362],{},[153,370,371],{},"报错 ERROR 1054 (42S22): Unknown column 'password' in 'field list'",[153,373,374],{},"mysql 数据库下已经没有 password 字段，password 字段改成了 authentication_string",[153,376,377],{},"使用新字段",[22,379,381],{"className":128,"code":380,"language":130,"meta":27,"style":27},"update mysql.user set authentication_string=password('abc123!@#') where user='root';\n",[29,382,383],{"__ignoreMap":27},[32,384,385],{"class":34,"line":35},[32,386,380],{},[153,388,389],{},"重启计算机",[22,391,393],{"className":128,"code":392,"language":130,"meta":27,"style":27},"reboot\n",[29,394,395],{"__ignoreMap":27},[32,396,397],{"class":34,"line":35},[32,398,392],{},[153,400,401],{},"密码修改成功；",[86,403,88],{},{"title":27,"searchDepth":41,"depth":41,"links":405},[],"2020-07-23",{},"\u002Fblog\u002Fchange_mysql_password_error_1054_unknown_column_password_in_field_list",{"title":357,"description":357},"blog\u002Fchange_mysql_password_error_1054_unknown_column_password_in_field_list",[412],"MySQL","1oIQ3ay6vZ5ovrtsC_hsSqsCALCR7ZocAov-UQFjzCw",{"id":415,"title":416,"body":417,"category":95,"cover":96,"csdn":96,"date":1101,"description":416,"draft":98,"extension":99,"meta":1102,"navigation":101,"path":1103,"seo":1104,"stem":1105,"tags":1106,"updated":96,"__hash__":1108},"blog\u002Fblog\u002Fprovince_city_linked_dropdown_jquery.md","省份 城市 联动 下拉列表框 jQuery",{"type":8,"value":418,"toc":1099},[419,424,714,1089,1096],[153,420,421],{},[156,422],{"alt":158,"src":423},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F87acd077c26d966548f454509eff6d77.png",[22,425,427],{"className":216,"code":426,"language":218,"meta":27,"style":27},"\u003Cform action=\"\" method=\"POST\">\n  邮箱:\u003Cinput\n    type=\"text\"\n    name=\"email\"\n    required\n    placeholder=\"example@gmail.com\"\n  \u002F>\u003Cbr \u002F>\n  省份:\u003Cselect\n    name=\"province\"\n    id=\"province\"\n    class=\"province\"\n    msgEmpty=\"请选择省份\"\n  >\n    \u003Coption value=\"\">请选择\u003C\u002Foption>\n  \u003C\u002Fselect>\n\n  市:\u003Cselect name=\"city\" id=\"city\" class=\"city\" msgEmpty=\"请选择城市\">\n    \u003Coption value=\"\">请选择\u003C\u002Foption>\n  \u003C\u002Fselect>\n  \u003Cbutton class=\"submit\" type=\"submit\">提交\u003C\u002Fbutton>\n\u003C\u002Fform>\n",[29,428,429,454,462,472,482,487,498,510,519,529,539,549,560,566,589,600,606,646,665,674,704],{"__ignoreMap":27},[32,430,431,433,436,439,441,444,447,449,452],{"class":34,"line":35},[32,432,226],{"class":225},[32,434,435],{"class":229},"form",[32,437,438],{"class":233}," action",[32,440,237],{"class":225},[32,442,443],{"class":240},"\"\"",[32,445,446],{"class":233}," method",[32,448,237],{"class":225},[32,450,451],{"class":240},"\"POST\"",[32,453,249],{"class":225},[32,455,456,459],{"class":34,"line":41},[32,457,458],{"class":225},"  邮箱:\u003C",[32,460,461],{"class":229},"input\n",[32,463,464,467,469],{"class":34,"line":47},[32,465,466],{"class":233},"    type",[32,468,237],{"class":225},[32,470,471],{"class":240},"\"text\"\n",[32,473,474,477,479],{"class":34,"line":53},[32,475,476],{"class":233},"    name",[32,478,237],{"class":225},[32,480,481],{"class":240},"\"email\"\n",[32,483,484],{"class":34,"line":59},[32,485,486],{"class":233},"    required\n",[32,488,490,493,495],{"class":34,"line":489},6,[32,491,492],{"class":233},"    placeholder",[32,494,237],{"class":225},[32,496,497],{"class":240},"\"example@gmail.com\"\n",[32,499,501,504,507],{"class":34,"line":500},7,[32,502,503],{"class":225},"  \u002F>\u003C",[32,505,506],{"class":229},"br",[32,508,509],{"class":225}," \u002F>\n",[32,511,513,516],{"class":34,"line":512},8,[32,514,515],{"class":225},"  省份:\u003C",[32,517,518],{"class":229},"select\n",[32,520,522,524,526],{"class":34,"line":521},9,[32,523,476],{"class":233},[32,525,237],{"class":225},[32,527,528],{"class":240},"\"province\"\n",[32,530,532,535,537],{"class":34,"line":531},10,[32,533,534],{"class":233},"    id",[32,536,237],{"class":225},[32,538,528],{"class":240},[32,540,542,545,547],{"class":34,"line":541},11,[32,543,544],{"class":233},"    class",[32,546,237],{"class":225},[32,548,528],{"class":240},[32,550,552,555,557],{"class":34,"line":551},12,[32,553,554],{"class":233},"    msgEmpty",[32,556,237],{"class":225},[32,558,559],{"class":240},"\"请选择省份\"\n",[32,561,563],{"class":34,"line":562},13,[32,564,565],{"class":225},"  >\n",[32,567,569,572,575,578,580,582,585,587],{"class":34,"line":568},14,[32,570,571],{"class":225},"    \u003C",[32,573,574],{"class":229},"option",[32,576,577],{"class":233}," value",[32,579,237],{"class":225},[32,581,443],{"class":240},[32,583,584],{"class":225},">请选择\u003C\u002F",[32,586,574],{"class":229},[32,588,249],{"class":225},[32,590,592,595,598],{"class":34,"line":591},15,[32,593,594],{"class":225},"  \u003C\u002F",[32,596,597],{"class":229},"select",[32,599,249],{"class":225},[32,601,603],{"class":34,"line":602},16,[32,604,605],{"emptyLinePlaceholder":101},"\n",[32,607,609,612,614,617,619,622,625,627,629,632,634,636,639,641,644],{"class":34,"line":608},17,[32,610,611],{"class":225},"  市:\u003C",[32,613,597],{"class":229},[32,615,616],{"class":233}," name",[32,618,237],{"class":225},[32,620,621],{"class":240},"\"city\"",[32,623,624],{"class":233}," id",[32,626,237],{"class":225},[32,628,621],{"class":240},[32,630,631],{"class":233}," class",[32,633,237],{"class":225},[32,635,621],{"class":240},[32,637,638],{"class":233}," msgEmpty",[32,640,237],{"class":225},[32,642,643],{"class":240},"\"请选择城市\"",[32,645,249],{"class":225},[32,647,649,651,653,655,657,659,661,663],{"class":34,"line":648},18,[32,650,571],{"class":225},[32,652,574],{"class":229},[32,654,577],{"class":233},[32,656,237],{"class":225},[32,658,443],{"class":240},[32,660,584],{"class":225},[32,662,574],{"class":229},[32,664,249],{"class":225},[32,666,668,670,672],{"class":34,"line":667},19,[32,669,594],{"class":225},[32,671,597],{"class":229},[32,673,249],{"class":225},[32,675,677,680,683,685,687,690,693,695,697,700,702],{"class":34,"line":676},20,[32,678,679],{"class":225},"  \u003C",[32,681,682],{"class":229},"button",[32,684,631],{"class":233},[32,686,237],{"class":225},[32,688,689],{"class":240},"\"submit\"",[32,691,692],{"class":233}," type",[32,694,237],{"class":225},[32,696,689],{"class":240},[32,698,699],{"class":225},">提交\u003C\u002F",[32,701,682],{"class":229},[32,703,249],{"class":225},[32,705,707,710,712],{"class":34,"line":706},21,[32,708,709],{"class":225},"\u003C\u002F",[32,711,435],{"class":229},[32,713,249],{"class":225},[22,715,717],{"className":24,"code":716,"language":26,"meta":27,"style":27},"\u003Cscript src=\".\u002Fjs\u002Fjquery-3.4.1.min.js\">\u003C\u002Fscript>\n\n\u003Cscript>\n  var pro = [\"山东\", \"天津\", \"吉林\", \"黑龙江\", \"江苏\", \"福建\", \"湖北\", \"湖南\", \"宁夏\", \"山西\", \"辽宁\", \"四川\", \"贵州\", \"云南\", \"陕西\", \"甘肃\", \"青海\", \"内蒙古\", \"广西\", \"西藏\", \"新疆维吾尔\", \"北京\", \"上海\", \"重庆\", \"广东\", \"河北\", \"浙江\", \"安徽\", \"江西\", \"河南\", \"海南\", \"香港\", \"澳门\", \"台湾\"];\n\n  var city = {\n    北京: [\"东城区\", \"西城区\", \"崇文区\", \"宣武区\", \"朝阳区\", \"海淀区\", \"丰台区\", \"石景山区\", \"房山区\", \"通州区\", \"顺义区\", \"昌平区\", \"大兴区\", \"怀柔区\", \"平谷区\", \"门头沟区\", \"密云县\", \"延庆县\"],\n    天津: [\"和平区\", \"河东区\", \"河西区\", \"南开区\", \"河北区\", \"红桥区\", \"东丽区\", \"西青区\", \"北辰区\", \"津南区\", \"武清区\", \"宝坻区\", \"滨海新区\", \"静海县\", \"宁河县\", \"蓟县\"],\n    上海: [\"黄浦区\", \"卢湾区\", \"徐汇区\", \"长宁区\", \"静安区\", \"普陀区\", \"闸北区\", \"虹口区\", \"杨浦区\", \"闵行区\", \"宝山区\", \"嘉定区\", \"浦东新区\", \"金山区\", \"松江区\", \"青浦区\", \"奉贤区\", \"崇明县\"],\n    重庆: [\"渝中区\", \"大渡口区\", \"江北区\", \"南岸区\", \"北碚区\", \"渝北区\", \"巴南区\", \"长寿区\", \"双桥区\", \"沙坪坝区\", \"万盛区\", \"万州区\", \"涪陵区\", \"黔江区\", \"永川区\", \"合川区\", \"江津区\", \"九龙坡区\", \"南川区\", \"綦江县\", \"潼南县\", \"荣昌县\", \"璧山县\", \"大足县\", \"铜梁县\", \"梁平县\", \"开县\", \"忠县\", \"城口县\", \"垫江县\", \"武隆县\", \"丰都县\", \"奉节县\",\n      \"云阳县\", \"巫溪县\", \"巫山县\", \"石柱土家族自治县\", \"秀山土家族苗族自治县\", \"酉阳土家族苗族自治县\", \"彭水苗族土家族自治县\"\n    ],\n    河北: [\"石家庄\", \"唐山\", \"秦皇岛\", \"邯郸\", \"邢台\", \"保定\", \"张家口\", \"承德\", \"沧州\", \"廊坊\", \"衡水\"],\n    山西: [\"太原\", \"大同\", \"阳泉\", \"长治\", \"晋城\", \"朔州\", \"晋中\", \"运城\", \"忻州\", \"临汾\", \"吕梁\"],\n    辽宁: [\"沈阳\", \"大连\", \"鞍山\", \"抚顺\", \"本溪\", \"丹东\", \"锦州\", \"营口\", \"阜新\", \"辽阳\", \"盘锦\", \"铁岭\", \"朝阳\", \"葫芦岛\"],\n    吉林: [\"长春\", \"吉林\", \"四平\", \"辽源\", \"通化\", \"白山\", \"松原\", \"白城\", \"延边朝鲜族自治州\"],\n    黑龙江: [\"哈尔滨\", \"齐齐哈尔\", \"鹤岗\", \"双鸭山\", \"鸡西\", \"大庆\", \"伊春\", \"牡丹江\", \"佳木斯\", \"七台河\", \"黑河\", \"绥化\", \"大兴安岭\"],\n    江苏: [\"南京\", \"苏州\", \"无锡\", \"常州\", \"镇江\", \"南通\", \"泰州\", \"扬州\", \"盐城\", \"连云港\", \"徐州\", \"淮安\", \"宿迁\"],\n    浙江: [\"杭州\", \"宁波\", \"温州\", \"嘉兴\", \"湖州\", \"绍兴\", \"金华\", \"衢州\", \"舟山\", \"台州\", \"丽水\"],\n    安徽: [\"合肥\", \"芜湖\", \"蚌埠\", \"淮南\", \"马鞍山\", \"淮北\", \"铜陵\", \"安庆\", \"黄山\", \"滁州\", \"阜阳\", \"宿州\", \"巢湖\", \"六安\", \"亳州\", \"池州\", \"宣城\"],\n    福建: [\"福州\", \"厦门\", \"莆田\", \"三明\", \"泉州\", \"漳州\", \"南平\", \"龙岩\", \"宁德\"],\n    江西: [\"南昌\", \"景德镇\", \"萍乡\", \"九江\", \"新余\", \"鹰潭\", \"赣州\", \"吉安\", \"宜春\", \"抚州\", \"上饶\"],\n    山东: [\"烟台\", \"日照\", \"青岛\", \"淄博\", \"枣庄\", \"东营\", \"潍坊\", \"济宁\", \"泰安\", \"威海\", \"莱芜\", \"临沂\", \"德州\", \"聊城\", \"滨州\", \"菏泽\", \"济南\"],\n    河南: [\"郑州\", \"开封\", \"洛阳\", \"平顶山\", \"安阳\", \"鹤壁\", \"新乡\", \"焦作\", \"濮阳\", \"许昌\", \"漯河\", \"三门峡\", \"南阳\", \"商丘\", \"信阳\", \"周口\", \"驻马店\"],\n    湖北: [\"武汉\", \"黄石\", \"十堰\", \"荆州\", \"宜昌\", \"襄樊\", \"鄂州\", \"荆门\", \"孝感\", \"黄冈\", \"咸宁\", \"随州\", \"恩施\"],\n    湖南: [\"长沙\", \"株洲\", \"湘潭\", \"衡阳\", \"邵阳\", \"岳阳\", \"常德\", \"张家界\", \"益阳\", \"郴州\", \"永州\", \"怀化\", \"娄底\", \"湘西\"],\n    广东: [\"广州\", \"深圳\", \"珠海\", \"汕头\", \"韶关\", \"佛山\", \"江门\", \"湛江\", \"茂名\", \"肇庆\", \"惠州\", \"梅州\", \"汕尾\", \"河源\", \"阳江\", \"清远\", \"东莞\", \"中山\", \"潮州\", \"揭阳\", \"云浮\"],\n    海南: [\"海口\", \"三亚\"],\n    四川: [\"成都\", \"自贡\", \"攀枝花\", \"泸州\", \"德阳\", \"绵阳\", \"广元\", \"遂宁\", \"内江\", \"乐山\", \"南充\", \"眉山\", \"宜宾\", \"广安\", \"达州\", \"雅安\", \"巴中\", \"资阳\", \"阿坝\", \"甘孜\", \"凉山\"],\n    贵州: [\"贵阳\", \"六盘水\", \"遵义\", \"安顺\", \"铜仁\", \"毕节\", \"黔西南\", \"黔东南\", \"黔南\"],\n    云南: [\"昆明\", \"曲靖\", \"玉溪\", \"保山\", \"昭通\", \"丽江\", \"普洱\", \"临沧\", \"德宏\", \"怒江\", \"迪庆\", \"大理\", \"楚雄\", \"红河\", \"文山\", \"西双版纳\"],\n    陕西: [\"西安\", \"铜川\", \"宝鸡\", \"咸阳\", \"渭南\", \"延安\", \"汉中\", \"榆林\", \"安康\", \"商洛\"],\n    甘肃: [\"兰州\", \"嘉峪关\", \"金昌\", \"白银\", \"天水\", \"武威\", \"酒泉\", \"张掖\", \"庆阳\", \"平凉\", \"定西\", \"陇南\", \"临夏\", \"甘南\"],\n    青海: [\"西宁\", \"海东\", \"海北\", \"海南\", \"黄南\", \"果洛\", \"玉树\", \"海西\"],\n    内蒙古: [\"呼和浩特\", \"包头\", \"乌海\", \"赤峰\", \"通辽\", \"鄂尔多斯\", \"呼伦贝尔\", \"巴彦淖尔\", \"乌兰察布\", \"锡林郭勒盟\", \"兴安盟\", \"阿拉善盟\"],\n    广西: [\"南宁\", \"柳州\", \"桂林\", \"梧州\", \"北海\", \"防城港\", \"钦州\", \"贵港\", \"玉林\", \"百色\", \"贺州\", \"河池\", \"来宾\", \"崇左\"],\n    西藏: [\"拉萨\", \"那曲\", \"昌都\", \"林芝\", \"山南\", \"日喀则\", \"阿里\"],\n    宁夏: [\"银川\", \"石嘴山\", \"吴忠\", \"固原\", \"中卫\"],\n    新疆维吾尔: [\"乌鲁木齐\", \"克拉玛依\", \"吐鲁番\", \"哈密\", \"和田\", \"阿克苏\", \"喀什\", \"克孜勒苏\", \"巴音郭楞\", \"昌吉\", \"博尔塔拉\", \"伊犁\", \"塔城\", \"阿勒泰\"],\n    香港: [\"香港岛\", \"九龙东\", \"九龙西\", \"新界东\", \"新界西\"],\n    澳门: [\"澳门半岛\", \"离岛\"],\n    台湾: [\"台北\", \"高雄\", \"基隆\", \"新竹\", \"台中\", \"嘉义\", \"台南市\"]\n  };\n\n  $(document).ready(function() {\n    for (var i = 0; i \u003C pro.length; i++) {\n      $option = $(\"\u003Coption\u002F>\");\n      $option.attr(\"value\", pro[i]);\n      $option.text(pro[i]);\n      $(\".province\").append($option);\n    }\n    $(\".province\").change(function() {\n\n      var cities = city[$(this).val()];\n      $(\".city\").empty();\n      $(\".city\").append(\"\u003Coption value=''>请选择\u003C\u002Foption>\");\n      for (var i = 0; i \u003C cities.length; i++) {\n\n        $option = $(\"\u003Coption\u002F>\");\n        $option.attr(\"value\", cities[i]);\n        $option.text(cities[i]);\n        $(\".city\").append($option);\n      }\n    });\n  });\n\u003C\u002Fscript>\n",[29,718,719,724,728,733,738,742,747,752,757,762,767,772,777,782,787,792,797,802,807,812,817,822,828,834,840,846,852,858,864,870,876,882,888,894,900,906,912,918,924,930,936,942,948,954,959,965,971,977,983,989,995,1001,1007,1012,1018,1024,1030,1036,1041,1047,1053,1059,1065,1071,1077,1083],{"__ignoreMap":27},[32,720,721],{"class":34,"line":35},[32,722,723],{},"\u003Cscript src=\".\u002Fjs\u002Fjquery-3.4.1.min.js\">\u003C\u002Fscript>\n",[32,725,726],{"class":34,"line":41},[32,727,605],{"emptyLinePlaceholder":101},[32,729,730],{"class":34,"line":47},[32,731,732],{},"\u003Cscript>\n",[32,734,735],{"class":34,"line":53},[32,736,737],{},"  var pro = [\"山东\", \"天津\", \"吉林\", \"黑龙江\", \"江苏\", \"福建\", \"湖北\", \"湖南\", \"宁夏\", \"山西\", \"辽宁\", \"四川\", \"贵州\", \"云南\", \"陕西\", \"甘肃\", \"青海\", \"内蒙古\", \"广西\", \"西藏\", \"新疆维吾尔\", \"北京\", \"上海\", \"重庆\", \"广东\", \"河北\", \"浙江\", \"安徽\", \"江西\", \"河南\", \"海南\", \"香港\", \"澳门\", \"台湾\"];\n",[32,739,740],{"class":34,"line":59},[32,741,605],{"emptyLinePlaceholder":101},[32,743,744],{"class":34,"line":489},[32,745,746],{},"  var city = {\n",[32,748,749],{"class":34,"line":500},[32,750,751],{},"    北京: [\"东城区\", \"西城区\", \"崇文区\", \"宣武区\", \"朝阳区\", \"海淀区\", \"丰台区\", \"石景山区\", \"房山区\", \"通州区\", \"顺义区\", \"昌平区\", \"大兴区\", \"怀柔区\", \"平谷区\", \"门头沟区\", \"密云县\", \"延庆县\"],\n",[32,753,754],{"class":34,"line":512},[32,755,756],{},"    天津: [\"和平区\", \"河东区\", \"河西区\", \"南开区\", \"河北区\", \"红桥区\", \"东丽区\", \"西青区\", \"北辰区\", \"津南区\", \"武清区\", \"宝坻区\", \"滨海新区\", \"静海县\", \"宁河县\", \"蓟县\"],\n",[32,758,759],{"class":34,"line":521},[32,760,761],{},"    上海: [\"黄浦区\", \"卢湾区\", \"徐汇区\", \"长宁区\", \"静安区\", \"普陀区\", \"闸北区\", \"虹口区\", \"杨浦区\", \"闵行区\", \"宝山区\", \"嘉定区\", \"浦东新区\", \"金山区\", \"松江区\", \"青浦区\", \"奉贤区\", \"崇明县\"],\n",[32,763,764],{"class":34,"line":531},[32,765,766],{},"    重庆: [\"渝中区\", \"大渡口区\", \"江北区\", \"南岸区\", \"北碚区\", \"渝北区\", \"巴南区\", \"长寿区\", \"双桥区\", \"沙坪坝区\", \"万盛区\", \"万州区\", \"涪陵区\", \"黔江区\", \"永川区\", \"合川区\", \"江津区\", \"九龙坡区\", \"南川区\", \"綦江县\", \"潼南县\", \"荣昌县\", \"璧山县\", \"大足县\", \"铜梁县\", \"梁平县\", \"开县\", \"忠县\", \"城口县\", \"垫江县\", \"武隆县\", \"丰都县\", \"奉节县\",\n",[32,768,769],{"class":34,"line":541},[32,770,771],{},"      \"云阳县\", \"巫溪县\", \"巫山县\", \"石柱土家族自治县\", \"秀山土家族苗族自治县\", \"酉阳土家族苗族自治县\", \"彭水苗族土家族自治县\"\n",[32,773,774],{"class":34,"line":551},[32,775,776],{},"    ],\n",[32,778,779],{"class":34,"line":562},[32,780,781],{},"    河北: [\"石家庄\", \"唐山\", \"秦皇岛\", \"邯郸\", \"邢台\", \"保定\", \"张家口\", \"承德\", \"沧州\", \"廊坊\", \"衡水\"],\n",[32,783,784],{"class":34,"line":568},[32,785,786],{},"    山西: [\"太原\", \"大同\", \"阳泉\", \"长治\", \"晋城\", \"朔州\", \"晋中\", \"运城\", \"忻州\", \"临汾\", \"吕梁\"],\n",[32,788,789],{"class":34,"line":591},[32,790,791],{},"    辽宁: [\"沈阳\", \"大连\", \"鞍山\", \"抚顺\", \"本溪\", \"丹东\", \"锦州\", \"营口\", \"阜新\", \"辽阳\", \"盘锦\", \"铁岭\", \"朝阳\", \"葫芦岛\"],\n",[32,793,794],{"class":34,"line":602},[32,795,796],{},"    吉林: [\"长春\", \"吉林\", \"四平\", \"辽源\", \"通化\", \"白山\", \"松原\", \"白城\", \"延边朝鲜族自治州\"],\n",[32,798,799],{"class":34,"line":608},[32,800,801],{},"    黑龙江: [\"哈尔滨\", \"齐齐哈尔\", \"鹤岗\", \"双鸭山\", \"鸡西\", \"大庆\", \"伊春\", \"牡丹江\", \"佳木斯\", \"七台河\", \"黑河\", \"绥化\", \"大兴安岭\"],\n",[32,803,804],{"class":34,"line":648},[32,805,806],{},"    江苏: [\"南京\", \"苏州\", \"无锡\", \"常州\", \"镇江\", \"南通\", \"泰州\", \"扬州\", \"盐城\", \"连云港\", \"徐州\", \"淮安\", \"宿迁\"],\n",[32,808,809],{"class":34,"line":667},[32,810,811],{},"    浙江: [\"杭州\", \"宁波\", \"温州\", \"嘉兴\", \"湖州\", \"绍兴\", \"金华\", \"衢州\", \"舟山\", \"台州\", \"丽水\"],\n",[32,813,814],{"class":34,"line":676},[32,815,816],{},"    安徽: [\"合肥\", \"芜湖\", \"蚌埠\", \"淮南\", \"马鞍山\", \"淮北\", \"铜陵\", \"安庆\", \"黄山\", \"滁州\", \"阜阳\", \"宿州\", \"巢湖\", \"六安\", \"亳州\", \"池州\", \"宣城\"],\n",[32,818,819],{"class":34,"line":706},[32,820,821],{},"    福建: [\"福州\", \"厦门\", \"莆田\", \"三明\", \"泉州\", \"漳州\", \"南平\", \"龙岩\", \"宁德\"],\n",[32,823,825],{"class":34,"line":824},22,[32,826,827],{},"    江西: [\"南昌\", \"景德镇\", \"萍乡\", \"九江\", \"新余\", \"鹰潭\", \"赣州\", \"吉安\", \"宜春\", \"抚州\", \"上饶\"],\n",[32,829,831],{"class":34,"line":830},23,[32,832,833],{},"    山东: [\"烟台\", \"日照\", \"青岛\", \"淄博\", \"枣庄\", \"东营\", \"潍坊\", \"济宁\", \"泰安\", \"威海\", \"莱芜\", \"临沂\", \"德州\", \"聊城\", \"滨州\", \"菏泽\", \"济南\"],\n",[32,835,837],{"class":34,"line":836},24,[32,838,839],{},"    河南: [\"郑州\", \"开封\", \"洛阳\", \"平顶山\", \"安阳\", \"鹤壁\", \"新乡\", \"焦作\", \"濮阳\", \"许昌\", \"漯河\", \"三门峡\", \"南阳\", \"商丘\", \"信阳\", \"周口\", \"驻马店\"],\n",[32,841,843],{"class":34,"line":842},25,[32,844,845],{},"    湖北: [\"武汉\", \"黄石\", \"十堰\", \"荆州\", \"宜昌\", \"襄樊\", \"鄂州\", \"荆门\", \"孝感\", \"黄冈\", \"咸宁\", \"随州\", \"恩施\"],\n",[32,847,849],{"class":34,"line":848},26,[32,850,851],{},"    湖南: [\"长沙\", \"株洲\", \"湘潭\", \"衡阳\", \"邵阳\", \"岳阳\", \"常德\", \"张家界\", \"益阳\", \"郴州\", \"永州\", \"怀化\", \"娄底\", \"湘西\"],\n",[32,853,855],{"class":34,"line":854},27,[32,856,857],{},"    广东: [\"广州\", \"深圳\", \"珠海\", \"汕头\", \"韶关\", \"佛山\", \"江门\", \"湛江\", \"茂名\", \"肇庆\", \"惠州\", \"梅州\", \"汕尾\", \"河源\", \"阳江\", \"清远\", \"东莞\", \"中山\", \"潮州\", \"揭阳\", \"云浮\"],\n",[32,859,861],{"class":34,"line":860},28,[32,862,863],{},"    海南: [\"海口\", \"三亚\"],\n",[32,865,867],{"class":34,"line":866},29,[32,868,869],{},"    四川: [\"成都\", \"自贡\", \"攀枝花\", \"泸州\", \"德阳\", \"绵阳\", \"广元\", \"遂宁\", \"内江\", \"乐山\", \"南充\", \"眉山\", \"宜宾\", \"广安\", \"达州\", \"雅安\", \"巴中\", \"资阳\", \"阿坝\", \"甘孜\", \"凉山\"],\n",[32,871,873],{"class":34,"line":872},30,[32,874,875],{},"    贵州: [\"贵阳\", \"六盘水\", \"遵义\", \"安顺\", \"铜仁\", \"毕节\", \"黔西南\", \"黔东南\", \"黔南\"],\n",[32,877,879],{"class":34,"line":878},31,[32,880,881],{},"    云南: [\"昆明\", \"曲靖\", \"玉溪\", \"保山\", \"昭通\", \"丽江\", \"普洱\", \"临沧\", \"德宏\", \"怒江\", \"迪庆\", \"大理\", \"楚雄\", \"红河\", \"文山\", \"西双版纳\"],\n",[32,883,885],{"class":34,"line":884},32,[32,886,887],{},"    陕西: [\"西安\", \"铜川\", \"宝鸡\", \"咸阳\", \"渭南\", \"延安\", \"汉中\", \"榆林\", \"安康\", \"商洛\"],\n",[32,889,891],{"class":34,"line":890},33,[32,892,893],{},"    甘肃: [\"兰州\", \"嘉峪关\", \"金昌\", \"白银\", \"天水\", \"武威\", \"酒泉\", \"张掖\", \"庆阳\", \"平凉\", \"定西\", \"陇南\", \"临夏\", \"甘南\"],\n",[32,895,897],{"class":34,"line":896},34,[32,898,899],{},"    青海: [\"西宁\", \"海东\", \"海北\", \"海南\", \"黄南\", \"果洛\", \"玉树\", \"海西\"],\n",[32,901,903],{"class":34,"line":902},35,[32,904,905],{},"    内蒙古: [\"呼和浩特\", \"包头\", \"乌海\", \"赤峰\", \"通辽\", \"鄂尔多斯\", \"呼伦贝尔\", \"巴彦淖尔\", \"乌兰察布\", \"锡林郭勒盟\", \"兴安盟\", \"阿拉善盟\"],\n",[32,907,909],{"class":34,"line":908},36,[32,910,911],{},"    广西: [\"南宁\", \"柳州\", \"桂林\", \"梧州\", \"北海\", \"防城港\", \"钦州\", \"贵港\", \"玉林\", \"百色\", \"贺州\", \"河池\", \"来宾\", \"崇左\"],\n",[32,913,915],{"class":34,"line":914},37,[32,916,917],{},"    西藏: [\"拉萨\", \"那曲\", \"昌都\", \"林芝\", \"山南\", \"日喀则\", \"阿里\"],\n",[32,919,921],{"class":34,"line":920},38,[32,922,923],{},"    宁夏: [\"银川\", \"石嘴山\", \"吴忠\", \"固原\", \"中卫\"],\n",[32,925,927],{"class":34,"line":926},39,[32,928,929],{},"    新疆维吾尔: [\"乌鲁木齐\", \"克拉玛依\", \"吐鲁番\", \"哈密\", \"和田\", \"阿克苏\", \"喀什\", \"克孜勒苏\", \"巴音郭楞\", \"昌吉\", \"博尔塔拉\", \"伊犁\", \"塔城\", \"阿勒泰\"],\n",[32,931,933],{"class":34,"line":932},40,[32,934,935],{},"    香港: [\"香港岛\", \"九龙东\", \"九龙西\", \"新界东\", \"新界西\"],\n",[32,937,939],{"class":34,"line":938},41,[32,940,941],{},"    澳门: [\"澳门半岛\", \"离岛\"],\n",[32,943,945],{"class":34,"line":944},42,[32,946,947],{},"    台湾: [\"台北\", \"高雄\", \"基隆\", \"新竹\", \"台中\", \"嘉义\", \"台南市\"]\n",[32,949,951],{"class":34,"line":950},43,[32,952,953],{},"  };\n",[32,955,957],{"class":34,"line":956},44,[32,958,605],{"emptyLinePlaceholder":101},[32,960,962],{"class":34,"line":961},45,[32,963,964],{},"  $(document).ready(function() {\n",[32,966,968],{"class":34,"line":967},46,[32,969,970],{},"    for (var i = 0; i \u003C pro.length; i++) {\n",[32,972,974],{"class":34,"line":973},47,[32,975,976],{},"      $option = $(\"\u003Coption\u002F>\");\n",[32,978,980],{"class":34,"line":979},48,[32,981,982],{},"      $option.attr(\"value\", pro[i]);\n",[32,984,986],{"class":34,"line":985},49,[32,987,988],{},"      $option.text(pro[i]);\n",[32,990,992],{"class":34,"line":991},50,[32,993,994],{},"      $(\".province\").append($option);\n",[32,996,998],{"class":34,"line":997},51,[32,999,1000],{},"    }\n",[32,1002,1004],{"class":34,"line":1003},52,[32,1005,1006],{},"    $(\".province\").change(function() {\n",[32,1008,1010],{"class":34,"line":1009},53,[32,1011,605],{"emptyLinePlaceholder":101},[32,1013,1015],{"class":34,"line":1014},54,[32,1016,1017],{},"      var cities = city[$(this).val()];\n",[32,1019,1021],{"class":34,"line":1020},55,[32,1022,1023],{},"      $(\".city\").empty();\n",[32,1025,1027],{"class":34,"line":1026},56,[32,1028,1029],{},"      $(\".city\").append(\"\u003Coption value=''>请选择\u003C\u002Foption>\");\n",[32,1031,1033],{"class":34,"line":1032},57,[32,1034,1035],{},"      for (var i = 0; i \u003C cities.length; i++) {\n",[32,1037,1039],{"class":34,"line":1038},58,[32,1040,605],{"emptyLinePlaceholder":101},[32,1042,1044],{"class":34,"line":1043},59,[32,1045,1046],{},"        $option = $(\"\u003Coption\u002F>\");\n",[32,1048,1050],{"class":34,"line":1049},60,[32,1051,1052],{},"        $option.attr(\"value\", cities[i]);\n",[32,1054,1056],{"class":34,"line":1055},61,[32,1057,1058],{},"        $option.text(cities[i]);\n",[32,1060,1062],{"class":34,"line":1061},62,[32,1063,1064],{},"        $(\".city\").append($option);\n",[32,1066,1068],{"class":34,"line":1067},63,[32,1069,1070],{},"      }\n",[32,1072,1074],{"class":34,"line":1073},64,[32,1075,1076],{},"    });\n",[32,1078,1080],{"class":34,"line":1079},65,[32,1081,1082],{},"  });\n",[32,1084,1086],{"class":34,"line":1085},66,[32,1087,1088],{},"\u003C\u002Fscript>\n",[153,1090,1091],{},[333,1092,1095],{"href":1093,"rel":1094},"https:\u002F\u002Fjquery.com\u002F",[337],"jQuery 官网",[86,1097,1098],{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .s4JwU, html code.shiki .s4JwU{--shiki-default:#85E89D}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}",{"title":27,"searchDepth":41,"depth":41,"links":1100},[],"2020-07-21",{},"\u002Fblog\u002Fprovince_city_linked_dropdown_jquery",{"title":416,"description":416},"blog\u002Fprovince_city_linked_dropdown_jquery",[1107],"jQuery","hgMikdUDWN6pS2_7hyI-q5dkSudGYq5jczxYokDIbrs",{"id":1110,"title":1111,"body":1112,"category":95,"cover":96,"csdn":96,"date":1157,"description":1111,"draft":98,"extension":99,"meta":1158,"navigation":101,"path":1159,"seo":1160,"stem":1161,"tags":1162,"updated":96,"__hash__":1163},"blog\u002Fblog\u002Fwindows10_completely_remove_uninstall_mysql.md","Windows10 彻底删除卸载 MySQL",{"type":8,"value":1113,"toc":1155},[1114,1134,1152],[118,1115,1116,1119,1122,1125,1128,1131],{},[121,1117,1118],{},"停止MySQL服务\n开始 -> 所有应用 -> Windows管理工具 -> 服务，将MySQL服务停止。",[121,1120,1121],{},"卸载mysql server\n控制面板 -> 卸载程序，将mysql server卸载。",[121,1123,1124],{},"将MySQL安装目录下的MySQL文件夹删除（我的安装目录是C:\\Program Files (x86)\\MySQL）",[121,1126,1127],{},"win + r 运行“regedit”文件，打开注册表。\n删除HKEY_LOCAL_MACHINE \\ SYSTEM \\ ControlSet001 \\ Services \\ Eventlog \\ Application \\ MySQL 文件夹\n删除HKEY_LOCAL_MACHINE \\ SYSTEM \\ ControlSet002 \\ Services \\ Eventlog \\ Application \\ MySQL 文件夹\n删除HKEY_LOCAL_MACHINE \\ SYSTEM \\ CurrentControlSet \\ Services \\ Eventlog \\ Application \\ MySQL 文件夹。\n如果没有相应的文件夹，就不用删除了。",[121,1129,1130],{},"删除C盘下的“C:\\ProgramData\\MySQL ”文件夹，",[121,1132,1133],{},"开始 -> 所有应用 -> Windows管理工具 -> 服务\n如果MySQL服务仍然残留在系统服务里 （我的计算机仍有MySQL57服务存在）\n右击开始 -> 命令提示符（管理员）管理员\n输入一条命令就可以将服务删除",[22,1135,1139],{"className":1136,"code":1137,"language":1138,"meta":27,"style":27},"language-bash shiki shiki-themes github-dark","sc delete MySQL57\n","bash",[29,1140,1141],{"__ignoreMap":27},[32,1142,1143,1146,1149],{"class":34,"line":35},[32,1144,1145],{"class":233},"sc",[32,1147,1148],{"class":240}," delete",[32,1150,1151],{"class":240}," MySQL57\n",[86,1153,1154],{},"html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":27,"searchDepth":41,"depth":41,"links":1156},[],"2020-06-18",{},"\u002Fblog\u002Fwindows10_completely_remove_uninstall_mysql",{"title":1111,"description":1111},"blog\u002Fwindows10_completely_remove_uninstall_mysql",[412],"JAofvi5vjqChhvXq7hM0l4mVtMQEW3OQX-8sjjbtOoc",{"id":1165,"title":1166,"body":1167,"category":95,"cover":96,"csdn":96,"date":1236,"description":1166,"draft":98,"extension":99,"meta":1237,"navigation":101,"path":1238,"seo":1239,"stem":1240,"tags":1241,"updated":96,"__hash__":1243},"blog\u002Fblog\u002Flinux_centos_delete_file_and_delete_folder.md","Linux CentOS 删除文件 & 删除文件夹",{"type":8,"value":1168,"toc":1233},[1169,1172,1180,1185,1192,1195,1198,1203,1205,1207,1209,1212,1215,1221,1223,1226],[153,1170,1171],{},"1.使用命令",[22,1173,1178],{"className":1174,"code":1176,"language":1177},[1175],"language-text"," abc 文件夹\n abc.txt 文件\n","text",[29,1179,1176],{"__ignoreMap":27},[153,1181,1182],{},[156,1183],{"alt":158,"src":1184},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F6be2dd927cb5530f8db20045e9a6d6cb.png#pic_center",[11,1186,1188],{"id":1187},"rm-rf-使用需谨慎",[1189,1190,1191],"strong",{},"rm -rf 使用需谨慎。",[153,1193,1194],{},"-r 递归式地删除列出的目录下的所有目录和文件",[153,1196,1197],{},"-f 忽略不存在的文件，强制删除，无任何提示",[153,1199,1200],{},[156,1201],{"alt":158,"src":1202},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F46c0cf61fd02d66aa2c4e91f8d6a5f24.png#pic_center",[506,1204],{},[506,1206],{},[506,1208],{},[1210,1211],"hr",{},[153,1213,1214],{},"2.使用可视化软件",[153,1216,1217,1218],{},"可以使用 File Zilla 这款软件\n",[156,1219],{"alt":158,"src":1220},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F228a8f541870ea57363dbf95585feae5.png",[506,1222],{},[153,1224,1225],{},"连接上远程服务器，熟悉的 windows 又回来了 *",[153,1227,1228,1230],{},[506,1229],{},[156,1231],{"alt":158,"src":1232},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002Fa32e3bb3fdbe4d638f268b370a720a57.png",{"title":27,"searchDepth":41,"depth":41,"links":1234},[1235],{"id":1187,"depth":41,"text":1191},"2020-06-16",{},"\u002Fblog\u002Flinux_centos_delete_file_and_delete_folder",{"title":1166,"description":1166},"blog\u002Flinux_centos_delete_file_and_delete_folder",[1242],"Linux","17oZ9-SAWaQSYiaz8WObH3erIWvtXlDAjJ5RJqGbmvU",{"id":1245,"title":1246,"body":1247,"category":95,"cover":96,"csdn":96,"date":1876,"description":1246,"draft":98,"extension":99,"meta":1877,"navigation":101,"path":1878,"seo":1879,"stem":1880,"tags":1881,"updated":96,"__hash__":1883},"blog\u002Fblog\u002Fjavascript_event_1.md","JavaScript 事件 1",{"type":8,"value":1248,"toc":1874},[1249,1253,1457,1460,1471,1614,1617,1623,1627,1648,1651,1656,1664,1723,1739,1808,1814,1817,1825,1871],[1250,1251,1252],"h1",{"id":1252},"绑定事件处理函数",[22,1254,1258],{"className":1255,"code":1256,"language":1257,"meta":27,"style":27},"language-javascript shiki shiki-themes github-dark","1. \u002F\u002F 只能绑定一个\ndiv.onclick = function () {\n    this.style.backgroundColor = 'red';\n}\n\u002F\u002F 基本等同于写在行间样式上\n\u003Cdiv onclick=\"alter('')\"> \u003C\u002Fdiv>\n\n------------------------------------------------------------------------------\n\n2. \u002F\u002F IE8 no\n   \u002F\u002F 可绑定多个\n   \u002F\u002F 填3个参数（事件类型, 处理函数, false）\ndiv.addEventListener('click', function(){\n\n}, false);\n\n------------------------------------------------------------------------------\n\n3. \u002F\u002F IE 独有\n   \u002F\u002F 可绑定多个\n   \u002F\u002F 填2个参数（'on' + type, fn)\n   \u002F\u002F 较addEventlistener更为松散\nobj.attachEvent('onclick', function () {});\n\n","javascript",[29,1259,1260,1270,1288,1304,1309,1314,1335,1339,1344,1348,1356,1361,1366,1388,1392,1403,1407,1411,1415,1423,1427,1432,1437],{"__ignoreMap":27},[32,1261,1262,1266],{"class":34,"line":35},[32,1263,1265],{"class":1264},"sDLfK","1.",[32,1267,1269],{"class":1268},"sAwPA"," \u002F\u002F 只能绑定一个\n",[32,1271,1272,1275,1278,1282,1285],{"class":34,"line":41},[32,1273,1274],{"class":225},"div.",[32,1276,1277],{"class":233},"onclick",[32,1279,1281],{"class":1280},"snl16"," =",[32,1283,1284],{"class":1280}," function",[32,1286,1287],{"class":225}," () {\n",[32,1289,1290,1293,1296,1298,1301],{"class":34,"line":47},[32,1291,1292],{"class":1264},"    this",[32,1294,1295],{"class":225},".style.backgroundColor ",[32,1297,237],{"class":1280},[32,1299,1300],{"class":240}," 'red'",[32,1302,1303],{"class":225},";\n",[32,1305,1306],{"class":34,"line":53},[32,1307,1308],{"class":225},"}\n",[32,1310,1311],{"class":34,"line":59},[32,1312,1313],{"class":1268},"\u002F\u002F 基本等同于写在行间样式上\n",[32,1315,1316,1318,1321,1324,1326,1329,1331,1333],{"class":34,"line":489},[32,1317,226],{"class":225},[32,1319,1320],{"class":229},"div",[32,1322,1323],{"class":233}," onclick",[32,1325,237],{"class":1280},[32,1327,1328],{"class":240},"\"alter('')\"",[32,1330,244],{"class":225},[32,1332,1320],{"class":229},[32,1334,249],{"class":225},[32,1336,1337],{"class":34,"line":500},[32,1338,605],{"emptyLinePlaceholder":101},[32,1340,1341],{"class":34,"line":512},[32,1342,1343],{"class":1280},"------------------------------------------------------------------------------\n",[32,1345,1346],{"class":34,"line":521},[32,1347,605],{"emptyLinePlaceholder":101},[32,1349,1350,1353],{"class":34,"line":531},[32,1351,1352],{"class":1264},"2.",[32,1354,1355],{"class":1268}," \u002F\u002F IE8 no\n",[32,1357,1358],{"class":34,"line":541},[32,1359,1360],{"class":1268},"   \u002F\u002F 可绑定多个\n",[32,1362,1363],{"class":34,"line":551},[32,1364,1365],{"class":1268},"   \u002F\u002F 填3个参数（事件类型, 处理函数, false）\n",[32,1367,1368,1370,1373,1376,1379,1382,1385],{"class":34,"line":562},[32,1369,1274],{"class":225},[32,1371,1372],{"class":233},"addEventListener",[32,1374,1375],{"class":225},"(",[32,1377,1378],{"class":240},"'click'",[32,1380,1381],{"class":225},", ",[32,1383,1384],{"class":1280},"function",[32,1386,1387],{"class":225},"(){\n",[32,1389,1390],{"class":34,"line":568},[32,1391,605],{"emptyLinePlaceholder":101},[32,1393,1394,1397,1400],{"class":34,"line":591},[32,1395,1396],{"class":225},"}, ",[32,1398,1399],{"class":1264},"false",[32,1401,1402],{"class":225},");\n",[32,1404,1405],{"class":34,"line":602},[32,1406,605],{"emptyLinePlaceholder":101},[32,1408,1409],{"class":34,"line":608},[32,1410,1343],{"class":1280},[32,1412,1413],{"class":34,"line":648},[32,1414,605],{"emptyLinePlaceholder":101},[32,1416,1417,1420],{"class":34,"line":667},[32,1418,1419],{"class":1264},"3.",[32,1421,1422],{"class":1268}," \u002F\u002F IE 独有\n",[32,1424,1425],{"class":34,"line":676},[32,1426,1360],{"class":1268},[32,1428,1429],{"class":34,"line":706},[32,1430,1431],{"class":1268},"   \u002F\u002F 填2个参数（'on' + type, fn)\n",[32,1433,1434],{"class":34,"line":824},[32,1435,1436],{"class":1268},"   \u002F\u002F 较addEventlistener更为松散\n",[32,1438,1439,1442,1445,1447,1450,1452,1454],{"class":34,"line":830},[32,1440,1441],{"class":225},"obj.",[32,1443,1444],{"class":233},"attachEvent",[32,1446,1375],{"class":225},[32,1448,1449],{"class":240},"'onclick'",[32,1451,1381],{"class":225},[32,1453,1384],{"class":1280},[32,1455,1456],{"class":225}," () {});\n",[1250,1458,1459],{"id":1459},"事件处理程序的运行环境",[118,1461,1462,1465,1468],{},[121,1463,1464],{},"ele.onxxx = function (event) {} \u002F\u002F this --> dom",[121,1466,1467],{},"obj.addEventListener (type, fn, false); this --> dom",[121,1469,1470],{},"obj.attachEvent('on' + type, fn); this --> window",[22,1472,1474],{"className":1255,"code":1473,"language":1257,"meta":27,"style":27},"\u002F\u002F 封装兼容性 addEvent(ele, type, handle)方法 *\nfunction addEvent(ele, type, handle) {\n  if (ele.addEventListener) {\n    ele.addEventListener(type, handle, false);\n  } else if (ele.attachEvent) {\n    ele.attachEvent(\"on\" + type, function () {\n      handle.call(ele);\n    });\n  } else {\n    ele[\"on\" + type] = handle;\n  }\n}\n",[29,1475,1476,1481,1507,1515,1529,1543,1564,1575,1579,1588,1605,1610],{"__ignoreMap":27},[32,1477,1478],{"class":34,"line":35},[32,1479,1480],{"class":1268},"\u002F\u002F 封装兼容性 addEvent(ele, type, handle)方法 *\n",[32,1482,1483,1485,1488,1490,1494,1496,1499,1501,1504],{"class":34,"line":41},[32,1484,1384],{"class":1280},[32,1486,1487],{"class":233}," addEvent",[32,1489,1375],{"class":225},[32,1491,1493],{"class":1492},"s9osk","ele",[32,1495,1381],{"class":225},[32,1497,1498],{"class":1492},"type",[32,1500,1381],{"class":225},[32,1502,1503],{"class":1492},"handle",[32,1505,1506],{"class":225},") {\n",[32,1508,1509,1512],{"class":34,"line":47},[32,1510,1511],{"class":1280},"  if",[32,1513,1514],{"class":225}," (ele.addEventListener) {\n",[32,1516,1517,1520,1522,1525,1527],{"class":34,"line":53},[32,1518,1519],{"class":225},"    ele.",[32,1521,1372],{"class":233},[32,1523,1524],{"class":225},"(type, handle, ",[32,1526,1399],{"class":1264},[32,1528,1402],{"class":225},[32,1530,1531,1534,1537,1540],{"class":34,"line":59},[32,1532,1533],{"class":225},"  } ",[32,1535,1536],{"class":1280},"else",[32,1538,1539],{"class":1280}," if",[32,1541,1542],{"class":225}," (ele.attachEvent) {\n",[32,1544,1545,1547,1549,1551,1554,1557,1560,1562],{"class":34,"line":489},[32,1546,1519],{"class":225},[32,1548,1444],{"class":233},[32,1550,1375],{"class":225},[32,1552,1553],{"class":240},"\"on\"",[32,1555,1556],{"class":1280}," +",[32,1558,1559],{"class":225}," type, ",[32,1561,1384],{"class":1280},[32,1563,1287],{"class":225},[32,1565,1566,1569,1572],{"class":34,"line":500},[32,1567,1568],{"class":225},"      handle.",[32,1570,1571],{"class":233},"call",[32,1573,1574],{"class":225},"(ele);\n",[32,1576,1577],{"class":34,"line":512},[32,1578,1076],{"class":225},[32,1580,1581,1583,1585],{"class":34,"line":521},[32,1582,1533],{"class":225},[32,1584,1536],{"class":1280},[32,1586,1587],{"class":225}," {\n",[32,1589,1590,1593,1595,1597,1600,1602],{"class":34,"line":531},[32,1591,1592],{"class":225},"    ele[",[32,1594,1553],{"class":240},[32,1596,1556],{"class":1280},[32,1598,1599],{"class":225}," type] ",[32,1601,237],{"class":1280},[32,1603,1604],{"class":225}," handle;\n",[32,1606,1607],{"class":34,"line":541},[32,1608,1609],{"class":225},"  }\n",[32,1611,1612],{"class":34,"line":551},[32,1613,1308],{"class":225},[1250,1615,1616],{"id":1616},"解除事件处理程序",[22,1618,1621],{"className":1619,"code":1620,"language":1177},[1175],"ele.onclick = false\u002F''\u002Fnull;\nele.removeEventListener(type, test, false);\nele.detachEvent('on' + type, test);\n\u002F\u002F 若绑定匿名函数则无法解除。\n",[29,1622,1620],{"__ignoreMap":27},[1250,1624,1626],{"id":1625},"事件处理模型-事件的冒泡捕获","事件处理模型-事件的冒泡、捕获 *",[1628,1629,1630,1633,1636,1639,1642],"ul",{},[121,1631,1632],{},"冒泡：结构上嵌套关系的元素，自子元素冒泡向父元素；",[121,1634,1635],{},"捕获：结构上嵌套关系的元素，自父元素捕获至子元素。 ele.addEventListener('click', function() {}, true);",[121,1637,1638],{},"\u002F\u002F IE no",[121,1640,1641],{},"触发顺序，先捕获，后冒泡。",[121,1643,1644,1645],{},"focus, blur, change, submit, reset, select等事件不冒泡。\n",[156,1646],{"alt":158,"src":1647},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F9c4bbc4e883e4b4031c9c26367d8e777.png",[1250,1649,1650],{"id":1650},"取消冒泡和阻止默认事件",[1628,1652,1653],{},[121,1654,1655],{},"取消冒泡：",[118,1657,1658,1661],{},[121,1659,1660],{},"W3C标准 event.stopPropagation(); IE8 no",[121,1662,1663],{},"IE event.cancelBubble = true;",[22,1665,1667],{"className":1255,"code":1666,"language":1257,"meta":27,"style":27},"\u002F\u002F 封装取消冒泡的函数 stopBubble(event) {\n    if(event.stopPropagation){\n        event.stopPropagation();\n    }else{\n        event.cancelBubble = true;\n    }\n}\n",[29,1668,1669,1674,1682,1693,1703,1715,1719],{"__ignoreMap":27},[32,1670,1671],{"class":34,"line":35},[32,1672,1673],{"class":1268},"\u002F\u002F 封装取消冒泡的函数 stopBubble(event) {\n",[32,1675,1676,1679],{"class":34,"line":41},[32,1677,1678],{"class":1280},"    if",[32,1680,1681],{"class":225},"(event.stopPropagation){\n",[32,1683,1684,1687,1690],{"class":34,"line":47},[32,1685,1686],{"class":225},"        event.",[32,1688,1689],{"class":233},"stopPropagation",[32,1691,1692],{"class":225},"();\n",[32,1694,1695,1698,1700],{"class":34,"line":53},[32,1696,1697],{"class":225},"    }",[32,1699,1536],{"class":1280},[32,1701,1702],{"class":225},"{\n",[32,1704,1705,1708,1710,1713],{"class":34,"line":59},[32,1706,1707],{"class":225},"        event.cancelBubble ",[32,1709,237],{"class":1280},[32,1711,1712],{"class":1264}," true",[32,1714,1303],{"class":225},[32,1716,1717],{"class":34,"line":489},[32,1718,1000],{"class":225},[32,1720,1721],{"class":34,"line":500},[32,1722,1308],{"class":225},[1628,1724,1725],{},[121,1726,1727,1728],{},"阻止默认事件：\n默认事件-表单提交，a标签跳转，右键菜单等\n",[118,1729,1730,1733,1736],{},[121,1731,1732],{},"return false; 以对象属性的方式注册的事件才生效 \u002F\u002F兼容性好、原始、以句柄的方式来阻止默认事件，所以只有以句柄的方式绑定的事件才ok addEventListener(), attachEvent() no",[121,1734,1735],{},"event.preventDefault(); \u002F\u002F W3C标准，IE8 no",[121,1737,1738],{},"event.returnValue = false; 兼容IE",[22,1740,1742],{"className":1255,"code":1741,"language":1257,"meta":27,"style":27},"\u002F\u002F 封装阻止默认事件的函数 cancelHandler(event);\nfunction cancelHandle(event) {\n  if (event.preventDefault) {\n    event.preventDefault();\n  } else {\n    event.returnValue = false;\n  }\n}\n",[29,1743,1744,1749,1763,1770,1780,1788,1800,1804],{"__ignoreMap":27},[32,1745,1746],{"class":34,"line":35},[32,1747,1748],{"class":1268},"\u002F\u002F 封装阻止默认事件的函数 cancelHandler(event);\n",[32,1750,1751,1753,1756,1758,1761],{"class":34,"line":41},[32,1752,1384],{"class":1280},[32,1754,1755],{"class":233}," cancelHandle",[32,1757,1375],{"class":225},[32,1759,1760],{"class":1492},"event",[32,1762,1506],{"class":225},[32,1764,1765,1767],{"class":34,"line":47},[32,1766,1511],{"class":1280},[32,1768,1769],{"class":225}," (event.preventDefault) {\n",[32,1771,1772,1775,1778],{"class":34,"line":53},[32,1773,1774],{"class":225},"    event.",[32,1776,1777],{"class":233},"preventDefault",[32,1779,1692],{"class":225},[32,1781,1782,1784,1786],{"class":34,"line":59},[32,1783,1533],{"class":225},[32,1785,1536],{"class":1280},[32,1787,1587],{"class":225},[32,1789,1790,1793,1795,1798],{"class":34,"line":489},[32,1791,1792],{"class":225},"    event.returnValue ",[32,1794,237],{"class":1280},[32,1796,1797],{"class":1264}," false",[32,1799,1303],{"class":225},[32,1801,1802],{"class":34,"line":500},[32,1803,1609],{"class":225},[32,1805,1806],{"class":34,"line":512},[32,1807,1308],{"class":225},[153,1809,1810,1811],{},"阻止右键菜单\n",[156,1812],{"alt":158,"src":1813},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F20b521fb612d994699e5d7e48bbb883d.png",[1250,1815,1816],{"id":1816},"事件对象",[1628,1818,1819,1822],{},[121,1820,1821],{},"event || window.event 用于IE",[121,1823,1824],{},"事件源对象\nevent.target firlfox只有这个\nevent.srcElement IE只有这个\nchrome 都有",[22,1826,1828],{"className":1255,"code":1827,"language":1257,"meta":27,"style":27},"\u002F\u002F 兼容性写法\nvar event = e || window.event;\nvar target = event.target || event.srcElement;\n",[29,1829,1830,1835,1854],{"__ignoreMap":27},[32,1831,1832],{"class":34,"line":35},[32,1833,1834],{"class":1268},"\u002F\u002F 兼容性写法\n",[32,1836,1837,1840,1843,1845,1848,1851],{"class":34,"line":41},[32,1838,1839],{"class":1280},"var",[32,1841,1842],{"class":225}," event ",[32,1844,237],{"class":1280},[32,1846,1847],{"class":225}," e ",[32,1849,1850],{"class":1280},"||",[32,1852,1853],{"class":225}," window.event;\n",[32,1855,1856,1858,1861,1863,1866,1868],{"class":34,"line":47},[32,1857,1839],{"class":1280},[32,1859,1860],{"class":225}," target ",[32,1862,237],{"class":1280},[32,1864,1865],{"class":225}," event.target ",[32,1867,1850],{"class":1280},[32,1869,1870],{"class":225}," event.srcElement;\n",[86,1872,1873],{},"html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html pre.shiki code .sAwPA, html code.shiki .sAwPA{--shiki-default:#6A737D}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html pre.shiki code .s4JwU, html code.shiki .s4JwU{--shiki-default:#85E89D}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .s9osk, html code.shiki .s9osk{--shiki-default:#FFAB70}",{"title":27,"searchDepth":41,"depth":41,"links":1875},[],"2020-05-10",{},"\u002Fblog\u002Fjavascript_event_1",{"title":1246,"description":1246},"blog\u002Fjavascript_event_1",[1882],"JavaScript","EVIzhitMqHVJXQszS9clgcvM2Gb1u4Tp8vrElI9_A4M",{"id":1885,"title":1886,"body":1887,"category":95,"cover":96,"csdn":96,"date":1876,"description":1886,"draft":98,"extension":99,"meta":2182,"navigation":101,"path":2183,"seo":2184,"stem":2185,"tags":2186,"updated":96,"__hash__":2187},"blog\u002Fblog\u002Fjavascript_event_2.md","JavaScript 事件 2",{"type":8,"value":1888,"toc":2176},[1889,1892,1906,2111,2114,2128,2131,2153,2156,2173],[11,1890,1891],{"id":1891},"鼠标事件",[1628,1893,1894,1897,1900,1903],{},[121,1895,1896],{},"click、mousedown、mousemove、mouseup、contextmenu、\nmouseover、mouseout、mouseenter、mouseleave \u002F\u002F 都没有驼峰",[121,1898,1899],{},"用button来区分鼠标的按键。 \u002F\u002F 扫雷 只有可以mouseup mousedown\n\u002F\u002F e.button = 0\u002F1\u002F2",[121,1901,1902],{},"DOM3标准规定：click时间只能监听左键，只能通过mouseup mousedown来判断鼠标键",[121,1904,1905],{},"如何解决 mousedown 和 click 的冲突。",[22,1907,1909],{"className":1255,"code":1908,"language":1257,"meta":27,"style":27},"var firstTime = 0;\nvar lastTime = 0;\nvar key = false;\ndocument.onmousedown = function () {\n  firstTime = new Date().getTime();\n};\ndocument.onmouseup = function () {\n  lastTime = new Date().getTime();\n  if (lastTime - firstTime \u003C 300) {\n    key = true;\n  }\n};\ndocument.onclick = function () {\n  if (key) {\n    console.log(\"click\");\n    key = false;\n  }\n};\n",[29,1910,1911,1925,1938,1951,1965,1986,1991,2004,2021,2040,2051,2055,2059,2071,2078,2093,2103,2107],{"__ignoreMap":27},[32,1912,1913,1915,1918,1920,1923],{"class":34,"line":35},[32,1914,1839],{"class":1280},[32,1916,1917],{"class":225}," firstTime ",[32,1919,237],{"class":1280},[32,1921,1922],{"class":1264}," 0",[32,1924,1303],{"class":225},[32,1926,1927,1929,1932,1934,1936],{"class":34,"line":41},[32,1928,1839],{"class":1280},[32,1930,1931],{"class":225}," lastTime ",[32,1933,237],{"class":1280},[32,1935,1922],{"class":1264},[32,1937,1303],{"class":225},[32,1939,1940,1942,1945,1947,1949],{"class":34,"line":47},[32,1941,1839],{"class":1280},[32,1943,1944],{"class":225}," key ",[32,1946,237],{"class":1280},[32,1948,1797],{"class":1264},[32,1950,1303],{"class":225},[32,1952,1953,1956,1959,1961,1963],{"class":34,"line":53},[32,1954,1955],{"class":225},"document.",[32,1957,1958],{"class":233},"onmousedown",[32,1960,1281],{"class":1280},[32,1962,1284],{"class":1280},[32,1964,1287],{"class":225},[32,1966,1967,1970,1972,1975,1978,1981,1984],{"class":34,"line":59},[32,1968,1969],{"class":225},"  firstTime ",[32,1971,237],{"class":1280},[32,1973,1974],{"class":1280}," new",[32,1976,1977],{"class":233}," Date",[32,1979,1980],{"class":225},"().",[32,1982,1983],{"class":233},"getTime",[32,1985,1692],{"class":225},[32,1987,1988],{"class":34,"line":489},[32,1989,1990],{"class":225},"};\n",[32,1992,1993,1995,1998,2000,2002],{"class":34,"line":500},[32,1994,1955],{"class":225},[32,1996,1997],{"class":233},"onmouseup",[32,1999,1281],{"class":1280},[32,2001,1284],{"class":1280},[32,2003,1287],{"class":225},[32,2005,2006,2009,2011,2013,2015,2017,2019],{"class":34,"line":512},[32,2007,2008],{"class":225},"  lastTime ",[32,2010,237],{"class":1280},[32,2012,1974],{"class":1280},[32,2014,1977],{"class":233},[32,2016,1980],{"class":225},[32,2018,1983],{"class":233},[32,2020,1692],{"class":225},[32,2022,2023,2025,2028,2031,2033,2035,2038],{"class":34,"line":521},[32,2024,1511],{"class":1280},[32,2026,2027],{"class":225}," (lastTime ",[32,2029,2030],{"class":1280},"-",[32,2032,1917],{"class":225},[32,2034,226],{"class":1280},[32,2036,2037],{"class":1264}," 300",[32,2039,1506],{"class":225},[32,2041,2042,2045,2047,2049],{"class":34,"line":531},[32,2043,2044],{"class":225},"    key ",[32,2046,237],{"class":1280},[32,2048,1712],{"class":1264},[32,2050,1303],{"class":225},[32,2052,2053],{"class":34,"line":541},[32,2054,1609],{"class":225},[32,2056,2057],{"class":34,"line":551},[32,2058,1990],{"class":225},[32,2060,2061,2063,2065,2067,2069],{"class":34,"line":562},[32,2062,1955],{"class":225},[32,2064,1277],{"class":233},[32,2066,1281],{"class":1280},[32,2068,1284],{"class":1280},[32,2070,1287],{"class":225},[32,2072,2073,2075],{"class":34,"line":568},[32,2074,1511],{"class":1280},[32,2076,2077],{"class":225}," (key) {\n",[32,2079,2080,2083,2086,2088,2091],{"class":34,"line":591},[32,2081,2082],{"class":225},"    console.",[32,2084,2085],{"class":233},"log",[32,2087,1375],{"class":225},[32,2089,2090],{"class":240},"\"click\"",[32,2092,1402],{"class":225},[32,2094,2095,2097,2099,2101],{"class":34,"line":602},[32,2096,2044],{"class":225},[32,2098,237],{"class":1280},[32,2100,1797],{"class":1264},[32,2102,1303],{"class":225},[32,2104,2105],{"class":34,"line":608},[32,2106,1609],{"class":225},[32,2108,2109],{"class":34,"line":648},[32,2110,1990],{"class":225},[11,2112,2113],{"id":2113},"事件练习",[1628,2115,2116,2119,2122,2125],{},[121,2117,2118],{},"拖拽应用",[121,2120,2121],{},"应用mousedown mousemove mouseup",[121,2123,2124],{},"随机移动的方块 \u002F\u002F 点不到我吧 \u002F\u002F 雪花飘落",[121,2126,2127],{},"mouseover",[11,2129,2130],{"id":2130},"键盘事件",[1628,2132,2133,2136,2139],{},[121,2134,2135],{},"keydown keypress keyup",[121,2137,2138],{},"keydown > keypress > keyup",[121,2140,2141,2142],{},"keydown 和 keypress的区别\n",[1628,2143,2144,2147],{},[121,2145,2146],{},"keydown 可以响应任何键盘按键，keypress只能响应字符类按键",[121,2148,2149,2150,2152],{},"keypress 返回ASCII码，可以转换成响应字符。",[506,2151],{},"document.onkeypress = function (e) {\nconsolo.log(String.fromCharCode(e.charCode));\n}",[11,2154,2155],{"id":2155},"事件分类",[1628,2157,2158,2161,2164,2167,2170],{},[121,2159,2160],{},"文本操作事件",[121,2162,2163],{},"input 内容有变化触发，focus ，blur，change 聚焦和失去焦点两个状态不一触发",[121,2165,2166],{},"窗体操作类（window上的事件）",[121,2168,2169],{},"scroll(滚动条滚动 事件触发) load(慢，所有结构渲染完毕后 触发)",[121,2171,2172],{},"小练习：fixed定位js兼容版",[86,2174,2175],{},"html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":27,"searchDepth":41,"depth":41,"links":2177},[2178,2179,2180,2181],{"id":1891,"depth":41,"text":1891},{"id":2113,"depth":41,"text":2113},{"id":2130,"depth":41,"text":2130},{"id":2155,"depth":41,"text":2155},{},"\u002Fblog\u002Fjavascript_event_2",{"title":1886,"description":1886},"blog\u002Fjavascript_event_2",[1882],"PlVtYkCJdujJgJK93M-LaJ1ZJ4ij8CEXs0jbKqDyLEQ",{"id":2189,"title":2190,"body":2191,"category":95,"cover":96,"csdn":96,"date":2346,"description":2190,"draft":98,"extension":99,"meta":2347,"navigation":101,"path":2348,"seo":2349,"stem":2350,"tags":2351,"updated":96,"__hash__":2352},"blog\u002Fblog\u002Fjavascript_dom_inheritance_tree_dom_basic_operations.md","JavaScript dom 继承树 dom 基本操作",{"type":8,"value":2192,"toc":2343},[2193,2197,2202,2341],[11,2194,2196],{"id":2195},"dom结构树","DOM结构树",[153,2198,2199],{},[156,2200],{"alt":158,"src":2201},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F0e53643d278bb40f395ae9c6f2f3cb1c.png",[22,2203,2205],{"className":24,"code":2204,"language":26,"meta":27,"style":27},"\n\u002F\u002F 增\n- document.createElement();      \u002F\u002F 元素节点\n- document.createTextNode();     \u002F\u002F 文本节点\n- document.createComment();\n- document.createDocumentFragment();\n\n\u002F\u002F 插\n- PARENTNODE.appendChild();             \u002F\u002F 剪贴\n- PARENTNODE.insertBefore(a, 参考位置b); \u002F\u002F 在 b 前插入a\n\n\u002F\u002F 删\n- 谋杀 parent.removeChild();            \u002F\u002F 可以拿变量接收下来\n- 自杀 child.remove();\n\n\u002F\u002F 替换（上镜率不高）\n- parent.replaceChild(new, origin);\n\n\u002F\u002F  Element节点的属性\n- innerHTML \u002F\u002F 可取值 会覆盖； += 追加\n- innerText \u002F textContent\n\n\u002F\u002F Element节点的方法\n- ele.setAttribute();\n      div.setAttribute('class', 'demo');\n- ele.getAttribute();\n      div.getAttribute('class');\n      > \"demo\"\n",[29,2206,2207,2211,2216,2221,2226,2231,2236,2240,2245,2250,2255,2259,2264,2269,2274,2278,2283,2288,2292,2297,2302,2307,2311,2316,2321,2326,2331,2336],{"__ignoreMap":27},[32,2208,2209],{"class":34,"line":35},[32,2210,605],{"emptyLinePlaceholder":101},[32,2212,2213],{"class":34,"line":41},[32,2214,2215],{},"\u002F\u002F 增\n",[32,2217,2218],{"class":34,"line":47},[32,2219,2220],{},"- document.createElement();      \u002F\u002F 元素节点\n",[32,2222,2223],{"class":34,"line":53},[32,2224,2225],{},"- document.createTextNode();     \u002F\u002F 文本节点\n",[32,2227,2228],{"class":34,"line":59},[32,2229,2230],{},"- document.createComment();\n",[32,2232,2233],{"class":34,"line":489},[32,2234,2235],{},"- document.createDocumentFragment();\n",[32,2237,2238],{"class":34,"line":500},[32,2239,605],{"emptyLinePlaceholder":101},[32,2241,2242],{"class":34,"line":512},[32,2243,2244],{},"\u002F\u002F 插\n",[32,2246,2247],{"class":34,"line":521},[32,2248,2249],{},"- PARENTNODE.appendChild();             \u002F\u002F 剪贴\n",[32,2251,2252],{"class":34,"line":531},[32,2253,2254],{},"- PARENTNODE.insertBefore(a, 参考位置b); \u002F\u002F 在 b 前插入a\n",[32,2256,2257],{"class":34,"line":541},[32,2258,605],{"emptyLinePlaceholder":101},[32,2260,2261],{"class":34,"line":551},[32,2262,2263],{},"\u002F\u002F 删\n",[32,2265,2266],{"class":34,"line":562},[32,2267,2268],{},"- 谋杀 parent.removeChild();            \u002F\u002F 可以拿变量接收下来\n",[32,2270,2271],{"class":34,"line":568},[32,2272,2273],{},"- 自杀 child.remove();\n",[32,2275,2276],{"class":34,"line":591},[32,2277,605],{"emptyLinePlaceholder":101},[32,2279,2280],{"class":34,"line":602},[32,2281,2282],{},"\u002F\u002F 替换（上镜率不高）\n",[32,2284,2285],{"class":34,"line":608},[32,2286,2287],{},"- parent.replaceChild(new, origin);\n",[32,2289,2290],{"class":34,"line":648},[32,2291,605],{"emptyLinePlaceholder":101},[32,2293,2294],{"class":34,"line":667},[32,2295,2296],{},"\u002F\u002F  Element节点的属性\n",[32,2298,2299],{"class":34,"line":676},[32,2300,2301],{},"- innerHTML \u002F\u002F 可取值 会覆盖； += 追加\n",[32,2303,2304],{"class":34,"line":706},[32,2305,2306],{},"- innerText \u002F textContent\n",[32,2308,2309],{"class":34,"line":824},[32,2310,605],{"emptyLinePlaceholder":101},[32,2312,2313],{"class":34,"line":830},[32,2314,2315],{},"\u002F\u002F Element节点的方法\n",[32,2317,2318],{"class":34,"line":836},[32,2319,2320],{},"- ele.setAttribute();\n",[32,2322,2323],{"class":34,"line":842},[32,2324,2325],{},"      div.setAttribute('class', 'demo');\n",[32,2327,2328],{"class":34,"line":848},[32,2329,2330],{},"- ele.getAttribute();\n",[32,2332,2333],{"class":34,"line":854},[32,2334,2335],{},"      div.getAttribute('class');\n",[32,2337,2338],{"class":34,"line":860},[32,2339,2340],{},"      > \"demo\"\n",[86,2342,88],{},{"title":27,"searchDepth":41,"depth":41,"links":2344},[2345],{"id":2195,"depth":41,"text":2196},"2020-04-05",{},"\u002Fblog\u002Fjavascript_dom_inheritance_tree_dom_basic_operations",{"title":2190,"description":2190},"blog\u002Fjavascript_dom_inheritance_tree_dom_basic_operations",[1882],"2zxtF9Zps598wFS-XPhva9x1GPM1jARm9lHNs2_Aif4",{"id":2354,"title":2355,"body":2356,"category":95,"cover":96,"csdn":96,"date":2346,"description":2355,"draft":98,"extension":99,"meta":2761,"navigation":101,"path":2762,"seo":2763,"stem":2764,"tags":2765,"updated":96,"__hash__":2767},"blog\u002Fblog\u002Fwechat_mini_program_mask_layer_demo.md","微信小程序 遮罩层 demo",{"type":8,"value":2357,"toc":2759},[2358,2361,2367,2370,2547,2663,2746,2751,2756],[153,2359,2360],{},"原理：控制 view 的显示隐藏",[153,2362,2363,2364],{},"为啥要研究这个东西？\n",[156,2365],{"alt":158,"src":2366},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F10abc85f89b50ba4e9ec71db66b29474.png",[153,2368,2369],{},"上代码",[22,2371,2373],{"className":216,"code":2372,"language":218,"meta":27,"style":27},"\u003Cview class=\"mask\" wx:if=\"{{mask}}\">\u003C\u002Fview>\n\n\u003Cview class='search'>\n    \u003Cinput type='text' confirm-type=\"search\" bindfocus=\"ineye\" bindblur=\"outeye\">\u003C\u002Finput>\n    \u003Cview class=\"search-bot\" wx:if=\"{{searchWord === '搜索'}}\" bindtap=\"onSearch\" >搜索\u003C\u002Fview>\n    \u003Cview class=\"search-bot\" wx:else hover-class=\"none\" bindtap=\"searchNoValue\">取消\u003C\u002Fview>\n\u003C\u002Fview>\n",[29,2374,2375,2404,2408,2423,2467,2502,2539],{"__ignoreMap":27},[32,2376,2377,2379,2383,2385,2387,2390,2393,2395,2398,2400,2402],{"class":34,"line":35},[32,2378,226],{"class":225},[32,2380,2382],{"class":2381},"s6RL2","view",[32,2384,631],{"class":233},[32,2386,237],{"class":225},[32,2388,2389],{"class":240},"\"mask\"",[32,2391,2392],{"class":233}," wx:if",[32,2394,237],{"class":225},[32,2396,2397],{"class":240},"\"{{mask}}\"",[32,2399,273],{"class":225},[32,2401,2382],{"class":2381},[32,2403,249],{"class":225},[32,2405,2406],{"class":34,"line":41},[32,2407,605],{"emptyLinePlaceholder":101},[32,2409,2410,2412,2414,2416,2418,2421],{"class":34,"line":47},[32,2411,226],{"class":225},[32,2413,2382],{"class":2381},[32,2415,631],{"class":233},[32,2417,237],{"class":225},[32,2419,2420],{"class":240},"'search'",[32,2422,249],{"class":225},[32,2424,2425,2427,2430,2432,2434,2437,2440,2442,2445,2448,2450,2453,2456,2458,2461,2463,2465],{"class":34,"line":53},[32,2426,571],{"class":225},[32,2428,2429],{"class":229},"input",[32,2431,692],{"class":233},[32,2433,237],{"class":225},[32,2435,2436],{"class":240},"'text'",[32,2438,2439],{"class":233}," confirm-type",[32,2441,237],{"class":225},[32,2443,2444],{"class":240},"\"search\"",[32,2446,2447],{"class":233}," bindfocus",[32,2449,237],{"class":225},[32,2451,2452],{"class":240},"\"ineye\"",[32,2454,2455],{"class":233}," bindblur",[32,2457,237],{"class":225},[32,2459,2460],{"class":240},"\"outeye\"",[32,2462,273],{"class":225},[32,2464,2429],{"class":2381},[32,2466,249],{"class":225},[32,2468,2469,2471,2473,2475,2477,2480,2482,2484,2487,2490,2492,2495,2498,2500],{"class":34,"line":59},[32,2470,571],{"class":225},[32,2472,2382],{"class":2381},[32,2474,631],{"class":233},[32,2476,237],{"class":225},[32,2478,2479],{"class":240},"\"search-bot\"",[32,2481,2392],{"class":233},[32,2483,237],{"class":225},[32,2485,2486],{"class":240},"\"{{searchWord === '搜索'}}\"",[32,2488,2489],{"class":233}," bindtap",[32,2491,237],{"class":225},[32,2493,2494],{"class":240},"\"onSearch\"",[32,2496,2497],{"class":225}," >搜索\u003C\u002F",[32,2499,2382],{"class":2381},[32,2501,249],{"class":225},[32,2503,2504,2506,2508,2510,2512,2514,2517,2520,2522,2525,2527,2529,2532,2535,2537],{"class":34,"line":489},[32,2505,571],{"class":225},[32,2507,2382],{"class":2381},[32,2509,631],{"class":233},[32,2511,237],{"class":225},[32,2513,2479],{"class":240},[32,2515,2516],{"class":233}," wx:else",[32,2518,2519],{"class":233}," hover-class",[32,2521,237],{"class":225},[32,2523,2524],{"class":240},"\"none\"",[32,2526,2489],{"class":233},[32,2528,237],{"class":225},[32,2530,2531],{"class":240},"\"searchNoValue\"",[32,2533,2534],{"class":225},">取消\u003C\u002F",[32,2536,2382],{"class":2381},[32,2538,249],{"class":225},[32,2540,2541,2543,2545],{"class":34,"line":500},[32,2542,709],{"class":225},[32,2544,2382],{"class":2381},[32,2546,249],{"class":225},[22,2548,2552],{"className":2549,"code":2550,"language":2551,"meta":27,"style":27},"language-css shiki shiki-themes github-dark",".mask {\n  background-color: rgb(0, 0, 0, 0.9);\n  position: fixed;\n  top: 55px;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n}\n","css",[29,2553,2554,2561,2592,2604,2619,2630,2645,2659],{"__ignoreMap":27},[32,2555,2556,2559],{"class":34,"line":35},[32,2557,2558],{"class":233},".mask",[32,2560,1587],{"class":225},[32,2562,2563,2566,2569,2572,2574,2577,2579,2581,2583,2585,2587,2590],{"class":34,"line":41},[32,2564,2565],{"class":1264},"  background-color",[32,2567,2568],{"class":225},": ",[32,2570,2571],{"class":1264},"rgb",[32,2573,1375],{"class":225},[32,2575,2576],{"class":1264},"0",[32,2578,1381],{"class":225},[32,2580,2576],{"class":1264},[32,2582,1381],{"class":225},[32,2584,2576],{"class":1264},[32,2586,1381],{"class":225},[32,2588,2589],{"class":1264},"0.9",[32,2591,1402],{"class":225},[32,2593,2594,2597,2599,2602],{"class":34,"line":47},[32,2595,2596],{"class":1264},"  position",[32,2598,2568],{"class":225},[32,2600,2601],{"class":1264},"fixed",[32,2603,1303],{"class":225},[32,2605,2606,2609,2611,2614,2617],{"class":34,"line":53},[32,2607,2608],{"class":1264},"  top",[32,2610,2568],{"class":225},[32,2612,2613],{"class":1264},"55",[32,2615,2616],{"class":1280},"px",[32,2618,1303],{"class":225},[32,2620,2621,2624,2626,2628],{"class":34,"line":59},[32,2622,2623],{"class":1264},"  left",[32,2625,2568],{"class":225},[32,2627,2576],{"class":1264},[32,2629,1303],{"class":225},[32,2631,2632,2635,2637,2640,2643],{"class":34,"line":489},[32,2633,2634],{"class":1264},"  width",[32,2636,2568],{"class":225},[32,2638,2639],{"class":1264},"100",[32,2641,2642],{"class":1280},"%",[32,2644,1303],{"class":225},[32,2646,2647,2650,2652,2654,2657],{"class":34,"line":500},[32,2648,2649],{"class":1264},"  height",[32,2651,2568],{"class":225},[32,2653,2639],{"class":1264},[32,2655,2656],{"class":1280},"vh",[32,2658,1303],{"class":225},[32,2660,2661],{"class":34,"line":512},[32,2662,1308],{"class":225},[22,2664,2666],{"className":24,"code":2665,"language":26,"meta":27,"style":27},"Page({\n  data: {\n    mask: false, \u002F\u002F input 搜索框聚焦时遮罩层\n  },\n\n  ineye: function () {\n    this.setData({\n      mask: true,\n    });\n  },\n\n  outeye: function () {\n    this.setData({\n      mask: false,\n    });\n  },\n});\n",[29,2667,2668,2673,2678,2683,2688,2692,2697,2702,2707,2711,2715,2719,2724,2728,2733,2737,2741],{"__ignoreMap":27},[32,2669,2670],{"class":34,"line":35},[32,2671,2672],{},"Page({\n",[32,2674,2675],{"class":34,"line":41},[32,2676,2677],{},"  data: {\n",[32,2679,2680],{"class":34,"line":47},[32,2681,2682],{},"    mask: false, \u002F\u002F input 搜索框聚焦时遮罩层\n",[32,2684,2685],{"class":34,"line":53},[32,2686,2687],{},"  },\n",[32,2689,2690],{"class":34,"line":59},[32,2691,605],{"emptyLinePlaceholder":101},[32,2693,2694],{"class":34,"line":489},[32,2695,2696],{},"  ineye: function () {\n",[32,2698,2699],{"class":34,"line":500},[32,2700,2701],{},"    this.setData({\n",[32,2703,2704],{"class":34,"line":512},[32,2705,2706],{},"      mask: true,\n",[32,2708,2709],{"class":34,"line":521},[32,2710,1076],{},[32,2712,2713],{"class":34,"line":531},[32,2714,2687],{},[32,2716,2717],{"class":34,"line":541},[32,2718,605],{"emptyLinePlaceholder":101},[32,2720,2721],{"class":34,"line":551},[32,2722,2723],{},"  outeye: function () {\n",[32,2725,2726],{"class":34,"line":562},[32,2727,2701],{},[32,2729,2730],{"class":34,"line":568},[32,2731,2732],{},"      mask: false,\n",[32,2734,2735],{"class":34,"line":591},[32,2736,1076],{},[32,2738,2739],{"class":34,"line":602},[32,2740,2687],{},[32,2742,2743],{"class":34,"line":608},[32,2744,2745],{},"});\n",[153,2747,2748],{},[156,2749],{"alt":158,"src":2750},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F47645852cb54742582d1c98d13b938fe.png",[153,2752,2753],{},[156,2754],{"alt":158,"src":2755},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F8abc08fbc427219dc9812f35854f0e1b.png",[86,2757,2758],{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .s6RL2, html code.shiki .s6RL2{--shiki-default:#FDAEB7;--shiki-default-font-style:italic}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html pre.shiki code .s4JwU, html code.shiki .s4JwU{--shiki-default:#85E89D}html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}",{"title":27,"searchDepth":41,"depth":41,"links":2760},[],{},"\u002Fblog\u002Fwechat_mini_program_mask_layer_demo",{"title":2355,"description":2355},"blog\u002Fwechat_mini_program_mask_layer_demo",[2766],"微信小程序","DZ5q5myaITvg2ngaRFQtrf4Q7MbyJhYesIkKG4f6WIs",{"id":2769,"title":2770,"body":2771,"category":95,"cover":96,"csdn":96,"date":2902,"description":2770,"draft":98,"extension":99,"meta":2903,"navigation":101,"path":2904,"seo":2905,"stem":2906,"tags":2907,"updated":96,"__hash__":2908},"blog\u002Fblog\u002Fwechat_mini_program_one_click_copy_demo.md","微信小程序 一键复制 demo",{"type":8,"value":2772,"toc":2900},[2773,2776,2811,2889,2894,2897],[153,2774,2775],{},"Code.\nCode..\nCode ...",[22,2777,2779],{"className":216,"code":2778,"language":218,"meta":27,"style":27},"\u003Ctext>{{email}}\u003C\u002Ftext> \u003Cbutton bindtap=\"copyEmail\">一键复制\u003C\u002Fbutton>\n",[29,2780,2781],{"__ignoreMap":27},[32,2782,2783,2785,2787,2790,2792,2795,2797,2799,2801,2804,2807,2809],{"class":34,"line":35},[32,2784,226],{"class":225},[32,2786,1177],{"class":2381},[32,2788,2789],{"class":225},">{{email}}\u003C\u002F",[32,2791,1177],{"class":2381},[32,2793,2794],{"class":225},"> \u003C",[32,2796,682],{"class":229},[32,2798,2489],{"class":233},[32,2800,237],{"class":225},[32,2802,2803],{"class":240},"\"copyEmail\"",[32,2805,2806],{"class":225},">一键复制\u003C\u002F",[32,2808,682],{"class":229},[32,2810,249],{"class":225},[22,2812,2814],{"className":24,"code":2813,"language":26,"meta":27,"style":27},"Page({\n  data: {\n    email: \"xxxxxxxxxx@gmail.com\",\n  },\n\n  copyEmail: function () {\n    wx.setClipboardData({\n      data: this.data.email,\n      success: function (res) {\n        wx.showToast({\n          title: \"复制成功\",\n        });\n      },\n    });\n  },\n});\n",[29,2815,2816,2820,2824,2829,2833,2837,2842,2847,2852,2857,2862,2867,2872,2877,2881,2885],{"__ignoreMap":27},[32,2817,2818],{"class":34,"line":35},[32,2819,2672],{},[32,2821,2822],{"class":34,"line":41},[32,2823,2677],{},[32,2825,2826],{"class":34,"line":47},[32,2827,2828],{},"    email: \"xxxxxxxxxx@gmail.com\",\n",[32,2830,2831],{"class":34,"line":53},[32,2832,2687],{},[32,2834,2835],{"class":34,"line":59},[32,2836,605],{"emptyLinePlaceholder":101},[32,2838,2839],{"class":34,"line":489},[32,2840,2841],{},"  copyEmail: function () {\n",[32,2843,2844],{"class":34,"line":500},[32,2845,2846],{},"    wx.setClipboardData({\n",[32,2848,2849],{"class":34,"line":512},[32,2850,2851],{},"      data: this.data.email,\n",[32,2853,2854],{"class":34,"line":521},[32,2855,2856],{},"      success: function (res) {\n",[32,2858,2859],{"class":34,"line":531},[32,2860,2861],{},"        wx.showToast({\n",[32,2863,2864],{"class":34,"line":541},[32,2865,2866],{},"          title: \"复制成功\",\n",[32,2868,2869],{"class":34,"line":551},[32,2870,2871],{},"        });\n",[32,2873,2874],{"class":34,"line":562},[32,2875,2876],{},"      },\n",[32,2878,2879],{"class":34,"line":568},[32,2880,1076],{},[32,2882,2883],{"class":34,"line":591},[32,2884,2687],{},[32,2886,2887],{"class":34,"line":602},[32,2888,2745],{},[153,2890,2891],{},[156,2892],{"alt":158,"src":2893},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002Fc07a7fbc14dac37fb4f439c41722e854.png",[153,2895,2896],{},"有帮助别忘了点赞哦。。。",[86,2898,2899],{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .s6RL2, html code.shiki .s6RL2{--shiki-default:#FDAEB7;--shiki-default-font-style:italic}html pre.shiki code .s4JwU, html code.shiki .s4JwU{--shiki-default:#85E89D}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}",{"title":27,"searchDepth":41,"depth":41,"links":2901},[],"2020-03-20",{},"\u002Fblog\u002Fwechat_mini_program_one_click_copy_demo",{"title":2770,"description":2770},"blog\u002Fwechat_mini_program_one_click_copy_demo",[2766],"7qRrMzgxbA4bfawcCq4midC_E_ij6Sltq_pOR9l-Qo0",{"id":2910,"title":2911,"body":2912,"category":95,"cover":96,"csdn":96,"date":3064,"description":2911,"draft":98,"extension":99,"meta":3065,"navigation":101,"path":3066,"seo":3067,"stem":3068,"tags":3069,"updated":96,"__hash__":3071},"blog\u002Fblog\u002Faliyun_apache_linux_free_https_ssl_lock_icon.md","阿里云 Apache Linux 免费 https SSL 小锁头",{"type":8,"value":2913,"toc":3062},[2914,2923,2932,2937,2941,2946,2950,2956,2960,2966,2970,2976,2979,2985,2989,2995,3002,3008,3012,3017,3020,3026,3030,3036,3040,3045,3049,3052,3055,3059],[1250,2915,2917,2918],{"id":2916},"_0-阿里云-apache-配置教程","0. ",[333,2919,2922],{"href":2920,"rel":2921},"https:\u002F\u002Fhelp.aliyun.com\u002Fdocument_detail\u002F98727.html?spm=5176.2020520163.0.0.5f3156a7PRv5pi",[337],"阿里云 Apache 配置教程",[1250,2924,2926,2927],{"id":2925},"_1-阿里云免费白嫖ssl","1. ",[333,2928,2931],{"href":2929,"rel":2930},"https:\u002F\u002Fcommon-buy.aliyun.com\u002F?spm=5176.2020520163.c1583915649459.d1583915649459_0.698856a7hg0KJ1.698856a7hg0KJ1&commodityCode=cas#\u002Fbuy",[337],"阿里云免费（白嫖）SSL",[153,2933,2934],{},[156,2935],{"alt":158,"src":2936},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F75fa5fb4abc48dcbbf1e1363a5f5759e.png",[1250,2938,2940],{"id":2939},"_2-下载-ssl-证书","2. 下载 SSL 证书",[153,2942,2943],{},[156,2944],{"alt":158,"src":2945},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F27dffb9f44fb5804d192c4678839f1ad.png",[1250,2947,2949],{"id":2948},"_3-登录服务器安装-ssl-模块","3. 登录服务器，安装 SSL 模块",[22,2951,2954],{"className":2952,"code":2953,"language":1177},[1175],"yum install mod_ssl -y\n",[29,2955,2953],{"__ignoreMap":27},[1250,2957,2959],{"id":2958},"_4-在服务器建-cert-目录将刚才下载的证书放到这里__推荐使用-filezilla","4. 在服务器建 cert 目录，将刚才下载的证书放到这里__推荐使用 FileZilla",[22,2961,2964],{"className":2962,"code":2963,"language":1177},[1175],"mkdir \u002Fetc\u002Fhttpd\u002Fcert\u002F\n",[29,2965,2963],{"__ignoreMap":27},[1250,2967,2969],{"id":2968},"_5-修改-apache-配置文件-约在第55行","5. 修改 Apache 配置文件 约在第55行",[22,2971,2974],{"className":2972,"code":2973,"language":1177},[1175],"vim \u002Fetc\u002Fhttpd\u002Fconf\u002Fhttpd.conf\n",[29,2975,2973],{"__ignoreMap":27},[153,2977,2978],{},"改后",[22,2980,2983],{"className":2981,"code":2982,"language":1177},[1175],"# LoadModule foo_module modules\u002Fmod_foo.so\nInclude conf.modules.d\u002F*.conf\n",[29,2984,2982],{"__ignoreMap":27},[1250,2986,2988],{"id":2987},"_6-修改-ssl-配置文件","6. 修改 SSL 配置文件",[22,2990,2993],{"className":2991,"code":2992,"language":1177},[1175],"vim \u002Fetc\u002Fhttpd\u002Fconf.d\u002Fssl.conf\n",[29,2994,2992],{"__ignoreMap":27},[153,2996,2997,2998],{},"在 ",[2999,3000,3001],"virtual-host",{"_default_:443":27}," 标签里改动",[22,3003,3006],{"className":3004,"code":3005,"language":1177},[1175],"SSLCipherSuite HIGH:!RC4:!MD5:!aNULL:!eNULL:!NULL:!DH:!EDH:!EXP:+MEDIUM\n\nDocumentRoot \"\u002Fvar\u002Fwww\u002Fhtml\"\n\nServerName www.xxxxxxxxxx.com:443\n\nSSLCertificateFile   \u002Fetc\u002Fhttpd\u002Fcert\u002Fxxxxxxxxxx.com_public.crt\n\nSSLCertificateKeyFile   \u002Fetc\u002Fhttpd\u002Fcert\u002Fxxxxxxxxxx.com.key\n\nSSLCertificateChainFile   \u002Fetc\u002Fhttpd\u002Fcert\u002Fxxxxxxxxxx.com_chain.crt\n",[29,3007,3005],{"__ignoreMap":27},[1250,3009,3011],{"id":3010},"_7-配置-http-跳-https","7. 配置 http 跳 https",[22,3013,3015],{"className":3014,"code":2973,"language":1177},[1175],[29,3016,2973],{"__ignoreMap":27},[153,3018,3019],{},"添加以下标签",[22,3021,3024],{"className":3022,"code":3023,"language":1177},[1175],"\u003CVirtualHost *:80>\n    RewriteEngine on\n    RewriteCond %{SERVER_PORT} !^443$\n    RewriteRule ^(.*)$ https:\u002F\u002F%{SERVER_NAME}$1 [L,R]\n\u003C\u002FVirtualHost>\n",[29,3025,3023],{"__ignoreMap":27},[1250,3027,3029],{"id":3028},"_8-重启-apache","8. 重启 Apache",[22,3031,3034],{"className":3032,"code":3033,"language":1177},[1175],"systemctl restart httpd\n",[29,3035,3033],{"__ignoreMap":27},[1250,3037,3039],{"id":3038},"_9-大功告成-访问你的-xxxxxxxxxxcom-看一看小锁头是否出现了","9. 大功告成 访问你的 xxxxxxxxxx.com 看一看小锁头是否出现了",[153,3041,3042],{},[156,3043],{"alt":158,"src":3044},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F4393af6cdb581779767c6331f56536a9.png",[1250,3046,3048],{"id":3047},"_10-好累啊","10. 好累啊~~~~~~~~~~~~~~~~~~~~~~~~~",[153,3050,3051],{},"有帮助别忘了点个赞，鼓励一下",[153,3053,3054],{},"有问题请评论",[1250,3056,3058],{"id":3057},"_2026-年补充","2026 年补充",[153,3060,3061],{},"有更简单的办法，不用手动申请，也不用手动修改文件",{"title":27,"searchDepth":41,"depth":41,"links":3063},[],"2020-03-15",{},"\u002Fblog\u002Faliyun_apache_linux_free_https_ssl_lock_icon",{"title":2911,"description":2911},"blog\u002Faliyun_apache_linux_free_https_ssl_lock_icon",[3070],"https","rMtxOvFuoG1-HWhrZ8uGErKpm2Vnb3JjIhG7I7YoBpI",{"id":3073,"title":3074,"body":3075,"category":95,"cover":96,"csdn":96,"date":3709,"description":3074,"draft":98,"extension":99,"meta":3710,"navigation":101,"path":3711,"seo":3712,"stem":3713,"tags":3714,"updated":96,"__hash__":3715},"blog\u002Fblog\u002Fwechat_mini_program_custom_top_navigation_bar_demo.md","微信小程序 【自定义顶部导航栏】 navigation bar demo",{"type":8,"value":3076,"toc":3703},[3077,3080,3083,3088,3093,3096,3107,3110,3117,3125,3129,3137,3172,3319,3616,3669,3672,3677,3682,3687,3691,3696,3700],[153,3078,3079],{},"为啥放弃官方帮我们调试好的导航栏，而自己去慢慢调试一个呢",[153,3081,3082],{},"当然是源于【自己的需求】啦，新型肺炎期间重写的小程序 【头像贴纸加文字】",[153,3084,3085],{},[156,3086],{"alt":158,"src":3087},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F021d8c2e8033db5130c0e1ad9e820b04.png",[153,3089,3090],{},[156,3091],{"alt":158,"src":3092},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F0e5fdbf37eefdfc0bd8d2f7c0d6550b2.png",[153,3094,3095],{},"嗯，有9人分享我的这个小程序，正常分享操作步骤为：",[118,3097,3098,3101,3104],{},[121,3099,3100],{},"点击右上角三个点",[121,3102,3103],{},"发送给朋友",[121,3105,3106],{},"唤起聊天列表",[153,3108,3109],{},"如果在首页加一个分享按钮 会更快捷 ~",[118,3111,3112,3115],{},[121,3113,3114],{},"点击左上角分享按钮",[121,3116,3106],{},[153,3118,3119,3122],{},[156,3120],{"alt":158,"src":3121},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F42dc4364055c2fea3b88690253ca3904.png",[156,3123],{"alt":158,"src":3124},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002Ff97bbd1575cd33a527f98403e798e65b.png",[11,3126,3128],{"id":3127},"点一下左上角就可以快速分享怎样实现呢","点一下左上角就可以快速分享，怎样实现呢",[118,3130,3131,3134],{},[121,3132,3133],{},"首先在 app.json 中加 \"navigationStyle\": \"custom\" 编译后，原顶部导航栏消失",[121,3135,3136],{},"调节 view 代替原顶部导航栏 demo代码如下：",[22,3138,3140],{"className":24,"code":3139,"language":26,"meta":27,"style":27},"\u002F\u002F app.js\nApp({\n    globalData: {\n        statusBarHeight: wx.getSystemInfoSync()['statusBarHeight']\n        \u002F\u002F 这个高度是手机系统 信号、时间、电量栏的高度   },\n})\n",[29,3141,3142,3147,3152,3157,3162,3167],{"__ignoreMap":27},[32,3143,3144],{"class":34,"line":35},[32,3145,3146],{},"\u002F\u002F app.js\n",[32,3148,3149],{"class":34,"line":41},[32,3150,3151],{},"App({\n",[32,3153,3154],{"class":34,"line":47},[32,3155,3156],{},"    globalData: {\n",[32,3158,3159],{"class":34,"line":53},[32,3160,3161],{},"        statusBarHeight: wx.getSystemInfoSync()['statusBarHeight']\n",[32,3163,3164],{"class":34,"line":59},[32,3165,3166],{},"        \u002F\u002F 这个高度是手机系统 信号、时间、电量栏的高度   },\n",[32,3168,3169],{"class":34,"line":489},[32,3170,3171],{},"})\n",[22,3173,3175],{"className":216,"code":3174,"language":218,"meta":27,"style":27},"\u002F\u002F nav.wxml\n\u003Cview class=\"nav-top\" style=\"padding-top:{{statusBarHeight}}px\">\n  \u003Cview class=\"nav-top-img\" bindtap=\"onBack\">\n    \u003Cimage class=\"sharelogo\" src=\"..\u002F..\u002Fimg\u002Ficons\u002Fback.png\">\u003C\u002Fimage>\n  \u003C\u002Fview>\n\n  \u003Cview class=\"nav-top-txt\">头像贴纸加文字\u003C\u002Fview>\n  \u003Cview class=\"nav-top-pad\">\u003C\u002Fview>\n  \u003C!-- 为了使文字居中 -->\n\u003C\u002Fview>\n",[29,3176,3177,3182,3205,3227,3255,3263,3267,3287,3306,3311],{"__ignoreMap":27},[32,3178,3179],{"class":34,"line":35},[32,3180,3181],{"class":225},"\u002F\u002F nav.wxml\n",[32,3183,3184,3186,3188,3190,3192,3195,3198,3200,3203],{"class":34,"line":41},[32,3185,226],{"class":225},[32,3187,2382],{"class":2381},[32,3189,631],{"class":233},[32,3191,237],{"class":225},[32,3193,3194],{"class":240},"\"nav-top\"",[32,3196,3197],{"class":233}," style",[32,3199,237],{"class":225},[32,3201,3202],{"class":240},"\"padding-top:{{statusBarHeight}}px\"",[32,3204,249],{"class":225},[32,3206,3207,3209,3211,3213,3215,3218,3220,3222,3225],{"class":34,"line":47},[32,3208,679],{"class":225},[32,3210,2382],{"class":2381},[32,3212,631],{"class":233},[32,3214,237],{"class":225},[32,3216,3217],{"class":240},"\"nav-top-img\"",[32,3219,2489],{"class":233},[32,3221,237],{"class":225},[32,3223,3224],{"class":240},"\"onBack\"",[32,3226,249],{"class":225},[32,3228,3229,3231,3234,3236,3238,3241,3244,3246,3249,3251,3253],{"class":34,"line":53},[32,3230,571],{"class":225},[32,3232,3233],{"class":2381},"image",[32,3235,631],{"class":233},[32,3237,237],{"class":225},[32,3239,3240],{"class":240},"\"sharelogo\"",[32,3242,3243],{"class":233}," src",[32,3245,237],{"class":225},[32,3247,3248],{"class":240},"\"..\u002F..\u002Fimg\u002Ficons\u002Fback.png\"",[32,3250,273],{"class":225},[32,3252,3233],{"class":2381},[32,3254,249],{"class":225},[32,3256,3257,3259,3261],{"class":34,"line":59},[32,3258,594],{"class":225},[32,3260,2382],{"class":2381},[32,3262,249],{"class":225},[32,3264,3265],{"class":34,"line":489},[32,3266,605],{"emptyLinePlaceholder":101},[32,3268,3269,3271,3273,3275,3277,3280,3283,3285],{"class":34,"line":500},[32,3270,679],{"class":225},[32,3272,2382],{"class":2381},[32,3274,631],{"class":233},[32,3276,237],{"class":225},[32,3278,3279],{"class":240},"\"nav-top-txt\"",[32,3281,3282],{"class":225},">头像贴纸加文字\u003C\u002F",[32,3284,2382],{"class":2381},[32,3286,249],{"class":225},[32,3288,3289,3291,3293,3295,3297,3300,3302,3304],{"class":34,"line":512},[32,3290,679],{"class":225},[32,3292,2382],{"class":2381},[32,3294,631],{"class":233},[32,3296,237],{"class":225},[32,3298,3299],{"class":240},"\"nav-top-pad\"",[32,3301,273],{"class":225},[32,3303,2382],{"class":2381},[32,3305,249],{"class":225},[32,3307,3308],{"class":34,"line":521},[32,3309,3310],{"class":1268},"  \u003C!-- 为了使文字居中 -->\n",[32,3312,3313,3315,3317],{"class":34,"line":531},[32,3314,709],{"class":225},[32,3316,2382],{"class":2381},[32,3318,249],{"class":225},[22,3320,3322],{"className":2549,"code":3321,"language":2551,"meta":27,"style":27},".nav-top {\n  position: fixed;\n  width: 100%;\n  top: 0;\n  left: 0;\n  height: 45px;\n  background: #fff;\n  z-index: 999;\n  display: flex;\n  flex-direction: row;\n}\n\n.nav-top-img,\n.nav-top-pad {\n  height: 45px;\n  width: 45px;\n  background-color: red;\n}\n\n.nav-top image {\n  padding: 12.5px;\n  height: 20px;\n  width: 20px;\n}\n\n.nav-top-txt {\n  font-weight: 500;\n  text-align: center;\n  line-height: 45px;\n  flex: 1;\n}\n",[29,3323,3324,3331,3341,3353,3363,3373,3386,3398,3410,3422,3434,3438,3442,3450,3457,3469,3481,3492,3496,3500,3509,3523,3536,3548,3552,3556,3563,3575,3587,3600,3612],{"__ignoreMap":27},[32,3325,3326,3329],{"class":34,"line":35},[32,3327,3328],{"class":233},".nav-top",[32,3330,1587],{"class":225},[32,3332,3333,3335,3337,3339],{"class":34,"line":41},[32,3334,2596],{"class":1264},[32,3336,2568],{"class":225},[32,3338,2601],{"class":1264},[32,3340,1303],{"class":225},[32,3342,3343,3345,3347,3349,3351],{"class":34,"line":47},[32,3344,2634],{"class":1264},[32,3346,2568],{"class":225},[32,3348,2639],{"class":1264},[32,3350,2642],{"class":1280},[32,3352,1303],{"class":225},[32,3354,3355,3357,3359,3361],{"class":34,"line":53},[32,3356,2608],{"class":1264},[32,3358,2568],{"class":225},[32,3360,2576],{"class":1264},[32,3362,1303],{"class":225},[32,3364,3365,3367,3369,3371],{"class":34,"line":59},[32,3366,2623],{"class":1264},[32,3368,2568],{"class":225},[32,3370,2576],{"class":1264},[32,3372,1303],{"class":225},[32,3374,3375,3377,3379,3382,3384],{"class":34,"line":489},[32,3376,2649],{"class":1264},[32,3378,2568],{"class":225},[32,3380,3381],{"class":1264},"45",[32,3383,2616],{"class":1280},[32,3385,1303],{"class":225},[32,3387,3388,3391,3393,3396],{"class":34,"line":500},[32,3389,3390],{"class":1264},"  background",[32,3392,2568],{"class":225},[32,3394,3395],{"class":1264},"#fff",[32,3397,1303],{"class":225},[32,3399,3400,3403,3405,3408],{"class":34,"line":512},[32,3401,3402],{"class":1264},"  z-index",[32,3404,2568],{"class":225},[32,3406,3407],{"class":1264},"999",[32,3409,1303],{"class":225},[32,3411,3412,3415,3417,3420],{"class":34,"line":521},[32,3413,3414],{"class":1264},"  display",[32,3416,2568],{"class":225},[32,3418,3419],{"class":1264},"flex",[32,3421,1303],{"class":225},[32,3423,3424,3427,3429,3432],{"class":34,"line":531},[32,3425,3426],{"class":1264},"  flex-direction",[32,3428,2568],{"class":225},[32,3430,3431],{"class":1264},"row",[32,3433,1303],{"class":225},[32,3435,3436],{"class":34,"line":541},[32,3437,1308],{"class":225},[32,3439,3440],{"class":34,"line":551},[32,3441,605],{"emptyLinePlaceholder":101},[32,3443,3444,3447],{"class":34,"line":562},[32,3445,3446],{"class":233},".nav-top-img",[32,3448,3449],{"class":225},",\n",[32,3451,3452,3455],{"class":34,"line":568},[32,3453,3454],{"class":233},".nav-top-pad",[32,3456,1587],{"class":225},[32,3458,3459,3461,3463,3465,3467],{"class":34,"line":591},[32,3460,2649],{"class":1264},[32,3462,2568],{"class":225},[32,3464,3381],{"class":1264},[32,3466,2616],{"class":1280},[32,3468,1303],{"class":225},[32,3470,3471,3473,3475,3477,3479],{"class":34,"line":602},[32,3472,2634],{"class":1264},[32,3474,2568],{"class":225},[32,3476,3381],{"class":1264},[32,3478,2616],{"class":1280},[32,3480,1303],{"class":225},[32,3482,3483,3485,3487,3490],{"class":34,"line":608},[32,3484,2565],{"class":1264},[32,3486,2568],{"class":225},[32,3488,3489],{"class":1264},"red",[32,3491,1303],{"class":225},[32,3493,3494],{"class":34,"line":648},[32,3495,1308],{"class":225},[32,3497,3498],{"class":34,"line":667},[32,3499,605],{"emptyLinePlaceholder":101},[32,3501,3502,3504,3507],{"class":34,"line":676},[32,3503,3328],{"class":233},[32,3505,3506],{"class":229}," image",[32,3508,1587],{"class":225},[32,3510,3511,3514,3516,3519,3521],{"class":34,"line":706},[32,3512,3513],{"class":1264},"  padding",[32,3515,2568],{"class":225},[32,3517,3518],{"class":1264},"12.5",[32,3520,2616],{"class":1280},[32,3522,1303],{"class":225},[32,3524,3525,3527,3529,3532,3534],{"class":34,"line":824},[32,3526,2649],{"class":1264},[32,3528,2568],{"class":225},[32,3530,3531],{"class":1264},"20",[32,3533,2616],{"class":1280},[32,3535,1303],{"class":225},[32,3537,3538,3540,3542,3544,3546],{"class":34,"line":830},[32,3539,2634],{"class":1264},[32,3541,2568],{"class":225},[32,3543,3531],{"class":1264},[32,3545,2616],{"class":1280},[32,3547,1303],{"class":225},[32,3549,3550],{"class":34,"line":836},[32,3551,1308],{"class":225},[32,3553,3554],{"class":34,"line":842},[32,3555,605],{"emptyLinePlaceholder":101},[32,3557,3558,3561],{"class":34,"line":848},[32,3559,3560],{"class":233},".nav-top-txt",[32,3562,1587],{"class":225},[32,3564,3565,3568,3570,3573],{"class":34,"line":854},[32,3566,3567],{"class":1264},"  font-weight",[32,3569,2568],{"class":225},[32,3571,3572],{"class":1264},"500",[32,3574,1303],{"class":225},[32,3576,3577,3580,3582,3585],{"class":34,"line":860},[32,3578,3579],{"class":1264},"  text-align",[32,3581,2568],{"class":225},[32,3583,3584],{"class":1264},"center",[32,3586,1303],{"class":225},[32,3588,3589,3592,3594,3596,3598],{"class":34,"line":866},[32,3590,3591],{"class":1264},"  line-height",[32,3593,2568],{"class":225},[32,3595,3381],{"class":1264},[32,3597,2616],{"class":1280},[32,3599,1303],{"class":225},[32,3601,3602,3605,3607,3610],{"class":34,"line":872},[32,3603,3604],{"class":1264},"  flex",[32,3606,2568],{"class":225},[32,3608,3609],{"class":1264},"1",[32,3611,1303],{"class":225},[32,3613,3614],{"class":34,"line":878},[32,3615,1308],{"class":225},[22,3617,3619],{"className":24,"code":3618,"language":26,"meta":27,"style":27},"var app = getApp();\n\nPage({\n  data: {\n    statusBarHeight: app.globalData.statusBarHeight,\n  },\n\n  onBack: function () {\n    wx.navigateBack({});\n  },\n});\n",[29,3620,3621,3626,3630,3634,3638,3643,3647,3651,3656,3661,3665],{"__ignoreMap":27},[32,3622,3623],{"class":34,"line":35},[32,3624,3625],{},"var app = getApp();\n",[32,3627,3628],{"class":34,"line":41},[32,3629,605],{"emptyLinePlaceholder":101},[32,3631,3632],{"class":34,"line":47},[32,3633,2672],{},[32,3635,3636],{"class":34,"line":53},[32,3637,2677],{},[32,3639,3640],{"class":34,"line":59},[32,3641,3642],{},"    statusBarHeight: app.globalData.statusBarHeight,\n",[32,3644,3645],{"class":34,"line":489},[32,3646,2687],{},[32,3648,3649],{"class":34,"line":500},[32,3650,605],{"emptyLinePlaceholder":101},[32,3652,3653],{"class":34,"line":512},[32,3654,3655],{},"  onBack: function () {\n",[32,3657,3658],{"class":34,"line":521},[32,3659,3660],{},"    wx.navigateBack({});\n",[32,3662,3663],{"class":34,"line":531},[32,3664,2687],{},[32,3666,3667],{"class":34,"line":541},[32,3668,2745],{},[11,3670,3671],{"id":3671},"真机预览",[153,3673,3674],{},[156,3675],{"alt":158,"src":3676},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F3ce6f541bf29fd142274fe4d14a37a0d.png",[153,3678,3679],{},[156,3680],{"alt":158,"src":3681},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002Fe8fc54a034f870399e708fa79929e480.png",[153,3683,3684],{},[156,3685],{"alt":158,"src":3686},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F919721e51ffc33c080c85be38be848ec.png",[11,3688,3690],{"id":3689},"csdn-新勋章看上去还不错哦","CSDN 新勋章看上去还不错哦",[153,3692,3693],{},[156,3694],{"alt":158,"src":3695},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F8e646fb12fc406053992daea4afe97d5.png",[11,3697,3699],{"id":3698},"希望这篇博客可以带给你帮助","希望这篇博客可以带给你帮助 ~~~",[86,3701,3702],{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .s6RL2, html code.shiki .s6RL2{--shiki-default:#FDAEB7;--shiki-default-font-style:italic}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html pre.shiki code .sAwPA, html code.shiki .sAwPA{--shiki-default:#6A737D}html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}html pre.shiki code .s4JwU, html code.shiki .s4JwU{--shiki-default:#85E89D}",{"title":27,"searchDepth":41,"depth":41,"links":3704},[3705,3706,3707,3708],{"id":3127,"depth":41,"text":3128},{"id":3671,"depth":41,"text":3671},{"id":3689,"depth":41,"text":3690},{"id":3698,"depth":41,"text":3699},"2020-03-02",{},"\u002Fblog\u002Fwechat_mini_program_custom_top_navigation_bar_demo",{"title":3074,"description":3074},"blog\u002Fwechat_mini_program_custom_top_navigation_bar_demo",[2766],"R2BGGgleK9YY2SARmM4sG6PDgmx2ajSNzV02D9wKx7Y",{"id":3717,"title":3718,"body":3719,"category":95,"cover":96,"csdn":96,"date":3763,"description":3718,"draft":98,"extension":99,"meta":3764,"navigation":101,"path":3765,"seo":3766,"stem":3767,"tags":3768,"updated":96,"__hash__":3770},"blog\u002Fblog\u002Fwechat_internal_access_third_party_website_remove_red_alert_bar_after_input_focus.md","微信内访问第三方网站 聚焦 input 后 去除红色提醒栏",{"type":8,"value":3720,"toc":3761},[3721,3724,3727,3733,3739,3745,3751,3756,3759],[153,3722,3723],{},"有是在微信内访问部分网站聚焦input后总是会提醒 “防欺诈盗号，请勿支付或输入QQ密码”，",[153,3725,3726],{},"而部分网站input聚焦后却没有这种提醒，",[153,3728,3729,3730],{},"一直到今天，设置公众号的时候，发现了还有这样的一项\n",[156,3731],{"alt":158,"src":3732},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F688c8b3e710ab0dc43ed3d9ad55d295b.png",[153,3734,3735,3736],{},"我有一个个人站点，备案了，但是什么内容，特意来测试一番、这是设置前的截图\n",[156,3737],{"alt":158,"src":3738},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F88042149e47440b20c951476644625b7.png",[153,3740,3741,3742],{},"开始设置\n",[156,3743],{"alt":158,"src":3744},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002Fefaeacb5a9b2975176167f758611dff2.png",[153,3746,3747,3748],{},"这是设置后的截图，设置后不到1分钟，就没有提醒了。\n",[156,3749],{"alt":158,"src":3750},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F33c6b1da6d4311132f2f8bbeb9c3c2b3.png",[3752,3753,3755],"h4",{"id":3754},"对你有帮助请点个-赞","对你有帮助请点个 “赞”",[3752,3757,3758],{"id":3758},"仍有疑惑请评论",[506,3760],{},{"title":27,"searchDepth":41,"depth":41,"links":3762},[],"2020-02-13",{},"\u002Fblog\u002Fwechat_internal_access_third_party_website_remove_red_alert_bar_after_input_focus",{"title":3718,"description":3718},"blog\u002Fwechat_internal_access_third_party_website_remove_red_alert_bar_after_input_focus",[3769],"website","BsUi_IxMzwkmLdg8nDSeePRoWbFph_LKq7HPK1p_i7A",{"id":3772,"title":3773,"body":3774,"category":95,"cover":96,"csdn":96,"date":3817,"description":3773,"draft":98,"extension":99,"meta":3818,"navigation":101,"path":3819,"seo":3820,"stem":3821,"tags":3822,"updated":96,"__hash__":3824},"blog\u002Fblog\u002Fwechat_mini_program_canvas_drawimage_first_argument.md","微信小程序 canvas drawImage() 第一个参数-坑",{"type":8,"value":3775,"toc":3815},[3776,3779,3782,3785,3788,3791,3794,3801,3806,3811],[153,3777,3778],{},"学习canvas，使用drawImage() 将图片画到canvas上。",[153,3780,3781],{},"最开始使用本地路径，一切ok，后来图片素材越来越多，就放到了云存储里。",[153,3783,3784],{},"此时如果第一个参数使用云存储-图片下载地址，调用drawImage()模拟器正常，",[153,3786,3787],{},"真机调试及预览 ios死活画不出来？？？？？？",[153,3789,3790],{},"试了一下午找到了解决方法，将云存储下载地址传入wx.getImageInfo 返回res.path 再调用drawImage()，哈哈哈哈哈啊，终于解决了。",[153,3792,3793],{},"还能获得图片宽高 res.width res.height。",[153,3795,3796],{},[333,3797,3800],{"href":3798,"rel":3799},"https:\u002F\u002Fdevelopers.weixin.qq.com\u002Fminiprogram\u002Fdev\u002Fapi\u002Fmedia\u002Fimage\u002Fwx.getImageInfo.html",[337],"微信小程序 wx.getImageInfo 文档链接。",[153,3802,3803],{},[156,3804],{"alt":158,"src":3805},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F52c89fd73ea9e9b28da0ed84852934da.png",[153,3807,3808],{},[156,3809],{"alt":158,"src":3810},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002Ffbefc58d93a61b4ab76cbe66432a460c.png",[153,3812,3813],{},[156,3814],{"alt":158,"src":3087},{"title":27,"searchDepth":41,"depth":41,"links":3816},[],"2020-02-05",{},"\u002Fblog\u002Fwechat_mini_program_canvas_drawimage_first_argument",{"title":3773,"description":3773},"blog\u002Fwechat_mini_program_canvas_drawimage_first_argument",[3823],"canvas","rSe_ThzQWFWNVZaLI_fcpFtxwqAO9wcDl79pzgc86u0",{"id":3826,"title":3827,"body":3828,"category":95,"cover":96,"csdn":96,"date":4152,"description":3827,"draft":98,"extension":99,"meta":4153,"navigation":101,"path":4154,"seo":4155,"stem":4156,"tags":4157,"updated":96,"__hash__":4158},"blog\u002Fblog\u002Fwechat_mini_program_scroll_view_horizontal_scroll_not_working_demo.md","微信小程序 scroll-view 无法横向滚动 demo",{"type":8,"value":3829,"toc":4144},[3830,3838,3844,3847,4014,4112,4117,4120,4124,4129,4132,4136,4141],[153,3831,3832,3833],{},"放置 --- ",[333,3834,3837],{"href":3835,"rel":3836},"https:\u002F\u002Fdevelopers.weixin.qq.com\u002Fminiprogram\u002Fdev\u002Fcomponent\u002Fscroll-view.html",[337],"微信官方文档链接",[153,3839,3840,3841],{},"遇到的问题：scroll-view 组件添加 scroll-x=\"true\"属性仍无法 ",[1189,3842,3843],{},"横向滚动",[153,3845,3846],{},"解决方法如下：",[22,3848,3850],{"className":216,"code":3849,"language":218,"meta":27,"style":27},"\u003Cscroll-view class=\"fir\" scroll-x=\"true\">\n  \u003Cview>1\u003C\u002Fview>\n  \u003Cview>2\u003C\u002Fview>\n  \u003Cview>3\u003C\u002Fview>\n  \u003Cview>4\u003C\u002Fview>\n  \u003Cview>5\u003C\u002Fview>\n  \u003Cview>6\u003C\u002Fview>\n  \u003Cview>7\u003C\u002Fview>\n  \u003Cview>8\u003C\u002Fview>\n  \u003Cview>9\u003C\u002Fview>\n  \u003Cview>10\u003C\u002Fview>\n\u003C\u002Fscroll-view>\n",[29,3851,3852,3876,3889,3902,3915,3928,3941,3954,3967,3980,3993,4006],{"__ignoreMap":27},[32,3853,3854,3856,3859,3861,3863,3866,3869,3871,3874],{"class":34,"line":35},[32,3855,226],{"class":225},[32,3857,3858],{"class":229},"scroll-view",[32,3860,631],{"class":233},[32,3862,237],{"class":225},[32,3864,3865],{"class":240},"\"fir\"",[32,3867,3868],{"class":233}," scroll-x",[32,3870,237],{"class":225},[32,3872,3873],{"class":240},"\"true\"",[32,3875,249],{"class":225},[32,3877,3878,3880,3882,3885,3887],{"class":34,"line":41},[32,3879,679],{"class":225},[32,3881,2382],{"class":2381},[32,3883,3884],{"class":225},">1\u003C\u002F",[32,3886,2382],{"class":2381},[32,3888,249],{"class":225},[32,3890,3891,3893,3895,3898,3900],{"class":34,"line":47},[32,3892,679],{"class":225},[32,3894,2382],{"class":2381},[32,3896,3897],{"class":225},">2\u003C\u002F",[32,3899,2382],{"class":2381},[32,3901,249],{"class":225},[32,3903,3904,3906,3908,3911,3913],{"class":34,"line":53},[32,3905,679],{"class":225},[32,3907,2382],{"class":2381},[32,3909,3910],{"class":225},">3\u003C\u002F",[32,3912,2382],{"class":2381},[32,3914,249],{"class":225},[32,3916,3917,3919,3921,3924,3926],{"class":34,"line":59},[32,3918,679],{"class":225},[32,3920,2382],{"class":2381},[32,3922,3923],{"class":225},">4\u003C\u002F",[32,3925,2382],{"class":2381},[32,3927,249],{"class":225},[32,3929,3930,3932,3934,3937,3939],{"class":34,"line":489},[32,3931,679],{"class":225},[32,3933,2382],{"class":2381},[32,3935,3936],{"class":225},">5\u003C\u002F",[32,3938,2382],{"class":2381},[32,3940,249],{"class":225},[32,3942,3943,3945,3947,3950,3952],{"class":34,"line":500},[32,3944,679],{"class":225},[32,3946,2382],{"class":2381},[32,3948,3949],{"class":225},">6\u003C\u002F",[32,3951,2382],{"class":2381},[32,3953,249],{"class":225},[32,3955,3956,3958,3960,3963,3965],{"class":34,"line":512},[32,3957,679],{"class":225},[32,3959,2382],{"class":2381},[32,3961,3962],{"class":225},">7\u003C\u002F",[32,3964,2382],{"class":2381},[32,3966,249],{"class":225},[32,3968,3969,3971,3973,3976,3978],{"class":34,"line":521},[32,3970,679],{"class":225},[32,3972,2382],{"class":2381},[32,3974,3975],{"class":225},">8\u003C\u002F",[32,3977,2382],{"class":2381},[32,3979,249],{"class":225},[32,3981,3982,3984,3986,3989,3991],{"class":34,"line":531},[32,3983,679],{"class":225},[32,3985,2382],{"class":2381},[32,3987,3988],{"class":225},">9\u003C\u002F",[32,3990,2382],{"class":2381},[32,3992,249],{"class":225},[32,3994,3995,3997,3999,4002,4004],{"class":34,"line":541},[32,3996,679],{"class":225},[32,3998,2382],{"class":2381},[32,4000,4001],{"class":225},">10\u003C\u002F",[32,4003,2382],{"class":2381},[32,4005,249],{"class":225},[32,4007,4008,4010,4012],{"class":34,"line":551},[32,4009,709],{"class":225},[32,4011,3858],{"class":229},[32,4013,249],{"class":225},[22,4015,4017],{"className":2549,"code":4016,"language":2551,"meta":27,"style":27},".fir {\n  white-space: nowrap;\n  height: 150rpx;\n}\n\n.fir view {\n  height: 150rpx;\n  width: 150rpx;\n  background-color: red;\n  display: inline-block;\n}\n",[29,4018,4019,4026,4038,4050,4054,4058,4067,4077,4087,4097,4108],{"__ignoreMap":27},[32,4020,4021,4024],{"class":34,"line":35},[32,4022,4023],{"class":233},".fir",[32,4025,1587],{"class":225},[32,4027,4028,4031,4033,4036],{"class":34,"line":41},[32,4029,4030],{"class":1264},"  white-space",[32,4032,2568],{"class":225},[32,4034,4035],{"class":1264},"nowrap",[32,4037,1303],{"class":225},[32,4039,4040,4042,4044,4047],{"class":34,"line":47},[32,4041,2649],{"class":1264},[32,4043,2568],{"class":225},[32,4045,4046],{"class":1264},"150",[32,4048,4049],{"class":225},"rpx;\n",[32,4051,4052],{"class":34,"line":53},[32,4053,1308],{"class":225},[32,4055,4056],{"class":34,"line":59},[32,4057,605],{"emptyLinePlaceholder":101},[32,4059,4060,4062,4065],{"class":34,"line":489},[32,4061,4023],{"class":233},[32,4063,4064],{"class":229}," view",[32,4066,1587],{"class":225},[32,4068,4069,4071,4073,4075],{"class":34,"line":500},[32,4070,2649],{"class":1264},[32,4072,2568],{"class":225},[32,4074,4046],{"class":1264},[32,4076,4049],{"class":225},[32,4078,4079,4081,4083,4085],{"class":34,"line":512},[32,4080,2634],{"class":1264},[32,4082,2568],{"class":225},[32,4084,4046],{"class":1264},[32,4086,4049],{"class":225},[32,4088,4089,4091,4093,4095],{"class":34,"line":521},[32,4090,2565],{"class":1264},[32,4092,2568],{"class":225},[32,4094,3489],{"class":1264},[32,4096,1303],{"class":225},[32,4098,4099,4101,4103,4106],{"class":34,"line":531},[32,4100,3414],{"class":1264},[32,4102,2568],{"class":225},[32,4104,4105],{"class":1264},"inline-block",[32,4107,1303],{"class":225},[32,4109,4110],{"class":34,"line":541},[32,4111,1308],{"class":225},[153,4113,4114],{},[156,4115],{"alt":158,"src":4116},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F1367bfc51c1bed4b6c1fede12e10da99.png",[11,4118,4119],{"id":4119},"实际使用",[11,4121,4123],{"id":4122},"两个-scroll-view-实现的美图秀秀贴纸栏微信qq表情栏","两个 scroll-view 实现的（美图秀秀贴纸栏、微信QQ表情栏）",[153,4125,4126],{},[156,4127],{"alt":158,"src":4128},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F855c17693b8dc442bb998dcf4f728579.png",[328,4130,326],{"id":4131},"喜欢或对你有帮助请点个赞吧",[328,4133,4135],{"id":4134},"有错误或者疑问还请评论指出","有错误或者疑问还请评论指出。",[328,4137,331,4138,339],{"id":330},[333,4139,338],{"href":335,"rel":4140},[337],[86,4142,4143],{},"html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .s4JwU, html code.shiki .s4JwU{--shiki-default:#85E89D}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html pre.shiki code .s6RL2, html code.shiki .s6RL2{--shiki-default:#FDAEB7;--shiki-default-font-style:italic}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}",{"title":27,"searchDepth":41,"depth":41,"links":4145},[4146,4147],{"id":4119,"depth":41,"text":4119},{"id":4122,"depth":41,"text":4123,"children":4148},[4149,4150,4151],{"id":4131,"depth":47,"text":326},{"id":4134,"depth":47,"text":4135},{"id":330,"depth":47,"text":346},"2020-02-02",{},"\u002Fblog\u002Fwechat_mini_program_scroll_view_horizontal_scroll_not_working_demo",{"title":3827,"description":3827},"blog\u002Fwechat_mini_program_scroll_view_horizontal_scroll_not_working_demo",[2766],"kPRSbV1txLcmtLFibpN7cnuxW3HmUDSD8MlxJqoSzDQ",{"id":4160,"title":4161,"body":4162,"category":95,"cover":96,"csdn":96,"date":4286,"description":4161,"draft":98,"extension":99,"meta":4287,"navigation":101,"path":4288,"seo":4289,"stem":4290,"tags":4291,"updated":96,"__hash__":4292},"blog\u002Fblog\u002Fwechat_mini_program_map_component_fullscreen.md","微信小程序 map 组件 全屏",{"type":8,"value":4163,"toc":4284},[4164,4167,4190,4240,4270,4277,4279,4281],[3752,4165,4166],{"id":4166},"直接上代码",[22,4168,4170],{"className":216,"code":4169,"language":218,"meta":27,"style":27},"\u002F\u002F map.wxml \n\u003Cmap> \u003C\u002Fmap>\n",[29,4171,4172,4177],{"__ignoreMap":27},[32,4173,4174],{"class":34,"line":35},[32,4175,4176],{"class":225},"\u002F\u002F map.wxml \n",[32,4178,4179,4181,4184,4186,4188],{"class":34,"line":41},[32,4180,226],{"class":225},[32,4182,4183],{"class":229},"map",[32,4185,244],{"class":225},[32,4187,4183],{"class":229},[32,4189,249],{"class":225},[22,4191,4193],{"className":2549,"code":4192,"language":2551,"meta":27,"style":27},"\u002F\u002F map.wxss\n#mapp {\n  height: 100vh;\n  width: 100%;\n}\n",[29,4194,4195,4205,4212,4224,4236],{"__ignoreMap":27},[32,4196,4197,4200,4202],{"class":34,"line":35},[32,4198,4199],{"class":225},"\u002F\u002F ",[32,4201,4183],{"class":229},[32,4203,4204],{"class":233},".wxss\n",[32,4206,4207,4210],{"class":34,"line":41},[32,4208,4209],{"class":233},"#mapp",[32,4211,1587],{"class":225},[32,4213,4214,4216,4218,4220,4222],{"class":34,"line":47},[32,4215,2649],{"class":1264},[32,4217,2568],{"class":225},[32,4219,2639],{"class":1264},[32,4221,2656],{"class":1280},[32,4223,1303],{"class":225},[32,4225,4226,4228,4230,4232,4234],{"class":34,"line":53},[32,4227,2634],{"class":1264},[32,4229,2568],{"class":225},[32,4231,2639],{"class":1264},[32,4233,2642],{"class":1280},[32,4235,1303],{"class":225},[32,4237,4238],{"class":34,"line":59},[32,4239,1308],{"class":225},[22,4241,4245],{"className":4242,"code":4243,"language":4244,"meta":27,"style":27},"language-json shiki shiki-themes github-dark","\u002F\u002F map.json\n{\n  \"navigationStyle\": \"custom\"\n}\n","json",[29,4246,4247,4252,4256,4266],{"__ignoreMap":27},[32,4248,4249],{"class":34,"line":35},[32,4250,4251],{"class":1268},"\u002F\u002F map.json\n",[32,4253,4254],{"class":34,"line":41},[32,4255,1702],{"class":225},[32,4257,4258,4261,4263],{"class":34,"line":47},[32,4259,4260],{"class":1264},"  \"navigationStyle\"",[32,4262,2568],{"class":225},[32,4264,4265],{"class":240},"\"custom\"\n",[32,4267,4268],{"class":34,"line":53},[32,4269,1308],{"class":225},[153,4271,4272,4275],{},[156,4273],{"alt":158,"src":4274},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F77b482ae9467ec2324389885aa495ac8.png",[506,4276],{},[3752,4278,3755],{"id":3754},[3752,4280,3758],{"id":3758},[86,4282,4283],{},"html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .s4JwU, html code.shiki .s4JwU{--shiki-default:#85E89D}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}html pre.shiki code .sAwPA, html code.shiki .sAwPA{--shiki-default:#6A737D}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}",{"title":27,"searchDepth":41,"depth":41,"links":4285},[],"2020-01-21",{},"\u002Fblog\u002Fwechat_mini_program_map_component_fullscreen",{"title":4161,"description":4161},"blog\u002Fwechat_mini_program_map_component_fullscreen",[4183],"PpZfbJLWU-0cCXw0nSJf3gwrOCLXet-a_9v7AhWf13s",{"id":4294,"title":4295,"body":4296,"category":95,"cover":96,"csdn":96,"date":4556,"description":4295,"draft":98,"extension":99,"meta":4557,"navigation":101,"path":4558,"seo":4559,"stem":4560,"tags":4561,"updated":96,"__hash__":4563},"blog\u002Fblog\u002Fget_window_properties.md","获取窗口属性",{"type":8,"value":4297,"toc":4554},[4298,4302,4317,4383,4387,4516,4520,4523,4529,4544,4548,4551],[1250,4299,4301],{"id":4300},"_1-滚动条","1. 滚动条",[22,4303,4305],{"className":24,"code":4304,"language":26,"meta":27,"style":27},"\u002F\u002F 兼容\ndocument.body.scrollLeft + document.documentElement.scrollLeft;\n",[29,4306,4307,4312],{"__ignoreMap":27},[32,4308,4309],{"class":34,"line":35},[32,4310,4311],{},"\u002F\u002F 兼容\n",[32,4313,4314],{"class":34,"line":41},[32,4315,4316],{},"document.body.scrollLeft + document.documentElement.scrollLeft;\n",[22,4318,4320],{"className":24,"code":4319,"language":26,"meta":27,"style":27},"function getScrollOffset() {\n  if (window.pageXOffset) {\n    return {\n      x: window.pageXOffset,\n      y: window.pageYOffset,\n    };\n  } else {\n    return {\n      x: document.body.scrollLeft + document.documentElement.scrollLeft,\n      y: document.body.scrollTop + document.documentElement.scrollTop,\n    };\n  }\n}\n",[29,4321,4322,4327,4332,4337,4342,4347,4352,4357,4361,4366,4371,4375,4379],{"__ignoreMap":27},[32,4323,4324],{"class":34,"line":35},[32,4325,4326],{},"function getScrollOffset() {\n",[32,4328,4329],{"class":34,"line":41},[32,4330,4331],{},"  if (window.pageXOffset) {\n",[32,4333,4334],{"class":34,"line":47},[32,4335,4336],{},"    return {\n",[32,4338,4339],{"class":34,"line":53},[32,4340,4341],{},"      x: window.pageXOffset,\n",[32,4343,4344],{"class":34,"line":59},[32,4345,4346],{},"      y: window.pageYOffset,\n",[32,4348,4349],{"class":34,"line":489},[32,4350,4351],{},"    };\n",[32,4353,4354],{"class":34,"line":500},[32,4355,4356],{},"  } else {\n",[32,4358,4359],{"class":34,"line":512},[32,4360,4336],{},[32,4362,4363],{"class":34,"line":521},[32,4364,4365],{},"      x: document.body.scrollLeft + document.documentElement.scrollLeft,\n",[32,4367,4368],{"class":34,"line":531},[32,4369,4370],{},"      y: document.body.scrollTop + document.documentElement.scrollTop,\n",[32,4372,4373],{"class":34,"line":541},[32,4374,4351],{},[32,4376,4377],{"class":34,"line":551},[32,4378,1609],{},[32,4380,4381],{"class":34,"line":562},[32,4382,1308],{},[1250,4384,4386],{"id":4385},"_2-可视区窗口的尺寸","2. 可视区窗口的尺寸",[22,4388,4390],{"className":1255,"code":4389,"language":1257,"meta":27,"style":27},"function getViewportOffset() {\n  if (window.innnerWidth) {\n    return {\n      w: window.innerWidth,\n      h: window.innerHeight,\n    };\n  } else {\n    if (document.compatMode === \"BackCompat\") {\n      return {\n        w: document.body.clientWidth,\n        h: document.body.clientHeight,\n      };\n    } else {\n      return {\n        w: document.documentElement.clientWidth,\n        h: document.documentElement.clientHeight,\n      };\n    }\n  }\n}\n",[29,4391,4392,4402,4409,4416,4421,4426,4430,4438,4453,4460,4465,4470,4475,4484,4490,4495,4500,4504,4508,4512],{"__ignoreMap":27},[32,4393,4394,4396,4399],{"class":34,"line":35},[32,4395,1384],{"class":1280},[32,4397,4398],{"class":233}," getViewportOffset",[32,4400,4401],{"class":225},"() {\n",[32,4403,4404,4406],{"class":34,"line":41},[32,4405,1511],{"class":1280},[32,4407,4408],{"class":225}," (window.innnerWidth) {\n",[32,4410,4411,4414],{"class":34,"line":47},[32,4412,4413],{"class":1280},"    return",[32,4415,1587],{"class":225},[32,4417,4418],{"class":34,"line":53},[32,4419,4420],{"class":225},"      w: window.innerWidth,\n",[32,4422,4423],{"class":34,"line":59},[32,4424,4425],{"class":225},"      h: window.innerHeight,\n",[32,4427,4428],{"class":34,"line":489},[32,4429,4351],{"class":225},[32,4431,4432,4434,4436],{"class":34,"line":500},[32,4433,1533],{"class":225},[32,4435,1536],{"class":1280},[32,4437,1587],{"class":225},[32,4439,4440,4442,4445,4448,4451],{"class":34,"line":512},[32,4441,1678],{"class":1280},[32,4443,4444],{"class":225}," (document.compatMode ",[32,4446,4447],{"class":1280},"===",[32,4449,4450],{"class":240}," \"BackCompat\"",[32,4452,1506],{"class":225},[32,4454,4455,4458],{"class":34,"line":521},[32,4456,4457],{"class":1280},"      return",[32,4459,1587],{"class":225},[32,4461,4462],{"class":34,"line":531},[32,4463,4464],{"class":225},"        w: document.body.clientWidth,\n",[32,4466,4467],{"class":34,"line":541},[32,4468,4469],{"class":225},"        h: document.body.clientHeight,\n",[32,4471,4472],{"class":34,"line":551},[32,4473,4474],{"class":225},"      };\n",[32,4476,4477,4480,4482],{"class":34,"line":562},[32,4478,4479],{"class":225},"    } ",[32,4481,1536],{"class":1280},[32,4483,1587],{"class":225},[32,4485,4486,4488],{"class":34,"line":568},[32,4487,4457],{"class":1280},[32,4489,1587],{"class":225},[32,4491,4492],{"class":34,"line":591},[32,4493,4494],{"class":225},"        w: document.documentElement.clientWidth,\n",[32,4496,4497],{"class":34,"line":602},[32,4498,4499],{"class":225},"        h: document.documentElement.clientHeight,\n",[32,4501,4502],{"class":34,"line":608},[32,4503,4474],{"class":225},[32,4505,4506],{"class":34,"line":648},[32,4507,1000],{"class":225},[32,4509,4510],{"class":34,"line":667},[32,4511,1609],{"class":225},[32,4513,4514],{"class":34,"line":676},[32,4515,1308],{"class":225},[1250,4517,4519],{"id":4518},"_3-查看元素几何属性","3. 查看元素几何属性",[153,4521,4522],{},"domEle.getBoundingClientRect(); \u002F\u002F 舍弃 静态 兼容性好，ie无hw",[22,4524,4527],{"className":4525,"code":4526,"language":1177},[1175],"dom.offsetHeight  dom.offsetWidth \u002F\u002F 视觉上的尺寸，包含padding\ndom.offsetLeft dom.offsetTop \u002F\u002F 距离父级 \u002F 文档\n\ndom.offsetParent \u002F\u002F 有定位的父级\n",[29,4528,4526],{"__ignoreMap":27},[22,4530,4532],{"className":1255,"code":4531,"language":1257,"meta":27,"style":27},"function getElementPosition() {}\n",[29,4533,4534],{"__ignoreMap":27},[32,4535,4536,4538,4541],{"class":34,"line":35},[32,4537,1384],{"class":1280},[32,4539,4540],{"class":233}," getElementPosition",[32,4542,4543],{"class":225},"() {}\n",[1250,4545,4547],{"id":4546},"_4-让滚动条滚动","4. 让滚动条滚动",[153,4549,4550],{},"window上有三个方法\nscroll(0, 10); scrollTo(0, 10); \u002F\u002F 一样 x定位至10\nscrollBy(0, 10);       \u002F\u002F 向x滚动 10距离\n\u002F\u002F 小说自动阅读",[86,4552,4553],{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}",{"title":27,"searchDepth":41,"depth":41,"links":4555},[],"2020-01-10",{},"\u002Fblog\u002Fget_window_properties",{"title":4295,"description":4295},"blog\u002Fget_window_properties",[4562],"window","s3wPte4K9dwb5lQMu7H_9WV2-VPdRsfJnzjv_Q8nRGA",{"id":4565,"title":4566,"body":4567,"category":95,"cover":96,"csdn":96,"date":4556,"description":4566,"draft":98,"extension":99,"meta":4822,"navigation":101,"path":4823,"seo":4824,"stem":4825,"tags":4826,"updated":96,"__hash__":4827},"blog\u002Fblog\u002Fjavascript_date_object_timer.md","JavaScript date 对象 定时器",{"type":8,"value":4568,"toc":4818},[4569,4572,4756,4765,4768,4816],[11,4570,4571],{"id":4571},"date对象",[4573,4574,4575,4588],"table",{},[4576,4577,4578],"thead",{},[4579,4580,4581,4585],"tr",{},[4582,4583,4584],"th",{},"方法",[4582,4586,4587],{},"描述",[4589,4590,4591,4600,4608,4616,4624,4632,4640,4648,4656,4668,4676,4684,4692,4700,4708,4716,4724,4732,4740,4748],"tbody",{},[4579,4592,4593,4597],{},[4594,4595,4596],"td",{},"getDate()",[4594,4598,4599],{},"从 Date 对象返回一个月中的某一天 (1 ~ 31)。",[4579,4601,4602,4605],{},[4594,4603,4604],{},"getDay()",[4594,4606,4607],{},"从 Date 对象返回一周中的某一天 (0 ~ 6)。",[4579,4609,4610,4613],{},[4594,4611,4612],{},"getMonth()",[4594,4614,4615],{},"从 Date 对象返回月份 (0 ~ 11)。",[4579,4617,4618,4621],{},[4594,4619,4620],{},"getFullYear()",[4594,4622,4623],{},"从 Date 对象以四位数字返回年份。",[4579,4625,4626,4629],{},[4594,4627,4628],{},"getHours()",[4594,4630,4631],{},"返回 Date 对象的小时 (0 ~ 23)。",[4579,4633,4634,4637],{},[4594,4635,4636],{},"getMinutes()",[4594,4638,4639],{},"返回 Date 对象的分钟 (0 ~ 59)。",[4579,4641,4642,4645],{},[4594,4643,4644],{},"getSeconds()",[4594,4646,4647],{},"返回 Date 对象的秒数 (0 ~ 59)。",[4579,4649,4650,4653],{},[4594,4651,4652],{},"getMilliseconds()",[4594,4654,4655],{},"返回 Date 对象的毫秒(0 ~ 999)。",[4579,4657,4658,4663],{},[4594,4659,4660],{},[1189,4661,4662],{},"getTime()",[4594,4664,4665],{},[1189,4666,4667],{},"返回 1970 年 1 月 1 日至今的毫秒数。",[4579,4669,4670,4673],{},[4594,4671,4672],{},"setDate()",[4594,4674,4675],{},"设置 Date 对象中月的某一天 (1 ~ 31)。",[4579,4677,4678,4681],{},[4594,4679,4680],{},"setMonth()",[4594,4682,4683],{},"设置 Date 对象中月份 (0 ~ 11)。",[4579,4685,4686,4689],{},[4594,4687,4688],{},"setFullYear()",[4594,4690,4691],{},"设置 Date 对象中的年份（四位数字）。",[4579,4693,4694,4697],{},[4594,4695,4696],{},"setHours()",[4594,4698,4699],{},"设置 Date 对象中的小时 (0 ~ 23)。",[4579,4701,4702,4705],{},[4594,4703,4704],{},"setMinutes()",[4594,4706,4707],{},"设置 Date 对象中的分钟 (0 ~ 59)。",[4579,4709,4710,4713],{},[4594,4711,4712],{},"setSeconds()",[4594,4714,4715],{},"设置 Date 对象中的秒钟 (0 ~ 59)。",[4579,4717,4718,4721],{},[4594,4719,4720],{},"setMilliseconds()",[4594,4722,4723],{},"设置 Date 对象中的毫秒 (0 ~ 999)。",[4579,4725,4726,4729],{},[4594,4727,4728],{},"setTime()",[4594,4730,4731],{},"以毫秒设置 Date 对象。",[4579,4733,4734,4737],{},[4594,4735,4736],{},"toString()",[4594,4738,4739],{},"把 Date 对象转换为字符串。",[4579,4741,4742,4745],{},[4594,4743,4744],{},"toTimeString()",[4594,4746,4747],{},"把 Date 对象的时间部分转换为字符串。",[4579,4749,4750,4753],{},[4594,4751,4752],{},"toDateString()",[4594,4754,4755],{},"把 Date 对象的日期部分转换为字符串。",[153,4757,4758,4759,4764],{},"参考 ",[333,4760,4763],{"href":4761,"rel":4762},"https:\u002F\u002Fwww.w3school.com.cn\u002Fjsref\u002Fjsref_obj_date.asp",[337],"w3school"," 部分资料。",[11,4766,4767],{"id":4767},"定时器",[22,4769,4771],{"className":24,"code":4770,"language":26,"meta":27,"style":27},"\u002F\u002F 间隔循环执行\nvar time = setInterval(function () {}, 1000);\nclearInterval(time);\n\n\u002F\u002F 延迟执行\nvar time2 = setTimeout(function () {}, 1000);\nclearTimeout(time2);\n\n\u002F\u002F 全局对象 window上 的方法，内部函数 this 指向 Window\n",[29,4772,4773,4778,4783,4788,4792,4797,4802,4807,4811],{"__ignoreMap":27},[32,4774,4775],{"class":34,"line":35},[32,4776,4777],{},"\u002F\u002F 间隔循环执行\n",[32,4779,4780],{"class":34,"line":41},[32,4781,4782],{},"var time = setInterval(function () {}, 1000);\n",[32,4784,4785],{"class":34,"line":47},[32,4786,4787],{},"clearInterval(time);\n",[32,4789,4790],{"class":34,"line":53},[32,4791,605],{"emptyLinePlaceholder":101},[32,4793,4794],{"class":34,"line":59},[32,4795,4796],{},"\u002F\u002F 延迟执行\n",[32,4798,4799],{"class":34,"line":489},[32,4800,4801],{},"var time2 = setTimeout(function () {}, 1000);\n",[32,4803,4804],{"class":34,"line":500},[32,4805,4806],{},"clearTimeout(time2);\n",[32,4808,4809],{"class":34,"line":512},[32,4810,605],{"emptyLinePlaceholder":101},[32,4812,4813],{"class":34,"line":521},[32,4814,4815],{},"\u002F\u002F 全局对象 window上 的方法，内部函数 this 指向 Window\n",[86,4817,88],{},{"title":27,"searchDepth":41,"depth":41,"links":4819},[4820,4821],{"id":4571,"depth":41,"text":4571},{"id":4767,"depth":41,"text":4767},{},"\u002Fblog\u002Fjavascript_date_object_timer",{"title":4566,"description":4566},"blog\u002Fjavascript_date_object_timer",[1882],"sAK8c_GrbPLTasSBQAK3cHbvnaTmENssXjFpNKMr9xk",{"id":4829,"title":4830,"body":4831,"category":95,"cover":96,"csdn":96,"date":4932,"description":4933,"draft":98,"extension":99,"meta":4934,"navigation":101,"path":4935,"seo":4936,"stem":4937,"tags":4938,"updated":96,"__hash__":4942},"blog\u002Fblog\u002Ffix_table_header_using_css_position_sticky.md","使用 CSS position: sticky 固定表格表头",{"type":8,"value":4832,"toc":4927},[4833,4837,4843,4847,4905,4909,4915,4921,4924],[11,4834,4836],{"id":4835},"_1-html","1. HTML",[153,4838,4839],{},[156,4840],{"alt":4841,"src":4842},"HTML 表格结构示例","https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002Fd022dc9d6d644fc1806af289d98b760e.png",[11,4844,4846],{"id":4845},"_2-css","2. CSS",[22,4848,4850],{"className":2549,"code":4849,"language":2551,"meta":27,"style":27},"th {\n  position: sticky;\n  top: 0;\n  background-color: #000;\n  color: #fff;\n}\n",[29,4851,4852,4858,4869,4879,4890,4901],{"__ignoreMap":27},[32,4853,4854,4856],{"class":34,"line":35},[32,4855,4582],{"class":229},[32,4857,1587],{"class":225},[32,4859,4860,4862,4864,4867],{"class":34,"line":41},[32,4861,2596],{"class":1264},[32,4863,2568],{"class":225},[32,4865,4866],{"class":1264},"sticky",[32,4868,1303],{"class":225},[32,4870,4871,4873,4875,4877],{"class":34,"line":47},[32,4872,2608],{"class":1264},[32,4874,2568],{"class":225},[32,4876,2576],{"class":1264},[32,4878,1303],{"class":225},[32,4880,4881,4883,4885,4888],{"class":34,"line":53},[32,4882,2565],{"class":1264},[32,4884,2568],{"class":225},[32,4886,4887],{"class":1264},"#000",[32,4889,1303],{"class":225},[32,4891,4892,4895,4897,4899],{"class":34,"line":59},[32,4893,4894],{"class":1264},"  color",[32,4896,2568],{"class":225},[32,4898,3395],{"class":1264},[32,4900,1303],{"class":225},[32,4902,4903],{"class":34,"line":489},[32,4904,1308],{"class":225},[11,4906,4908],{"id":4907},"_3-效果图","3. 效果图",[153,4910,4911],{},[156,4912],{"alt":4913,"src":4914},"固定表头效果图","https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F11b69b312b170e784d2eebe37be96451.png",[153,4916,4917],{},[156,4918],{"alt":4919,"src":4920},"滚动时表头固定效果图","https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F4bca91f7da9eaa837dab087ef23e9cf1.png",[153,4922,4923],{},"效果就是这样了，我觉得还可以用这个属性做导航栏。",[86,4925,4926],{},"html pre.shiki code .s4JwU, html code.shiki .s4JwU{--shiki-default:#85E89D}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":27,"searchDepth":41,"depth":41,"links":4928},[4929,4930,4931],{"id":4835,"depth":41,"text":4836},{"id":4845,"depth":41,"text":4846},{"id":4907,"depth":41,"text":4908},"2019-12-14","记录用 CSS position: sticky 固定 table 表头的实现方式。",{},"\u002Fblog\u002Ffix_table_header_using_css_position_sticky",{"title":4830,"description":4933},"blog\u002Ffix_table_header_using_css_position_sticky",[4939,4940,4941],"CSS","Table","position sticky","tx86VNiZaeFxSehXO2U6L-ep2QPpDRyHxUsmwxOxF8Q",{"id":4944,"title":4945,"body":4946,"category":95,"cover":96,"csdn":96,"date":5048,"description":4945,"draft":98,"extension":99,"meta":5049,"navigation":101,"path":5050,"seo":5051,"stem":5052,"tags":5053,"updated":96,"__hash__":5054},"blog\u002Fblog\u002Fscripted_css.md","脚本化 css",{"type":8,"value":4947,"toc":5044},[4948,4952,4958,4960,4966,4969,5041],[11,4949,4951],{"id":4950},"读写元素css属性-使用dom间接修改css","读写元素css属性 使用dom间接修改css",[22,4953,4956],{"className":4954,"code":4955,"language":1177},[1175],"dom.style.prop \u002F\u002F 读到的是行间的样式！\n               \u002F\u002F RW\n               \u002F\u002F bg-co  -->  bgCo     不允许-\n               \u002F\u002F float  -->  cssFloat float保留字\n               \u002F\u002F 值为字符串\n               \u002F\u002F 复合属性建议拆解：border\n",[29,4957,4955],{"__ignoreMap":27},[1210,4959],{},[22,4961,4964],{"className":4962,"code":4963,"language":1177},[1175],"查询计算样式(最终显示样式，包括默认值)\nwindow.getComputedStyle(ele, null)  \u002F\u002F R\n                                    \u002F\u002F 返回的计算样式的值都是绝对值  1em --> 16px\n                                    \u002F\u002F IE8 no\n                                    \u002F\u002F null 可获取伪元素\n\nele.currentStyle (IE独有)  \u002F\u002F R\n                           \u002F\u002F 返回 原封不动的值\n",[29,4965,4963],{"__ignoreMap":27},[11,4967,4968],{"id":4968},"封装兼容性方法",[22,4970,4972],{"className":1255,"code":4971,"language":1257,"meta":27,"style":27},"function getStyle(ele, pro) {\n  if (window.getComputedStyle) {\n    return window.getComputedStyle(ele, null)[pro];\n  } else {\n    return ele.currentStyle[pro];\n  }\n}\n",[29,4973,4974,4992,4999,5018,5026,5033,5037],{"__ignoreMap":27},[32,4975,4976,4978,4981,4983,4985,4987,4990],{"class":34,"line":35},[32,4977,1384],{"class":1280},[32,4979,4980],{"class":233}," getStyle",[32,4982,1375],{"class":225},[32,4984,1493],{"class":1492},[32,4986,1381],{"class":225},[32,4988,4989],{"class":1492},"pro",[32,4991,1506],{"class":225},[32,4993,4994,4996],{"class":34,"line":41},[32,4995,1511],{"class":1280},[32,4997,4998],{"class":225}," (window.getComputedStyle) {\n",[32,5000,5001,5003,5006,5009,5012,5015],{"class":34,"line":47},[32,5002,4413],{"class":1280},[32,5004,5005],{"class":225}," window.",[32,5007,5008],{"class":233},"getComputedStyle",[32,5010,5011],{"class":225},"(ele, ",[32,5013,5014],{"class":1264},"null",[32,5016,5017],{"class":225},")[pro];\n",[32,5019,5020,5022,5024],{"class":34,"line":53},[32,5021,1533],{"class":225},[32,5023,1536],{"class":1280},[32,5025,1587],{"class":225},[32,5027,5028,5030],{"class":34,"line":59},[32,5029,4413],{"class":1280},[32,5031,5032],{"class":225}," ele.currentStyle[pro];\n",[32,5034,5035],{"class":34,"line":489},[32,5036,1609],{"class":225},[32,5038,5039],{"class":34,"line":500},[32,5040,1308],{"class":225},[86,5042,5043],{},"html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .s9osk, html code.shiki .s9osk{--shiki-default:#FFAB70}html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":27,"searchDepth":41,"depth":41,"links":5045},[5046,5047],{"id":4950,"depth":41,"text":4951},{"id":4968,"depth":41,"text":4968},"2019-12-10",{},"\u002Fblog\u002Fscripted_css",{"title":4945,"description":4945},"blog\u002Fscripted_css",[2551],"TJcEWl68MOkLLlYYw3ldvg2EM2xvFtmfbSS_i02hjw8",{"id":5056,"title":5057,"body":5058,"category":95,"cover":96,"csdn":96,"date":5277,"description":5057,"draft":98,"extension":99,"meta":5278,"navigation":101,"path":5279,"seo":5280,"stem":5281,"tags":5282,"updated":96,"__hash__":5284},"blog\u002Fblog\u002Flinux_tomcat_install_configuration_uninstallation.md","Linux Tomcat 安装 配置 卸载",{"type":8,"value":5059,"toc":5263},[5060,5064,5077,5079,5083,5093,5106,5108,5112,5128,5130,5134,5147,5149,5153,5183,5185,5189,5201,5203,5207,5220,5224,5233,5235,5239,5243,5250,5254,5256,5260],[11,5061,5063],{"id":5062},"_0-请先确定-jdk","0. 请先确定 jdk !!!",[22,5065,5067],{"className":1136,"code":5066,"language":1138,"meta":27,"style":27},"java -version\n",[29,5068,5069],{"__ignoreMap":27},[32,5070,5071,5074],{"class":34,"line":35},[32,5072,5073],{"class":233},"java",[32,5075,5076],{"class":1264}," -version\n",[506,5078],{},[11,5080,5082],{"id":5081},"_1-将tomcat下载到服务器","1. 将tomcat下载到服务器",[5084,5085,5087,5092],"h6",{"id":5086},"点击访问tomcat官网以tomcat7为例",[333,5088,5091],{"href":5089,"rel":5090},"http:\u002F\u002Ftomcat.apache.org\u002F",[337],"   点击访问Tomcat官网","，以Tomcat7为例。",[22,5094,5096],{"className":1136,"code":5095,"language":1138,"meta":27,"style":27},"wget http:\u002F\u002Fmirrors.tuna.tsinghua.edu.cn\u002Fapache\u002Ftomcat\u002Ftomcat-7\u002Fv7.0.96\u002Fbin\u002Fapache-tomcat-7.0.96.tar.gz\n",[29,5097,5098],{"__ignoreMap":27},[32,5099,5100,5103],{"class":34,"line":35},[32,5101,5102],{"class":233},"wget",[32,5104,5105],{"class":240}," http:\u002F\u002Fmirrors.tuna.tsinghua.edu.cn\u002Fapache\u002Ftomcat\u002Ftomcat-7\u002Fv7.0.96\u002Fbin\u002Fapache-tomcat-7.0.96.tar.gz\n",[506,5107],{},[11,5109,5111],{"id":5110},"_2-解压","2. 解压",[22,5113,5115],{"className":1136,"code":5114,"language":1138,"meta":27,"style":27},"tar -zxvf apache-tomcat-7.0.96.tar.gz\n",[29,5116,5117],{"__ignoreMap":27},[32,5118,5119,5122,5125],{"class":34,"line":35},[32,5120,5121],{"class":233},"tar",[32,5123,5124],{"class":1264}," -zxvf",[32,5126,5127],{"class":240}," apache-tomcat-7.0.96.tar.gz\n",[506,5129],{},[11,5131,5133],{"id":5132},"_3-配置tomcat环境变量","3. 配置Tomcat环境变量",[22,5135,5137],{"className":1136,"code":5136,"language":1138,"meta":27,"style":27},"vi ~\u002F.bash_profile\n",[29,5138,5139],{"__ignoreMap":27},[32,5140,5141,5144],{"class":34,"line":35},[32,5142,5143],{"class":233},"vi",[32,5145,5146],{"class":240}," ~\u002F.bash_profile\n",[506,5148],{},[11,5150,5152],{"id":5151},"_4-在文件里添加两行后保存退出","4. 在文件里添加两行后保存退出",[22,5154,5156],{"className":1136,"code":5155,"language":1138,"meta":27,"style":27},"export TOMCAT_HOME=\u002Froot\u002Fapp\u002Fapache-tomcat-7.0.96\nexport PATH=$TOMCAT_HOME\u002Fbin:$PATH\n\n",[29,5157,5158,5171],{"__ignoreMap":27},[32,5159,5160,5163,5166,5168],{"class":34,"line":35},[32,5161,5162],{"class":1280},"export",[32,5164,5165],{"class":225}," TOMCAT_HOME",[32,5167,237],{"class":1280},[32,5169,5170],{"class":225},"\u002Froot\u002Fapp\u002Fapache-tomcat-7.0.96\n",[32,5172,5173,5175,5178,5180],{"class":34,"line":41},[32,5174,5162],{"class":1280},[32,5176,5177],{"class":225}," PATH",[32,5179,237],{"class":1280},[32,5181,5182],{"class":225},"$TOMCAT_HOME\u002Fbin:$PATH\n",[506,5184],{},[11,5186,5188],{"id":5187},"_5-source一下使刚才的修改生效","5. source一下，使刚才的修改生效",[22,5190,5192],{"className":1136,"code":5191,"language":1138,"meta":27,"style":27},"source ~\u002F.bash_profile\n",[29,5193,5194],{"__ignoreMap":27},[32,5195,5196,5199],{"class":34,"line":35},[32,5197,5198],{"class":1264},"source",[32,5200,5146],{"class":240},[506,5202],{},[11,5204,5206],{"id":5205},"_6-进入tomcat-bin目录下","6. 进入Tomcat bin目录下",[22,5208,5210],{"className":1136,"code":5209,"language":1138,"meta":27,"style":27},"cd bin\n",[29,5211,5212],{"__ignoreMap":27},[32,5213,5214,5217],{"class":34,"line":35},[32,5215,5216],{"class":1264},"cd",[32,5218,5219],{"class":240}," bin\n",[11,5221,5223],{"id":5222},"_7-启动tomcat","7. 启动Tomcat",[22,5225,5227],{"className":1136,"code":5226,"language":1138,"meta":27,"style":27},".\u002Fstartup.sh\n",[29,5228,5229],{"__ignoreMap":27},[32,5230,5231],{"class":34,"line":35},[32,5232,5226],{"class":233},[506,5234],{},[11,5236,5238],{"id":5237},"_8-打开浏览器访问-主机ip8080","8. 打开浏览器访问 主机ip:8080",[11,5240,5242],{"id":5241},"貌似需要5分钟左右才能出现页面坑死我了","貌似需要5分钟左右才能出现页面！！！坑死我了",[153,5244,5245,5248],{},[156,5246],{"alt":158,"src":5247},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F87baaac3bbcdd1d45fb3521b8c5de224.png",[506,5249],{},[11,5251,5253],{"id":5252},"_9-ok啦记得双击么么哒","9. OK啦，记得双击么么哒",[506,5255],{},[11,5257,5259],{"id":5258},"想卸载的话直接删除tomcat目录就可以了","想卸载的话，直接删除tomcat目录就可以了",[86,5261,5262],{},"html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}",{"title":27,"searchDepth":41,"depth":41,"links":5264},[5265,5266,5267,5268,5269,5270,5271,5272,5273,5274,5275,5276],{"id":5062,"depth":41,"text":5063},{"id":5081,"depth":41,"text":5082},{"id":5110,"depth":41,"text":5111},{"id":5132,"depth":41,"text":5133},{"id":5151,"depth":41,"text":5152},{"id":5187,"depth":41,"text":5188},{"id":5205,"depth":41,"text":5206},{"id":5222,"depth":41,"text":5223},{"id":5237,"depth":41,"text":5238},{"id":5241,"depth":41,"text":5242},{"id":5252,"depth":41,"text":5253},{"id":5258,"depth":41,"text":5259},"2019-11-27",{},"\u002Fblog\u002Flinux_tomcat_install_configuration_uninstallation",{"title":5057,"description":5057},"blog\u002Flinux_tomcat_install_configuration_uninstallation",[5283],"Tomcat","UG4DD1Ewp3or0Hk7_dVkq_GbK-gptMZGuAtWBomHWBk",{"id":5286,"title":5287,"body":5288,"category":95,"cover":96,"csdn":96,"date":5470,"description":5287,"draft":98,"extension":99,"meta":5471,"navigation":101,"path":5472,"seo":5473,"stem":5474,"tags":5475,"updated":96,"__hash__":5476},"blog\u002Fblog\u002Fjavascript_dom_selector_node_type.md","JavaScript dom 选择器 节点类型",{"type":8,"value":5289,"toc":5468},[5290,5294,5297,5300,5466],[3752,5291,5293],{"id":5292},"dom-用来修改html-xml-间接修改css","DOM 用来修改html xml 间接修改css",[153,5295,5296],{},"document 包含 html\ndocument 代表整个文档",[3752,5298,5299],{"id":5299},"选择器",[22,5301,5303],{"className":24,"code":5302,"language":26,"meta":27,"style":27},"document.getElementById('only');      \u002F\u002F ie8以下不区分aA name也会选出\ndocument.getElementsByTagName('div'); \u002F\u002F 类数组 最常用ie4\ndocument.getElementsByClassName();    \u002F\u002F ie8及以下no\ndocument.getElementsByName();         \u002F\u002F 只有部分标签生效input, img, iframe\nquerySelector();                      \u002F\u002F 一个 静态选择 ie7及以下no~~  \nquerySelectorall();                   \u002F\u002F 一组 静态选择 ie7及以下no~~\n\n遍历节点树\n.parentNode 最顶端#document\n.childNodes\n.firstChild last\n.nextSibling后一个兄弟节点 .previousSibling前一个兄弟节点\n\n基于元素节点树的遍历 (除children以外其余ie9以下不兼容)\n.parentElement 最顶端html 当前元素的父元素节点\n.children\n.childElementCount === .children.length\n.firstElementChild .lastElementChild\n.nextElementSibling .previousElementSibling\n\n节点的四个属性\n1. nodeName  R\n2. nodeValue RW 文本节点或注释节点\n3. nodeType  R\n元素节点           ——1\n属性节点           ——2\n文本节点           ——3\n注释节点           ——8\ndocument          ——9\nDocumentFragment  ——11\n4. attributes: Element节点的属性集合\n\n节点的一个方法.hasChildNodes();\n",[29,5304,5305,5310,5315,5320,5325,5330,5335,5339,5344,5349,5354,5359,5364,5368,5373,5378,5383,5388,5393,5398,5402,5407,5412,5417,5422,5427,5432,5437,5442,5447,5452,5457,5461],{"__ignoreMap":27},[32,5306,5307],{"class":34,"line":35},[32,5308,5309],{},"document.getElementById('only');      \u002F\u002F ie8以下不区分aA name也会选出\n",[32,5311,5312],{"class":34,"line":41},[32,5313,5314],{},"document.getElementsByTagName('div'); \u002F\u002F 类数组 最常用ie4\n",[32,5316,5317],{"class":34,"line":47},[32,5318,5319],{},"document.getElementsByClassName();    \u002F\u002F ie8及以下no\n",[32,5321,5322],{"class":34,"line":53},[32,5323,5324],{},"document.getElementsByName();         \u002F\u002F 只有部分标签生效input, img, iframe\n",[32,5326,5327],{"class":34,"line":59},[32,5328,5329],{},"querySelector();                      \u002F\u002F 一个 静态选择 ie7及以下no~~  \n",[32,5331,5332],{"class":34,"line":489},[32,5333,5334],{},"querySelectorall();                   \u002F\u002F 一组 静态选择 ie7及以下no~~\n",[32,5336,5337],{"class":34,"line":500},[32,5338,605],{"emptyLinePlaceholder":101},[32,5340,5341],{"class":34,"line":512},[32,5342,5343],{},"遍历节点树\n",[32,5345,5346],{"class":34,"line":521},[32,5347,5348],{},".parentNode 最顶端#document\n",[32,5350,5351],{"class":34,"line":531},[32,5352,5353],{},".childNodes\n",[32,5355,5356],{"class":34,"line":541},[32,5357,5358],{},".firstChild last\n",[32,5360,5361],{"class":34,"line":551},[32,5362,5363],{},".nextSibling后一个兄弟节点 .previousSibling前一个兄弟节点\n",[32,5365,5366],{"class":34,"line":562},[32,5367,605],{"emptyLinePlaceholder":101},[32,5369,5370],{"class":34,"line":568},[32,5371,5372],{},"基于元素节点树的遍历 (除children以外其余ie9以下不兼容)\n",[32,5374,5375],{"class":34,"line":591},[32,5376,5377],{},".parentElement 最顶端html 当前元素的父元素节点\n",[32,5379,5380],{"class":34,"line":602},[32,5381,5382],{},".children\n",[32,5384,5385],{"class":34,"line":608},[32,5386,5387],{},".childElementCount === .children.length\n",[32,5389,5390],{"class":34,"line":648},[32,5391,5392],{},".firstElementChild .lastElementChild\n",[32,5394,5395],{"class":34,"line":667},[32,5396,5397],{},".nextElementSibling .previousElementSibling\n",[32,5399,5400],{"class":34,"line":676},[32,5401,605],{"emptyLinePlaceholder":101},[32,5403,5404],{"class":34,"line":706},[32,5405,5406],{},"节点的四个属性\n",[32,5408,5409],{"class":34,"line":824},[32,5410,5411],{},"1. nodeName  R\n",[32,5413,5414],{"class":34,"line":830},[32,5415,5416],{},"2. nodeValue RW 文本节点或注释节点\n",[32,5418,5419],{"class":34,"line":836},[32,5420,5421],{},"3. nodeType  R\n",[32,5423,5424],{"class":34,"line":842},[32,5425,5426],{},"元素节点           ——1\n",[32,5428,5429],{"class":34,"line":848},[32,5430,5431],{},"属性节点           ——2\n",[32,5433,5434],{"class":34,"line":854},[32,5435,5436],{},"文本节点           ——3\n",[32,5438,5439],{"class":34,"line":860},[32,5440,5441],{},"注释节点           ——8\n",[32,5443,5444],{"class":34,"line":866},[32,5445,5446],{},"document          ——9\n",[32,5448,5449],{"class":34,"line":872},[32,5450,5451],{},"DocumentFragment  ——11\n",[32,5453,5454],{"class":34,"line":878},[32,5455,5456],{},"4. attributes: Element节点的属性集合\n",[32,5458,5459],{"class":34,"line":884},[32,5460,605],{"emptyLinePlaceholder":101},[32,5462,5463],{"class":34,"line":890},[32,5464,5465],{},"节点的一个方法.hasChildNodes();\n",[86,5467,88],{},{"title":27,"searchDepth":41,"depth":41,"links":5469},[],"2019-11-26",{},"\u002Fblog\u002Fjavascript_dom_selector_node_type",{"title":5287,"description":5287},"blog\u002Fjavascript_dom_selector_node_type",[5287],"txzx0vxIdkxs9jtcQ4Qlk88OnwXgb9x__Qoa4zQJzhw",{"id":5478,"title":5479,"body":5480,"category":95,"cover":96,"csdn":96,"date":5470,"description":5479,"draft":98,"extension":99,"meta":5549,"navigation":101,"path":5550,"seo":5551,"stem":5552,"tags":5553,"updated":96,"__hash__":5556},"blog\u002Fblog\u002Fwindows_local_mysql_configure_environment_variables.md","windows本地mysql配置环境变量",{"type":8,"value":5481,"toc":5539},[5482,5486,5491,5495,5499,5503,5508,5512,5517,5521,5526,5530,5535],[11,5483,5485],{"id":5484},"_1-复制本地mysql-bin路径","1. 复制本地mysql bin路径",[153,5487,5488],{},[156,5489],{"alt":158,"src":5490},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002Fd93a8a3958a1e097d9846fcd04261854.png",[11,5492,5494],{"id":5493},"_2-win-e","2. win + e",[11,5496,5498],{"id":5497},"_3-右击此电脑点击属性","3. 右击【此电脑】点击属性",[11,5500,5502],{"id":5501},"_4-单击高级系统设置","4. 单击高级系统设置",[153,5504,5505],{},[156,5506],{"alt":158,"src":5507},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F0efd8e2b96d3a3ed9e38109b1ab4f687.png",[11,5509,5511],{"id":5510},"_5-单击环境变量","5. 单击环境变量",[153,5513,5514],{},[156,5515],{"alt":158,"src":5516},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002Fb82cd2e915518ed3bb9071859cf373c8.png",[11,5518,5520],{"id":5519},"_6-找到path-点击编辑","6. 找到PATH 点击编辑",[153,5522,5523],{},[156,5524],{"alt":158,"src":5525},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002Fa5f4b355e3535c4e051b6cdb168ebde8.png",[11,5527,5529],{"id":5528},"_7新建-粘贴-下移到最下方","7.新建 粘贴 下移到最下方",[153,5531,5532],{},[156,5533],{"alt":158,"src":5534},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002F5500b028a95edf0ec0b6fba85ee710b5.png",[11,5536,5538],{"id":5537},"_8-确定-确定-确定","8.  确定 确定 确定",{"title":27,"searchDepth":41,"depth":41,"links":5540},[5541,5542,5543,5544,5545,5546,5547,5548],{"id":5484,"depth":41,"text":5485},{"id":5493,"depth":41,"text":5494},{"id":5497,"depth":41,"text":5498},{"id":5501,"depth":41,"text":5502},{"id":5510,"depth":41,"text":5511},{"id":5519,"depth":41,"text":5520},{"id":5528,"depth":41,"text":5529},{"id":5537,"depth":41,"text":5538},{},"\u002Fblog\u002Fwindows_local_mysql_configure_environment_variables",{"title":5479,"description":5479},"blog\u002Fwindows_local_mysql_configure_environment_variables",[5554,5555],"windows","mysql","r2lAVh_Qt2KrZmeRWJ8uHbaGFxOtHH-RuZ5SWSIlp7M",{"id":5558,"title":5559,"body":5560,"category":5554,"cover":96,"csdn":96,"date":5470,"description":5559,"draft":98,"extension":99,"meta":5645,"navigation":101,"path":5646,"seo":5647,"stem":5648,"tags":5649,"updated":96,"__hash__":5650},"blog\u002Fblog\u002Fwindows_login_local_mysql_database.md","windows 登录本地数据库 mysql",{"type":8,"value":5561,"toc":5640},[5562,5566,5606,5610,5625,5628,5637],[11,5563,5565],{"id":5564},"cmd-进入mysql安装bin目录","cmd 进入mysql安装bin目录",[22,5567,5569],{"className":1136,"code":5568,"language":1138,"meta":27,"style":27},"C:\\Program Files\\MySQL\\MySQL Server 5.7\\bin>\n",[29,5570,5571],{"__ignoreMap":27},[32,5572,5573,5576,5579,5582,5585,5587,5589,5592,5595,5598,5601,5604],{"class":34,"line":35},[32,5574,5575],{"class":233},"C:\\Program",[32,5577,5578],{"class":240}," Files",[32,5580,5581],{"class":1264},"\\M",[32,5583,5584],{"class":240},"ySQL",[32,5586,5581],{"class":1264},[32,5588,5584],{"class":240},[32,5590,5591],{"class":240}," Server",[32,5593,5594],{"class":1264}," 5.7",[32,5596,5597],{"class":1264},"\\b",[32,5599,5600],{"class":240},"i",[32,5602,5603],{"class":225},"n",[32,5605,249],{"class":1280},[11,5607,5609],{"id":5608},"执行-mysql-uroot-p","执行 mysql -uroot -p",[22,5611,5613],{"className":1136,"code":5612,"language":1138,"meta":27,"style":27},"mysql -uroot -p\n",[29,5614,5615],{"__ignoreMap":27},[32,5616,5617,5619,5622],{"class":34,"line":35},[32,5618,5555],{"class":233},[32,5620,5621],{"class":1264}," -uroot",[32,5623,5624],{"class":1264}," -p\n",[11,5626,5627],{"id":5627},"输入密码即可",[22,5629,5631],{"className":1136,"code":5630,"language":1138,"meta":27,"style":27},"***********\n",[29,5632,5633],{"__ignoreMap":27},[32,5634,5635],{"class":34,"line":35},[32,5636,5630],{"class":1280},[86,5638,5639],{},"html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":27,"searchDepth":41,"depth":41,"links":5641},[5642,5643,5644],{"id":5564,"depth":41,"text":5565},{"id":5608,"depth":41,"text":5609},{"id":5627,"depth":41,"text":5627},{},"\u002Fblog\u002Fwindows_login_local_mysql_database",{"title":5559,"description":5559},"blog\u002Fwindows_login_local_mysql_database",[5555],"2LATykvdDPqSDRcOdCbo3A_81gEPq_kN7gcqq9fCbV8",{"id":5652,"title":5653,"body":5654,"category":95,"cover":96,"csdn":96,"date":5772,"description":5653,"draft":98,"extension":99,"meta":5773,"navigation":101,"path":5774,"seo":5775,"stem":5776,"tags":5777,"updated":96,"__hash__":5779},"blog\u002Fblog\u002Flinux_install_nodejs_and_configure_environment_variables.md","Linux 安装 nodejs 及配置环境变量",{"type":8,"value":5655,"toc":5770},[5656,5660,5666,5671,5682,5684,5693,5697,5706,5709,5731,5735,5743,5747,5756,5759,5768],[1250,5657,5659],{"id":5658},"_1-下载nodejs","1. 下载node.js",[153,5661,5662],{},[333,5663,5664],{"href":5664,"rel":5665},"https:\u002F\u002Fnodejs.org\u002Fen\u002Fdownload\u002F",[337],[153,5667,5668],{},[156,5669],{"alt":158,"src":5670},"https:\u002F\u002Fpub-5ec96507162a4f0a8e713a916117c9f4.r2.dev\u002Fblog\u002Fc5ef310eb3a3668a22affd824e6c9b22.png",[22,5672,5676],{"className":5673,"code":5674,"language":5675,"meta":27,"style":27},"language-c shiki shiki-themes github-dark","wget https:\u002F\u002Fnodejs.org\u002Fdist\u002Fv12.13.1\u002Fnode-v12.13.1-linux-x64.tar.xz\n","c",[29,5677,5678],{"__ignoreMap":27},[32,5679,5680],{"class":34,"line":35},[32,5681,5674],{},[1250,5683,5111],{"id":5110},[22,5685,5687],{"className":5673,"code":5686,"language":5675,"meta":27,"style":27},"tar xvJf ***.tar.xz\n",[29,5688,5689],{"__ignoreMap":27},[32,5690,5691],{"class":34,"line":35},[32,5692,5686],{},[1250,5694,5696],{"id":5695},"_3-配置环境变量","3. 配置环境变量",[22,5698,5700],{"className":5673,"code":5699,"language":5675,"meta":27,"style":27},"vim ~\u002F.bash_profile\n",[29,5701,5702],{"__ignoreMap":27},[32,5703,5704],{"class":34,"line":35},[32,5705,5699],{},[153,5707,5708],{},"增加以下内容 保存退出",[22,5710,5714],{"className":5711,"code":5712,"language":5713,"meta":27,"style":27},"language-powershell shiki shiki-themes github-dark","export NODE_HOME=\u002Froot\u002Fapp\u002Fnode-v12.13.1-linux-x64\nexport PATH=$PATH:$NODE_HOME\u002Fbin\nexport NODE_PATH=$NODE_HOME\u002Flib\u002Fnode_modules\n","powershell",[29,5715,5716,5721,5726],{"__ignoreMap":27},[32,5717,5718],{"class":34,"line":35},[32,5719,5720],{},"export NODE_HOME=\u002Froot\u002Fapp\u002Fnode-v12.13.1-linux-x64\n",[32,5722,5723],{"class":34,"line":41},[32,5724,5725],{},"export PATH=$PATH:$NODE_HOME\u002Fbin\n",[32,5727,5728],{"class":34,"line":47},[32,5729,5730],{},"export NODE_PATH=$NODE_HOME\u002Flib\u002Fnode_modules\n",[1250,5732,5734],{"id":5733},"_4-source使刚才修改生效","4. source使刚才修改生效",[22,5736,5737],{"className":5711,"code":5191,"language":5713,"meta":27,"style":27},[29,5738,5739],{"__ignoreMap":27},[32,5740,5741],{"class":34,"line":35},[32,5742,5191],{},[1250,5744,5746],{"id":5745},"_5-检查nodejs是否配置正确","5. 检查node.js是否配置正确",[22,5748,5750],{"className":5711,"code":5749,"language":5713,"meta":27,"style":27}," node -v\n",[29,5751,5752],{"__ignoreMap":27},[32,5753,5754],{"class":34,"line":35},[32,5755,5749],{},[153,5757,5758],{},"看到版本号就大功告成了",[22,5760,5762],{"className":5711,"code":5761,"language":5713,"meta":27,"style":27},"v12.13.1\n",[29,5763,5764],{"__ignoreMap":27},[32,5765,5766],{"class":34,"line":35},[32,5767,5761],{},[86,5769,88],{},{"title":27,"searchDepth":41,"depth":41,"links":5771},[],"2019-11-24",{},"\u002Fblog\u002Flinux_install_nodejs_and_configure_environment_variables",{"title":5653,"description":5653},"blog\u002Flinux_install_nodejs_and_configure_environment_variables",[5778],"node.js","ifo-bBKALQPhLX2DRMsFQ6MQ1Cz_bNnVy2IehtN8jAQ",{"id":5781,"title":5782,"body":5783,"category":95,"cover":96,"csdn":96,"date":5772,"description":5782,"draft":98,"extension":99,"meta":5803,"navigation":101,"path":5804,"seo":5805,"stem":5806,"tags":5807,"updated":96,"__hash__":5808},"blog\u002Fblog\u002Flinux_under_tar_xz_file_decompression_method.md","Linux 下tar.xz 结尾的文件的解压方法",{"type":8,"value":5784,"toc":5800},[5785,5789,5798],[11,5786,5788],{"id":5787},"直接使用-tar-xvjf来解压","直接使用 tar xvJf来解压",[22,5790,5792],{"className":5711,"code":5791,"language":5713,"meta":27,"style":27},"tar xvJf *.tar.xz\n",[29,5793,5794],{"__ignoreMap":27},[32,5795,5796],{"class":34,"line":35},[32,5797,5791],{},[86,5799,88],{},{"title":27,"searchDepth":41,"depth":41,"links":5801},[5802],{"id":5787,"depth":41,"text":5788},{},"\u002Fblog\u002Flinux_under_tar_xz_file_decompression_method",{"title":5782,"description":5782},"blog\u002Flinux_under_tar_xz_file_decompression_method",[1242],"7Qu4dksyuG4cCLzyNSxdMGFRztfiQl9UedOJ2cmAo6M",{"id":5810,"title":5811,"body":5812,"category":95,"cover":96,"csdn":96,"date":6193,"description":6194,"draft":98,"extension":99,"meta":6195,"navigation":101,"path":6196,"seo":6197,"stem":6198,"tags":6199,"updated":96,"__hash__":6201},"blog\u002Fblog\u002Fjavascript_precompilation_four_steps.md","JavaScript 预编译的四个步骤",{"type":8,"value":5813,"toc":6184},[5814,5817,5834,5837,5965,5969,5985,5989,6036,6040,6083,6087,6147,6171,6174,6181],[11,5815,5816],{"id":5816},"函数预编译",[118,5818,5819,5822,5828,5831],{},[121,5820,5821],{},"创建 AO 对象",[121,5823,5824,5825],{},"找形参和变量声明作为 AO 属性，值都为 ",[29,5826,5827],{},"undefined",[121,5829,5830],{},"实参值和形参值统一",[121,5832,5833],{},"在函数体内找函数声明，值赋予 AO 函数名",[11,5835,5836],{"id":5836},"示例",[22,5838,5840],{"className":1255,"code":5839,"language":1257,"meta":27,"style":27},"function hong(a, b) {\n  console.log(a)\n  c = 0\n  var c\n  a = 3\n  b = 2\n  console.log(b)\n  function b() {}\n  function d() {}\n  console.log()\n}\n\nhong(1)\n",[29,5841,5842,5860,5870,5880,5888,5898,5908,5917,5927,5936,5945,5949,5953],{"__ignoreMap":27},[32,5843,5844,5846,5849,5851,5853,5855,5858],{"class":34,"line":35},[32,5845,1384],{"class":1280},[32,5847,5848],{"class":233}," hong",[32,5850,1375],{"class":225},[32,5852,333],{"class":1492},[32,5854,1381],{"class":225},[32,5856,5857],{"class":1492},"b",[32,5859,1506],{"class":225},[32,5861,5862,5865,5867],{"class":34,"line":41},[32,5863,5864],{"class":225},"  console.",[32,5866,2085],{"class":233},[32,5868,5869],{"class":225},"(a)\n",[32,5871,5872,5875,5877],{"class":34,"line":47},[32,5873,5874],{"class":225},"  c ",[32,5876,237],{"class":1280},[32,5878,5879],{"class":1264}," 0\n",[32,5881,5882,5885],{"class":34,"line":53},[32,5883,5884],{"class":1280},"  var",[32,5886,5887],{"class":225}," c\n",[32,5889,5890,5893,5895],{"class":34,"line":59},[32,5891,5892],{"class":225},"  a ",[32,5894,237],{"class":1280},[32,5896,5897],{"class":1264}," 3\n",[32,5899,5900,5903,5905],{"class":34,"line":489},[32,5901,5902],{"class":225},"  b ",[32,5904,237],{"class":1280},[32,5906,5907],{"class":1264}," 2\n",[32,5909,5910,5912,5914],{"class":34,"line":500},[32,5911,5864],{"class":225},[32,5913,2085],{"class":233},[32,5915,5916],{"class":225},"(b)\n",[32,5918,5919,5922,5925],{"class":34,"line":512},[32,5920,5921],{"class":1280},"  function",[32,5923,5924],{"class":233}," b",[32,5926,4543],{"class":225},[32,5928,5929,5931,5934],{"class":34,"line":521},[32,5930,5921],{"class":1280},[32,5932,5933],{"class":233}," d",[32,5935,4543],{"class":225},[32,5937,5938,5940,5942],{"class":34,"line":531},[32,5939,5864],{"class":225},[32,5941,2085],{"class":233},[32,5943,5944],{"class":225},"()\n",[32,5946,5947],{"class":34,"line":541},[32,5948,1308],{"class":225},[32,5950,5951],{"class":34,"line":551},[32,5952,605],{"emptyLinePlaceholder":101},[32,5954,5955,5958,5960,5962],{"class":34,"line":562},[32,5956,5957],{"class":233},"hong",[32,5959,1375],{"class":225},[32,5961,3609],{"class":1264},[32,5963,5964],{"class":225},")\n",[11,5966,5968],{"id":5967},"_1-创建-ao-对象","1. 创建 AO 对象",[22,5970,5972],{"className":1255,"code":5971,"language":1257,"meta":27,"style":27},"AO {\n}\n",[29,5973,5974,5981],{"__ignoreMap":27},[32,5975,5976,5979],{"class":34,"line":35},[32,5977,5978],{"class":1264},"AO",[32,5980,1587],{"class":225},[32,5982,5983],{"class":34,"line":41},[32,5984,1308],{"class":225},[11,5986,5988],{"id":5987},"_2-找形参和变量声明","2. 找形参和变量声明",[22,5990,5992],{"className":1255,"code":5991,"language":1257,"meta":27,"style":27},"AO {\n  a: undefined,\n  b: undefined,\n  c: undefined\n}\n",[29,5993,5994,6000,6011,6022,6032],{"__ignoreMap":27},[32,5995,5996,5998],{"class":34,"line":35},[32,5997,5978],{"class":1264},[32,5999,1587],{"class":225},[32,6001,6002,6005,6007,6009],{"class":34,"line":41},[32,6003,6004],{"class":233},"  a",[32,6006,2568],{"class":225},[32,6008,5827],{"class":1264},[32,6010,3449],{"class":225},[32,6012,6013,6016,6018,6020],{"class":34,"line":47},[32,6014,6015],{"class":233},"  b",[32,6017,2568],{"class":225},[32,6019,5827],{"class":1264},[32,6021,3449],{"class":225},[32,6023,6024,6027,6029],{"class":34,"line":53},[32,6025,6026],{"class":233},"  c",[32,6028,2568],{"class":225},[32,6030,6031],{"class":1264},"undefined\n",[32,6033,6034],{"class":34,"line":59},[32,6035,1308],{"class":225},[11,6037,6039],{"id":6038},"_3-实参值和形参值统一","3. 实参值和形参值统一",[22,6041,6043],{"className":1255,"code":6042,"language":1257,"meta":27,"style":27},"AO {\n  a: 1,\n  b: undefined,\n  c: undefined\n}\n",[29,6044,6045,6051,6061,6071,6079],{"__ignoreMap":27},[32,6046,6047,6049],{"class":34,"line":35},[32,6048,5978],{"class":1264},[32,6050,1587],{"class":225},[32,6052,6053,6055,6057,6059],{"class":34,"line":41},[32,6054,6004],{"class":233},[32,6056,2568],{"class":225},[32,6058,3609],{"class":1264},[32,6060,3449],{"class":225},[32,6062,6063,6065,6067,6069],{"class":34,"line":47},[32,6064,6015],{"class":233},[32,6066,2568],{"class":225},[32,6068,5827],{"class":1264},[32,6070,3449],{"class":225},[32,6072,6073,6075,6077],{"class":34,"line":53},[32,6074,6026],{"class":233},[32,6076,2568],{"class":225},[32,6078,6031],{"class":1264},[32,6080,6081],{"class":34,"line":59},[32,6082,1308],{"class":225},[11,6084,6086],{"id":6085},"_4-找函数声明","4. 找函数声明",[22,6088,6090],{"className":1255,"code":6089,"language":1257,"meta":27,"style":27},"AO {\n  a: 3,\n  b: 2,\n  c: 0,\n  d: function d() {}\n}\n",[29,6091,6092,6098,6109,6120,6130,6143],{"__ignoreMap":27},[32,6093,6094,6096],{"class":34,"line":35},[32,6095,5978],{"class":1264},[32,6097,1587],{"class":225},[32,6099,6100,6102,6104,6107],{"class":34,"line":41},[32,6101,6004],{"class":233},[32,6103,2568],{"class":225},[32,6105,6106],{"class":1264},"3",[32,6108,3449],{"class":225},[32,6110,6111,6113,6115,6118],{"class":34,"line":47},[32,6112,6015],{"class":233},[32,6114,2568],{"class":225},[32,6116,6117],{"class":1264},"2",[32,6119,3449],{"class":225},[32,6121,6122,6124,6126,6128],{"class":34,"line":53},[32,6123,6026],{"class":233},[32,6125,2568],{"class":225},[32,6127,2576],{"class":1264},[32,6129,3449],{"class":225},[32,6131,6132,6135,6137,6139,6141],{"class":34,"line":59},[32,6133,6134],{"class":233},"  d",[32,6136,2568],{"class":225},[32,6138,1384],{"class":1280},[32,6140,5933],{"class":233},[32,6142,4543],{"class":225},[32,6144,6145],{"class":34,"line":489},[32,6146,1308],{"class":225},[22,6148,6150],{"className":1255,"code":6149,"language":1257,"meta":27,"style":27},"\u002F\u002F console.log()\n1\n2\n2\n",[29,6151,6152,6157,6162,6167],{"__ignoreMap":27},[32,6153,6154],{"class":34,"line":35},[32,6155,6156],{"class":1268},"\u002F\u002F console.log()\n",[32,6158,6159],{"class":34,"line":41},[32,6160,6161],{"class":1264},"1\n",[32,6163,6164],{"class":34,"line":47},[32,6165,6166],{"class":1264},"2\n",[32,6168,6169],{"class":34,"line":53},[32,6170,6166],{"class":1264},[11,6172,6173],{"id":6173},"全局预编译",[153,6175,6176,6177,6180],{},"全局预编译时会生成 ",[29,6178,6179],{},"GO === window","，并且没有第三步。",[86,6182,6183],{},"html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .s9osk, html code.shiki .s9osk{--shiki-default:#FFAB70}html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .sAwPA, html code.shiki .sAwPA{--shiki-default:#6A737D}",{"title":27,"searchDepth":41,"depth":41,"links":6185},[6186,6187,6188,6189,6190,6191,6192],{"id":5816,"depth":41,"text":5816},{"id":5836,"depth":41,"text":5836},{"id":5967,"depth":41,"text":5968},{"id":5987,"depth":41,"text":5988},{"id":6038,"depth":41,"text":6039},{"id":6085,"depth":41,"text":6086},{"id":6173,"depth":41,"text":6173},"2019-09-25","用 AO 和 GO 梳理 JavaScript 函数预编译的基本过程。",{},"\u002Fblog\u002Fjavascript_precompilation_four_steps",{"title":5811,"description":6194},"blog\u002Fjavascript_precompilation_four_steps",[1882,6200],"预编译","wzATc98DwH9uimsWg0PiaDJDGppDrxcCZ9H9wIVNVGk",1780076047572]