cainiaoblog 23.2.171

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (401) hide show
  1. package/CNAME +1 -0
  2. package/MP_verify_o6dHCK5mIkxNpzvZ.txt +1 -0
  3. package/README.md +8 -0
  4. package/about/index.html +54 -0
  5. package/ads.txt +1 -0
  6. package/app/manual.html +104 -0
  7. package/appConfigs/config +1 -0
  8. package/archives/2018/index.html +48 -0
  9. package/archives/2019/index.html +48 -0
  10. package/archives/2019/page/2/index.html +48 -0
  11. package/archives/2020/index.html +48 -0
  12. package/archives/2021/index.html +48 -0
  13. package/archives/2022/index.html +48 -0
  14. package/archives/2023/index.html +48 -0
  15. package/archives/index.html +48 -0
  16. package/archives/page/2/index.html +48 -0
  17. package/archives/page/3/index.html +48 -0
  18. package/article/10047.html +148 -0
  19. package/article/10164.html +64 -0
  20. package/article/10624.html +436 -0
  21. package/article/10745.html +586 -0
  22. package/article/11674.html +71 -0
  23. package/article/11939.html +72 -0
  24. package/article/12238.html +86 -0
  25. package/article/1230.html +533 -0
  26. package/article/13265.html +69 -0
  27. package/article/13823.html +78 -0
  28. package/article/14125.html +72 -0
  29. package/article/14192.html +561 -0
  30. package/article/14375.html +85 -0
  31. package/article/14744.html +83 -0
  32. package/article/14936.html +451 -0
  33. package/article/1518.html +250 -0
  34. package/article/15428.html +71 -0
  35. package/article/15518.html +288 -0
  36. package/article/15569.html +418 -0
  37. package/article/1566.html +122 -0
  38. package/article/16017.html +156 -0
  39. package/article/16947.html +440 -0
  40. package/article/17096.html +82 -0
  41. package/article/17246.html +89 -0
  42. package/article/17575.html +350 -0
  43. package/article/179.html +757 -0
  44. package/article/18039.html +233 -0
  45. package/article/18071.html +375 -0
  46. package/article/18142.html +71 -0
  47. package/article/19909.html +160 -0
  48. package/article/20014.html +89 -0
  49. package/article/20021.html +389 -0
  50. package/article/20037.html +280 -0
  51. package/article/20056.html +95 -0
  52. package/article/20093.html +404 -0
  53. package/article/2021.html +607 -0
  54. package/article/20459.html +115 -0
  55. package/article/20613.html +263 -0
  56. package/article/20635.html +71 -0
  57. package/article/21317.html +71 -0
  58. package/article/21320.html +90 -0
  59. package/article/21782.html +548 -0
  60. package/article/22230.html +435 -0
  61. package/article/22237.html +347 -0
  62. package/article/22398.html +109 -0
  63. package/article/22422.html +270 -0
  64. package/article/22565.html +300 -0
  65. package/article/23046.html +250 -0
  66. package/article/23083.html +215 -0
  67. package/article/23195.html +297 -0
  68. package/article/23301.html +835 -0
  69. package/article/23589.html +285 -0
  70. package/article/23655.html +338 -0
  71. package/article/23864.html +76 -0
  72. package/article/23914.html +96 -0
  73. package/article/24169.html +135 -0
  74. package/article/24581.html +349 -0
  75. package/article/2475.html +500 -0
  76. package/article/24826.html +77 -0
  77. package/article/24924.html +247 -0
  78. package/article/25164.html +1495 -0
  79. package/article/25318.html +394 -0
  80. package/article/25710.html +1129 -0
  81. package/article/25734.html +83 -0
  82. package/article/26083.html +174 -0
  83. package/article/26147.html +283 -0
  84. package/article/26291.html +110 -0
  85. package/article/26354.html +71 -0
  86. package/article/26624.html +145 -0
  87. package/article/26639.html +298 -0
  88. package/article/26850.html +138 -0
  89. package/article/26940.html +258 -0
  90. package/article/27796.html +190 -0
  91. package/article/27800.html +161 -0
  92. package/article/28963.html +159 -0
  93. package/article/28976.html +247 -0
  94. package/article/29042.html +72 -0
  95. package/article/29596.html +81 -0
  96. package/article/29619.html +183 -0
  97. package/article/29623.html +329 -0
  98. package/article/29829.html +205 -0
  99. package/article/29abbd1c.html +112 -0
  100. package/article/30215.html +178 -0
  101. package/article/30552.html +78 -0
  102. package/article/30818.html +201 -0
  103. package/article/31330.html +364 -0
  104. package/article/3154.html +577 -0
  105. package/article/31695.html +348 -0
  106. package/article/31826.html +71 -0
  107. package/article/31843.html +132 -0
  108. package/article/32280.html +212 -0
  109. package/article/32431.html +74 -0
  110. package/article/32443.html +72 -0
  111. package/article/32732.html +122 -0
  112. package/article/3286.html +251 -0
  113. package/article/32960.html +198 -0
  114. package/article/33713.html +72 -0
  115. package/article/33899.html +615 -0
  116. package/article/34351.html +74 -0
  117. package/article/34372.html +89 -0
  118. package/article/34410.html +74 -0
  119. package/article/34431.html +118 -0
  120. package/article/3447.html +75 -0
  121. package/article/34474.html +142 -0
  122. package/article/34871.html +147 -0
  123. package/article/35397.html +175 -0
  124. package/article/3544.html +199 -0
  125. package/article/35503.html +115 -0
  126. package/article/35624.html +84 -0
  127. package/article/35697.html +384 -0
  128. package/article/35863.html +73 -0
  129. package/article/36037.html +253 -0
  130. package/article/36118.html +71 -0
  131. package/article/3621.html +119 -0
  132. package/article/36251.html +296 -0
  133. package/article/36642.html +352 -0
  134. package/article/37102.html +763 -0
  135. package/article/37336.html +351 -0
  136. package/article/37351.html +89 -0
  137. package/article/3760.html +294 -0
  138. package/article/37749.html +75 -0
  139. package/article/37789.html +83 -0
  140. package/article/38005.html +765 -0
  141. package/article/38009.html +284 -0
  142. package/article/38269.html +194 -0
  143. package/article/38344.html +88 -0
  144. package/article/38359.html +334 -0
  145. package/article/38423.html +379 -0
  146. package/article/38530.html +213 -0
  147. package/article/38743.html +268 -0
  148. package/article/38753.html +204 -0
  149. package/article/38881.html +71 -0
  150. package/article/39087.html +414 -0
  151. package/article/39309.html +84 -0
  152. package/article/39486.html +74 -0
  153. package/article/39637.html +306 -0
  154. package/article/39839.html +72 -0
  155. package/article/39937.html +152 -0
  156. package/article/39970.html +71 -0
  157. package/article/402.html +559 -0
  158. package/article/40698.html +71 -0
  159. package/article/40811.html +71 -0
  160. package/article/40964.html +462 -0
  161. package/article/41011.html +322 -0
  162. package/article/41152.html +78 -0
  163. package/article/41696.html +71 -0
  164. package/article/41717.html +281 -0
  165. package/article/41777.html +149 -0
  166. package/article/419.html +985 -0
  167. package/article/4233.html +136 -0
  168. package/article/4292.html +86 -0
  169. package/article/43302.html +96 -0
  170. package/article/43397.html +106 -0
  171. package/article/43724.html +281 -0
  172. package/article/43999.html +224 -0
  173. package/article/44426.html +77 -0
  174. package/article/44964.html +137 -0
  175. package/article/45004.html +123 -0
  176. package/article/4510.html +83 -0
  177. package/article/45156.html +320 -0
  178. package/article/45157.html +52 -0
  179. package/article/45267.html +87 -0
  180. package/article/45641.html +207 -0
  181. package/article/45960.html +75 -0
  182. package/article/46100.html +1262 -0
  183. package/article/46366.html +74 -0
  184. package/article/46771.html +96 -0
  185. package/article/46911.html +517 -0
  186. package/article/46948.html +137 -0
  187. package/article/46ee4850.html +349 -0
  188. package/article/47019.html +84 -0
  189. package/article/47532.html +94 -0
  190. package/article/4783.html +429 -0
  191. package/article/47972.html +72 -0
  192. package/article/48216.html +127 -0
  193. package/article/48252.html +185 -0
  194. package/article/48520.html +74 -0
  195. package/article/48722.html +75 -0
  196. package/article/48807.html +99 -0
  197. package/article/49126.html +323 -0
  198. package/article/50001.html +88 -0
  199. package/article/50058.html +151 -0
  200. package/article/50343.html +410 -0
  201. package/article/50510.html +82 -0
  202. package/article/51082.html +98 -0
  203. package/article/51677.html +111 -0
  204. package/article/5204.html +1085 -0
  205. package/article/52500.html +538 -0
  206. package/article/52689.html +259 -0
  207. package/article/52877.html +569 -0
  208. package/article/53125.html +191 -0
  209. package/article/53428.html +251 -0
  210. package/article/53524.html +74 -0
  211. package/article/53698.html +322 -0
  212. package/article/53803e6.html +93 -0
  213. package/article/53924.html +291 -0
  214. package/article/53962.html +253 -0
  215. package/article/54006.html +71 -0
  216. package/article/54018.html +88 -0
  217. package/article/54161.html +83 -0
  218. package/article/54178.html +69 -0
  219. package/article/54258.html +327 -0
  220. package/article/54295.html +214 -0
  221. package/article/54313.html +1976 -0
  222. package/article/54351.html +90 -0
  223. package/article/54604.html +80 -0
  224. package/article/54632.html +71 -0
  225. package/article/54912.html +756 -0
  226. package/article/54918.html +129 -0
  227. package/article/55119.html +136 -0
  228. package/article/55756.html +118 -0
  229. package/article/55769.html +136 -0
  230. package/article/55870.html +161 -0
  231. package/article/56139.html +92 -0
  232. package/article/56557.html +69 -0
  233. package/article/56604.html +69 -0
  234. package/article/56816.html +266 -0
  235. package/article/56926.html +153 -0
  236. package/article/57747.html +409 -0
  237. package/article/57965.html +475 -0
  238. package/article/58816.html +78 -0
  239. package/article/59059.html +435 -0
  240. package/article/59095.html +350 -0
  241. package/article/59349.html +244 -0
  242. package/article/59402.html +216 -0
  243. package/article/59448.html +55 -0
  244. package/article/59870.html +94 -0
  245. package/article/59877.html +208 -0
  246. package/article/5dbb6f41.html +86 -0
  247. package/article/6008.html +75 -0
  248. package/article/60327.html +126 -0
  249. package/article/6035.html +76 -0
  250. package/article/60428.html +71 -0
  251. package/article/60544.html +128 -0
  252. package/article/61319.html +95 -0
  253. package/article/61367.html +93 -0
  254. package/article/624d1918.html +292 -0
  255. package/article/62543.html +71 -0
  256. package/article/62887.html +169 -0
  257. package/article/63074.html +120 -0
  258. package/article/63266.html +311 -0
  259. package/article/63351.html +74 -0
  260. package/article/63542.html +104 -0
  261. package/article/63824.html +275 -0
  262. package/article/64051.html +653 -0
  263. package/article/64189b69.html +72 -0
  264. package/article/64354.html +75 -0
  265. package/article/64869.html +79 -0
  266. package/article/64923.html +596 -0
  267. package/article/65128.html +95 -0
  268. package/article/65295.html +79 -0
  269. package/article/6888.html +75 -0
  270. package/article/7065.html +84 -0
  271. package/article/7455.html +85 -0
  272. package/article/7a3ef8f.html +315 -0
  273. package/article/8140.html +188 -0
  274. package/article/8190.html +85 -0
  275. package/article/8225.html +78 -0
  276. package/article/84c9ccd6.html +159 -0
  277. package/article/8f9a9ae3.html +82 -0
  278. package/article/9174.html +73 -0
  279. package/article/9738.html +294 -0
  280. package/article/a4145266.html +71 -0
  281. package/article/bedea419.html +72 -0
  282. package/article/bf7e7421.html +78 -0
  283. package/article/c1867fbf.html +103 -0
  284. package/article/c5576490.html +70 -0
  285. package/article/dcb0db28.html +76 -0
  286. package/article/fc3b727a.html +79 -0
  287. package/atom.xml +445 -0
  288. package/baidusitemap.xml +1079 -0
  289. package/blocks/dns.txt +264 -0
  290. package/blocks/filter.txt +1070 -0
  291. package/blocks/script.js +42 -0
  292. package/categories/CDN/index.html +48 -0
  293. package/categories/IDE/index.html +48 -0
  294. package/categories/git/index.html +48 -0
  295. package/categories/hexo/index.html +48 -0
  296. package/categories//345/205/254/345/205/261/350/212/202/346/227/245/index.html +48 -0
  297. package/categories//345/210/206/344/272/253/index.html +48 -0
  298. package/categories//345/211/215/347/253/257/index.html +48 -0
  299. package/categories//345/211/215/347/253/257/page/2/index.html +48 -0
  300. package/categories//345/211/215/347/253/257//346/265/217/350/247/210/345/231/250/index.html +48 -0
  301. package/categories//345/211/215/347/253/257//346/265/217/350/247/210/345/231/250//347/275/221/347/273/234/345/215/217/350/256/256/index.html +48 -0
  302. package/categories//345/215/232/345/256/242/index.html +48 -0
  303. package/categories//345/267/245/345/205/267/index.html +48 -0
  304. package/categories//345/271/277/345/221/212/350/277/207/346/273/244/index.html +48 -0
  305. package/categories//345/271/277/345/221/212/350/277/207/346/273/244//350/247/206/351/242/221/347/224/265/350/247/206/345/260/217/350/257/264/346/274/253/347/224/273/350/265/204/350/256/257/351/237/263/344/271/220/index.html +48 -0
  306. package/categories//346/255/243/345/210/231/index.html +48 -0
  307. package/categories//346/265/217/350/247/210/345/231/250/index.html +48 -0
  308. package/categories//347/256/227/346/263/225/index.html +48 -0
  309. package/categories//350/265/204/350/256/257/index.html +48 -0
  310. package/categories//350/275/273/346/235/276/344/270/200/345/210/273/index.html +48 -0
  311. package/cdn/css/font-awesome.min.css +4 -0
  312. package/cdn/css/grids-responsive-min.css +7 -0
  313. package/cdn/css/normalize.css +349 -0
  314. package/cdn/css/pure-min.css +11 -0
  315. package/cdn/fonts/fontawesome-webfont.eot +0 -0
  316. package/cdn/fonts/fontawesome-webfont.svg +2671 -0
  317. package/cdn/fonts/fontawesome-webfont.ttf +0 -0
  318. package/cdn/fonts/fontawesome-webfont.woff +0 -0
  319. package/cdn/fonts/fontawesome-webfont.woff2 +0 -0
  320. package/cdn/js/Valine.min.js +17 -0
  321. package/cdn/js/canvas-nest.js +1 -0
  322. package/cdn/js/clipboard.min.js +7 -0
  323. package/cdn/js/crypto-js.js +25 -0
  324. package/cdn/js/jquery.min.js +2 -0
  325. package/css/default.css +1144 -0
  326. package/css/donate.css +338 -0
  327. package/css/hbe.style.css +749 -0
  328. package/css/style.css +2095 -0
  329. package/donate/index.html +39 -0
  330. package/google917dcf72f6e5c7f5.html +1 -0
  331. package/guestbook/index.html +68 -0
  332. package/hosts/ads.txt +149 -0
  333. package/hosts/flash.txt +9 -0
  334. package/hosts/github.txt +6 -0
  335. package/hosts/google.txt +16936 -0
  336. package/hosts/winrar.txt +2 -0
  337. package/img/alipay.svg +46 -0
  338. package/img/bitcoin.svg +135 -0
  339. package/img/blog.ico +0 -0
  340. package/img/blog.png +0 -0
  341. package/img/gaba.png +0 -0
  342. package/img/github.svg +1 -0
  343. package/img/like.svg +1 -0
  344. package/img/mp-mini.jpg +0 -0
  345. package/img/mp.png +0 -0
  346. package/img/paypal.svg +63 -0
  347. package/img/upy_logo.svg +59 -0
  348. package/img/wechat.svg +49 -0
  349. package/index.html +48 -0
  350. package/jd_root.txt +1 -0
  351. package/js/codeblock-resizer.js +51 -0
  352. package/js/dark.js +12 -0
  353. package/js/donate.js +87 -0
  354. package/js/fixedPage.js +106 -0
  355. package/js/gitment.browser.js +3751 -0
  356. package/js/search.js +86 -0
  357. package/js/share.js +60 -0
  358. package/js/smartresize.js +32 -0
  359. package/js/totop.js +12 -0
  360. package/kankan/index.html +77 -0
  361. package/lib/hbe.js +293 -0
  362. package/package.json +25 -0
  363. package/page/10/index.html +49 -0
  364. package/page/11/index.html +59 -0
  365. package/page/12/index.html +67 -0
  366. package/page/13/index.html +63 -0
  367. package/page/14/index.html +66 -0
  368. package/page/15/index.html +60 -0
  369. package/page/16/index.html +60 -0
  370. package/page/17/index.html +62 -0
  371. package/page/18/index.html +61 -0
  372. package/page/19/index.html +58 -0
  373. package/page/2/index.html +48 -0
  374. package/page/20/index.html +57 -0
  375. package/page/21/index.html +61 -0
  376. package/page/22/index.html +55 -0
  377. package/page/23/index.html +64 -0
  378. package/page/24/index.html +60 -0
  379. package/page/25/index.html +58 -0
  380. package/page/26/index.html +48 -0
  381. package/page/27/index.html +58 -0
  382. package/page/3/index.html +48 -0
  383. package/page/4/index.html +48 -0
  384. package/page/5/index.html +51 -0
  385. package/page/6/index.html +51 -0
  386. package/page/7/index.html +51 -0
  387. package/page/8/index.html +53 -0
  388. package/page/9/index.html +48 -0
  389. package/randomcall/README.html +1 -0
  390. package/randomcall/lucker.html +290 -0
  391. package/randomcall/lucky.png +0 -0
  392. package/robots.txt +22 -0
  393. package/search.xml +6740 -0
  394. package/sitemap.xml +2669 -0
  395. package/tags//345/216/237/345/210/233/index.html +48 -0
  396. package/tags//345/250/261/344/271/220/index.html +48 -0
  397. package/tags//346/211/213/345/206/231/index.html +48 -0
  398. package/tags//347/226/253/346/203/205/index.html +48 -0
  399. package/tags//350/275/254/350/275/275/index.html +48 -0
  400. package/tags//350/275/254/350/275/275/page/2/index.html +48 -0
  401. package/v.html +90 -0
package/article/39486.html ADDED
@@ -0,0 +1,74 @@
1
+ <!DOCTYPE html><html lang="zh-CN" data-dark><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><meta content="yes" name="apple-mobile-web-app-capable"><meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"><meta content="telephone=no" name="format-detection"><meta name="description" content="前端壹菜鸟，记录工作难题，关注前端知识，收集精彩博文，做技术的搬运工"><meta name="msvalidate.01" content="0FE4D8B3381D3D87088996B886E1E2BD"><title>免费影视看看APP聚合视频电视小说漫画资讯音乐 | 前端壹菜鸟</title><link rel="stylesheet" type="text/css" href="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/css/style.min.css"><link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/normalize.css@latest/normalize.min.css"><link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/purecss@latest/build/pure-min.min.css"><link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/purecss@latest/build/grids-responsive-min.css"><link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"><link rel="icon" mask="" sizes="any" href="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/blog.ico"><link rel="Shortcut Icon" type="image/x-icon" href="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/blog.ico"><link rel="apple-touch-icon" href="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/blog.png"><link rel="apple-touch-icon-precomposed" href="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/blog.png"><link rel="alternate" type="application/atom+xml" href="/atom.xml"><script type="text/javascript" src="//cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8385136408348258"></script><script src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js" async></script><script>(function(){
2
+ var bp = document.createElement('script');
3
+ var curProtocol = window.location.protocol.split(':')[0];
4
+ if (curProtocol === 'https'){
5
+ bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
6
+ }
7
+ else{
8
+ bp.src = 'http://push.zhanzhang.baidu.com/push.js';
9
+ }
10
+ var s = document.getElementsByTagName("script")[0];
11
+ s.parentNode.insertBefore(bp, s);
12
+ })();
13
+ </script><script>(function(){
14
+ var src = 'https://jspassport.ssl.qhimg.com/11.0.1.js?d182b3f28525f2db83acfaaf6e696dba';
15
+ document.write('<script src="' + src + '" id="sozz"><\/script>');
16
+ })();
17
+ </script><script>var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src='https://hm.baidu.com/hm.js?011f0b44e8452bfa57fbfa23c5fe7683';var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();
18
+ </script><script async src="https://www.googletagmanager.com/gtag/js?id=UA-150860401-1"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);};gtag('js',new Date());gtag('config','UA-150860401-1');
19
+ </script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/fixedPage.min.js"></script><meta name="generator" content="Hexo 6.3.0"></head><body><div class="body_container"><div id="header"><div class="site-name"><a id="logo" href="/.">前端壹菜鸟</a><p class="description">关注前端知识，收集精彩博文，做技术的搬运工</p></div><div id="nav-menu"><a class="current" href="/." target="_self"><i class="fa fa-home"> 首页</i></a><a href="/archives/" target="_self"><i class="fa fa-archive"> 归档</i></a><a href="/guestbook/" target="_self"><i class="fa fa-comments"> 留言</i></a><a href="/about/" target="_self"><i class="fa fa-user"> 关于</i></a><a href="https://laonongmin.online/" target="_target"><i class="fa fa-group"> 看看</i></a><a href="https://love.xuehuayu.cn/" target="_target"><i class="fa fa-heart"> LOVE</i></a></div></div><div class="pure-g" id="layout"><div class="pure-u-1 pure-u-md-3-4"><div class="content_container"><div class="post"><h1 class="post-title c-post">免费影视看看APP聚合视频电视小说漫画资讯音乐</h1><div class="post-meta"><span class="date">2021-01-10</span><span> | </span><span class="tag original"><a href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></span><span> | </span><span class="category"><a href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤 </a><a href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐 </a></span><span id="busuanzi_container_page_pv"> | <span id="busuanzi_value_page_pv"><i class="fa fa-spinner"></i></span><span> 阅读</span></span><span class="post-time"><span class="post-meta-item-text"> | </span><span class="post-meta-item-icon"><i class="fa fa-keyboard-o"></i><span class="post-count"> 98</span><span class="post-meta-item-text"> 字</span></span></span><span class="post-time"> | <span class="post-meta-item-icon"><i class="fa fa-hourglass-half"></i><span class="post-count"> 1</span><span class="post-meta-item-text"> 分钟</span></span></span></div><a class="disqus-comment-count" href="/article/39486.html#vcomment"><span class="waline-comment-count" data-path="/article/39486.html"></span><span> 条评论</span></a><div class="post-content"><p>看热播影视，看电视，听歌下歌，看小说，看漫画，全网热榜资讯。官方,优质,安全,无毒,无需任何权限。</p>
20
+ <span id="more"></span>
21
+ <p><a href="/kankan"><strong>官网下载(安卓、iOS)</strong></a> | <a href="/article/10164.html"><strong>chrome扩展</strong></a></p>
22
+ <p>由于苹果商店的政策限制，iOS版需下载安装包自签，自购个人证书[1年]，appleId签名[7天]等。参考：<a target="_blank" rel="noopener" href="https://www.i4.cn/news_detail_38195.html">IPA 签名教程</a></p>
23
+ <blockquote>
24
+ <p>截图</p>
25
+ </blockquote>
26
+ <img src='https://z3.ax1x.com/2021/12/03/oaEnxS.jpg' style="display:inline-block;border:1px solid #3cc51f;width:200px;">
27
+
28
+ <img src='https://z3.ax1x.com/2021/11/16/IfAvdS.jpg' style="display:inline-block;border:1px solid ##3cc51f;width:200px;">
29
+
30
+ <img src='https://i.niupic.com/images/2021/05/25/9io7.jpg' style="display:inline-block;border:1px solid ##3cc51f;width:200px;">
31
+
32
+ <img src='https://i.niupic.com/images/2021/05/25/9io8.jpg' style="display:inline-block;border:1px solid ##3cc51f;width:200px;">
33
+
34
+ <img src='https://i.niupic.com/images/2021/05/25/9ioe.jpg' style="display:inline-block;border:1px solid ##3cc51f;width:200px;">
35
+
36
+ <img src='https://i.niupic.com/images/2021/05/25/9iog.jpg' style="display:inline-block;border:1px solid ##3cc51f;width:200px;">
37
+
38
+ <img src='https://i.niupic.com/images/2021/05/25/9ioj.jpg' style="display:inline-block;border:1px solid ##3cc51f;width:200px;">
39
+
40
+ <img src='https://z3.ax1x.com/2021/12/03/oaVQSK.jpg' style="display:inline-block;border:1px solid ##3cc51f;width:200px;">
41
+
42
+ <style>
43
+ .google-auto-placed{display:none!important;}
44
+ </style>
45
+ </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者：</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接：</strong><a href="/article/39486.html">https://xuehuayu.cn/article/39486.html</a></li><li class="post-copyright-license"><strong>版权声明：</strong>① 标为原创的文章为博主原创，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接。② 转载文章来自网络，已标明出处，<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E5%8E%9F%E5%88%9B/">原创</a></div><div class="post-nav"><a class="pre" href="/article/10164.html">“看看”视频解析chrome扩展</a><a class="next" href="/article/54018.html">uni-app的webview页面subNvue弹窗设置border-radius圆角</a></div></div></div></div><div class="pure-u-1 pure-u-md-1-4 fixed-search hidden_mid_and_down"><div id="sidebar"><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/search.min.js"></script><div class="widget"><div class="widget-search"><input class="search" type="radio" name="search" value="baidu" id="baidu" checked="checked"/><label class="label" for="baidu" title="百度全站搜索">百度</label><input class="search" type="radio" name="search" value="google" id="google"/><label class="label" for="google" title="谷歌全站搜索">谷歌</label><input class="search" type="radio" name="search" value="self" id="self"/><label class="label" for="self" title="使用站内搜索">站内</label></div><div class="widget" id="search"><form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"/><input type="hidden" name="si" value="xuehuayu.cn"/><input type="hidden" name="cl" value="3"/><input type="hidden" name="ct" value="2097152"/><input type="hidden" name="s" value="on"/><input class="search-submit" type="submit" value=""/></form></div></div><script>$('input[type=radio][name=search]').change(function() {
46
+ var val = $(this).val()
47
+ var self = '<div class="search-form"><input id="local-search-input" placeholder="站内搜索，首次慢" type="search" name="q" results="0"><input class="search-submit" type="submit" value=""/><div id="local-search-result"></div></div>'
48
+ var google = '<form class="search-form" action="//www.google.com/search" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="q" maxlength="30" placeholder="谷歌全站搜索"><input type="hidden" name="sitesearch" value="xuehuayu.cn"><input class="search-submit" type="submit" value=""/></form>'
49
+ var baidu = '<form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"><input type="hidden" name="si" value="xuehuayu.cn"><input type="hidden" name="cl" value="3"><input type="hidden" name="ct" value="2097152"><input type="hidden" name="s" value="on"><input class="search-submit" type="submit" value=""/></form>'
50
+
51
+ if (val === 'self') {
52
+ $('#search').html(self)
53
+ var search_path = 'search.xml';
54
+ if (search_path.length == 0) {
55
+ search_path = 'search.xml';
56
+ }
57
+ var path = 'https://cdn.staticaly.com/gh/npljy/npljy.github.io/main/' + search_path;
58
+ searchFunc(path, 'local-search-input', 'local-search-result');
59
+ } else if (val === 'baidu') {
60
+ $('#search').html(baidu)
61
+ } else if (val === 'google') {
62
+ $('#search').html(google)
63
+ }
64
+ })</script><div class="widget widget-wxmp"><img alt="微信公众号" width="100%" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/mp-mini.jpg"/></div><div class="widget widget-categories"><div class="widget-title"><i class="fa fa-folder-o"> 分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CDN/">CDN</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/IDE/">IDE</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/git/">git</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%85%AC%E5%85%B1%E8%8A%82%E6%97%A5/">公共节日</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%86%E4%BA%AB/">分享</a><span class="category-list-count">29</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a><span class="category-list-count">191</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/">网络协议</a><span class="category-list-count">1</span></li></ul></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2/">博客</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/">工具</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤</a><span class="category-list-count">8</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐</a><span class="category-list-count">2</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%AD%A3%E5%88%99/">正则</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%AE%97%E6%B3%95/">算法</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%B5%84%E8%AE%AF/">资讯</a><span class="category-list-count">16</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BD%BB%E6%9D%BE%E4%B8%80%E5%88%BB/">轻松一刻</a><span class="category-list-count">1</span></li></ul></div><div class="widget widget-tags"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="/tags/%E5%8E%9F%E5%88%9B/" style="font-size: 15px;">原创</a> <a href="/tags/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E6%89%8B%E5%86%99/" style="font-size: 15px;">手写</a> <a href="/tags/%E7%96%AB%E6%83%85/" style="font-size: 15px;">疫情</a> <a href="/tags/%E5%A8%B1%E4%B9%90/" style="font-size: 15px;">娱乐</a></div></div><div class="widget widget-recent-posts"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/article/c5576490.html">面试准备</a></li><li class="post-list-item"><a class="post-list-link" href="/article/84c9ccd6.html">精读《SolidJS》</a></li><li class="post-list-item"><a class="post-list-link" href="/article/53803e6.html">git提交注释规范</a></li><li class="post-list-item"><a class="post-list-link" href="/article/a4145266.html">前端数组拍平flat一行代码</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bedea419.html">一道前端this面试题</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bf7e7421.html">git多账号配置</a></li></ul></div><div class="widget widget-links"><div class="widget-title"><i class="fa fa-external-link"> 友情链接</i></div><ul></ul><a href="https://github.com/npljy?utm_source=xuehuayu.cn" title="GitHub" target="_blank">GitHub</a><ul></ul><a href="https://laonongmin.online?utm_source=xuehuayu.cn" title="看看" target="_blank">看看</a><ul></ul><a href="https://cainiaoblog.cn?utm_source=xuehuayu.cn" title="菜鸟博客" target="_blank">菜鸟博客</a><ul></ul><a href="mailto:cainiaoblog@126.com" title="友链联系" target="_blank">友链联系</a></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer"><div class="flex-block justify-center align-center flex-wrap"><a class="gxba-link" id="gxba" rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">京ICP备20007647号-2</a><a class="gaba-link" id="gaba-link" rel="nofollow" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031264"><img class="nofancybox" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/gaba.png" alt=""/><span id="gaba">京公网安备 11010802031264号</span><span style="padding-right: 10px;"></span></a><span>Copyright © 2023 </span><a href="/." rel="nofollow">前端壹菜鸟. </a><script>(function(){
65
+ var cnb =window.location.origin.indexOf('cainiaoblog') !==-1
66
+ if (cnb) {
67
+ var gxba =document.getElementById('gxba')
68
+ var gaba =document.getElementById('gaba')
69
+ var gabaLink =document.getElementById('gaba-link')
70
+ gxba.innerText ='京ICP备20007647号-1'
71
+ gaba.innerText ='京公网安备 11010802031254号'
72
+ gabaLink.setAttribute('href','http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031254')
73
+ }
74
+ })()</script></div><div class="flex-block justify-center align-center flex-wrap"><a rel="nofollow" target="_blank" href="https://v6.51.la/s/Guz3lwHCsVme9Cu"><div class="busuanzi_container" id="busuanzi_container"><span class="busuanzi_container_site_pv" id="busuanzi_container_site_pv">访问量：<span id="busuanzi_value_site_pv"><i class="fa fa-spinner"></i></span></span><span class="busuanzi_container_site_uv" id="busuanzi_container_site_uv">访客数：<span id="busuanzi_value_site_uv"><i class="fa fa-spinner"></i></span></span><span style="padding-right: 10px;"></span></div></a><a rel="nofollow" target="_blank" href="https://www.upyun.com/?utm_source=lianmeng&amp;utm_medium=referral"><span style="font-weight:bold;letter-spacing: 1px;">本网站由 </span><img class="nofancybox" height="32" style="vertical-align: middle" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/upy_logo.min.svg" alt=""/><span style="font-weight:bold;letter-spacing: 1px;">提供CDN加速/云存储服务</span></a><span style="padding-right: 10px;"></span><a rel="nofollow" style="font-size:18px;font-weight:bold;vertical-align: middle" target="_blank" title="注册就送代金券可直接使用" href="https://console.upyun.com/register/?invite=HyDsjZHIL">注册</a></div></div></div></div><a class="show" id="rocket" href="#top"></a><div class="darkmode-toggle">🌓</div><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/totop.min.js" async></script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/dark.min.js" async></script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/codeblock-resizer.min.js"></script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/smartresize.min.js"></script></div></body></html>
package/article/39637.html ADDED
@@ -0,0 +1,306 @@
1
+ <!DOCTYPE html><html lang="zh-CN" data-dark><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><meta content="yes" name="apple-mobile-web-app-capable"><meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"><meta content="telephone=no" name="format-detection"><meta name="description" content="前端壹菜鸟，记录工作难题，关注前端知识，收集精彩博文，做技术的搬运工"><meta name="msvalidate.01" content="0FE4D8B3381D3D87088996B886E1E2BD"><title>常见React.js问题（附解决方案） | 前端壹菜鸟</title><link rel="stylesheet" type="text/css" href="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/css/style.min.css"><link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/normalize.css@latest/normalize.min.css"><link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/purecss@latest/build/pure-min.min.css"><link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/purecss@latest/build/grids-responsive-min.css"><link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"><link rel="icon" mask="" sizes="any" href="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/blog.ico"><link rel="Shortcut Icon" type="image/x-icon" href="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/blog.ico"><link rel="apple-touch-icon" href="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/blog.png"><link rel="apple-touch-icon-precomposed" href="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/blog.png"><link rel="alternate" type="application/atom+xml" href="/atom.xml"><script type="text/javascript" src="//cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8385136408348258"></script><script src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js" async></script><script>(function(){
2
+ var bp = document.createElement('script');
3
+ var curProtocol = window.location.protocol.split(':')[0];
4
+ if (curProtocol === 'https'){
5
+ bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
6
+ }
7
+ else{
8
+ bp.src = 'http://push.zhanzhang.baidu.com/push.js';
9
+ }
10
+ var s = document.getElementsByTagName("script")[0];
11
+ s.parentNode.insertBefore(bp, s);
12
+ })();
13
+ </script><script>(function(){
14
+ var src = 'https://jspassport.ssl.qhimg.com/11.0.1.js?d182b3f28525f2db83acfaaf6e696dba';
15
+ document.write('<script src="' + src + '" id="sozz"><\/script>');
16
+ })();
17
+ </script><script>var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src='https://hm.baidu.com/hm.js?011f0b44e8452bfa57fbfa23c5fe7683';var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();
18
+ </script><script async src="https://www.googletagmanager.com/gtag/js?id=UA-150860401-1"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);};gtag('js',new Date());gtag('config','UA-150860401-1');
19
+ </script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/fixedPage.min.js"></script><meta name="generator" content="Hexo 6.3.0"></head><body><div class="body_container"><div id="header"><div class="site-name"><a id="logo" href="/.">前端壹菜鸟</a><p class="description">关注前端知识，收集精彩博文，做技术的搬运工</p></div><div id="nav-menu"><a class="current" href="/." target="_self"><i class="fa fa-home"> 首页</i></a><a href="/archives/" target="_self"><i class="fa fa-archive"> 归档</i></a><a href="/guestbook/" target="_self"><i class="fa fa-comments"> 留言</i></a><a href="/about/" target="_self"><i class="fa fa-user"> 关于</i></a><a href="https://laonongmin.online/" target="_target"><i class="fa fa-group"> 看看</i></a><a href="https://love.xuehuayu.cn/" target="_target"><i class="fa fa-heart"> LOVE</i></a></div></div><div class="pure-g" id="layout"><div class="pure-u-1 pure-u-md-3-4"><div class="content_container"><div class="post"><h1 class="post-title c-post">常见React.js问题（附解决方案）</h1><div class="post-meta"><span class="date">2019-12-09</span><span> | </span><span class="tag"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></span><span> | </span><span class="category"><a href="/categories/%E5%89%8D%E7%AB%AF/">前端 </a></span><span id="busuanzi_container_page_pv"> | <span id="busuanzi_value_page_pv"><i class="fa fa-spinner"></i></span><span> 阅读</span></span><span class="post-time"><span class="post-meta-item-text"> | </span><span class="post-meta-item-icon"><i class="fa fa-keyboard-o"></i><span class="post-count"> 3.6k</span><span class="post-meta-item-text"> 字</span></span></span><span class="post-time"> | <span class="post-meta-item-icon"><i class="fa fa-hourglass-half"></i><span class="post-count"> 13</span><span class="post-meta-item-text"> 分钟</span></span></span></div><a class="disqus-comment-count" href="/article/39637.html#vcomment"><span class="waline-comment-count" data-path="/article/39637.html"></span><span> 条评论</span></a><div class="post-content"><p><code>原文地址：https://www.html.cn/interview/14451.html</code></p>
20
+ <p>在 jsComplete，我们管理一个专门用于帮助编程学习者 slack 帐户。我们常常会收到一些有趣的问题，但大多数问题都是常见问题。 我创建这个资源为了帮助 React.js学习者遇到这些常见的问题时提供一定帮助。在这里可以快速找到一些常见问题的解决方案，而不是一，遍又一遍去找解决方法，我会持续更新这些常见的问题。</p>
21
+ <span id="more"></span>
22
+ <p><img src="https://img.php.cn/upload/article/000/000/006/5de713db09797573.jpg" alt="xuehuayu.cn"></p>
23
+ <h2 id="1-组件的名称开头要大写"><a href="#1-组件的名称开头要大写" class="headerlink" title="1. 组件的名称开头要大写"></a>1. 组件的名称开头要大写</h2><p>React 组件名称必须具有以大写字母开头。</p>
24
+ <p>如果组件名称不以大写字母开头，则组件使用将被视为内置元素，例如 <code>p</code> 或 <code>span</code>。</p>
25
+ <p>例如：</p>
26
+ <pre><code>class greeting extends React.Component &#123;
27
+ // ...
28
+ &#125;
29
+ </code></pre>
30
+ <p>如果尝试渲染 <code>&lt;greeting /&gt;</code>，React 将忽略上述内容，会报以下警告：</p>
31
+ <pre><code>Warning: The tag &lt;greeting&gt; is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.
32
+ </code></pre>
33
+ <p>这里更大的问题是把组件命名为 <code>button</code> 或 <code>img</code>。 React 会忽略你的组件，只是渲染一个普通 HTML <code>button</code> 或 <code>img</code> 标签。</p>
34
+ <p><img src="https://img.php.cn/upload/image/566/703/555/1575424555207539.png" alt="1575424555207539.png"></p>
35
+ <p>注意上面没有渲染 “My Awesome Button” 和 React 刚刚呈现的空 HTML 按钮元素。 在这种情况下，React 不会警告你。</p>
36
+ <h2 id="2-使用单引号而不是反引号"><a href="#2-使用单引号而不是反引号" class="headerlink" title="2.使用单引号而不是反引号"></a>2.使用单引号而不是反引号</h2><p>用反引号<code>(</code>…<code>)</code>创建的字符串与用单引号<code>(&#39;…&#39;)</code>创建的字符串不同。</p>
37
+ <p>在大多数键盘上，可以使用 <strong>tab</strong> 键上方的键来输入用反引号( &#96; )字符。</p>
38
+ <p>当需要在字符串中包含动态表达式时，使用反引号创建一个字符串(不需要使用字符串连接)。</p>
39
+ <pre><code>`This is a string template literal that can include expressions`
40
+ &#39;This is just a string, you cannot include expressions here&#39;
41
+ </code></pre>
42
+ <p>假设你想要一个始终报告当前时间的字符串：</p>
43
+ <p>“Time is …”</p>
44
+ <pre><code>// Current time string
45
+ const time = new Date().toLocaleTimeString();
46
+ // 使用普通字符串(单引号或双引号)时，需要使用字符串连接:
47
+ &#39;Time is &#39; + time
48
+ // 在使用反引号时，可以使用 $&#123;&#125; 在字符串中注入时间
49
+ `Time is $&#123;time&#125;`
50
+ </code></pre>
51
+ <p>此外，反引号还声明一个字符串时，可以创建一个跨多行的字符串:</p>
52
+ <pre><code>const template = `I
53
+ CAN
54
+ SPAN
55
+ Multiple Lines`;
56
+ </code></pre>
57
+ <p>常规字符串不能这样做。</p>
58
+ <h2 id="3-使用-React-PropTypes"><a href="#3-使用-React-PropTypes" class="headerlink" title="3. 使用 React.PropTypes"></a>3. 使用 React.PropTypes</h2><p><code>PropTypes</code> 对象已从 React 中删除。 其过去是以 React.PropTypes 的形式被使用，但不能再使用它了。</p>
59
+ <p>相应的，你需要：</p>
60
+ <ol>
61
+ <li><code>npm install prop-types</code></li>
62
+ <li><code>import PropTypes from &#39;prop-types&#39;</code></li>
63
+ </ol>
64
+ <p>然后就可以使用它啦，如： <code>PropTypes.string</code> 。</p>
65
+ <p>如果你错误地使用了 <code>React.PropTypes</code>，会得到这样的错误提示：</p>
66
+ <pre><code>TypeError: Cannot read property &#39;string&#39; of undefined
67
+ </code></pre>
68
+ <h2 id="4-没有使用指南里指定的版本"><a href="#4-没有使用指南里指定的版本" class="headerlink" title="4. 没有使用指南里指定的版本"></a>4. 没有使用指南里指定的版本</h2><p>在看或阅读有关代码的内容以及使用指南里的例子时，确保你使用的库版本与例子的里的版本是一致的。一般使用最新版本是没有问题，但是如果内容过时，你可能会遇到一些弃用问题。</p>
69
+ <p>为了安全起见，请使用主干版本。 例如，如果教程里使用的是 React 16，自己就不要使用 React 15 进行开发了。</p>
70
+ <p>这对 Node.js 也很重要。如果使用旧版本的 Node，会遇到一系列问题。 例如，如果你正在看一些教程，这些教程使用了 <code>Object.values</code>，而你现在用 Node 6.x，那个版本此方法是不存在的。 你需要 Node 7.x 或更高版本。</p>
71
+ <h2 id="5-令人困惑的函数与类"><a href="#5-令人困惑的函数与类" class="headerlink" title="5. 令人困惑的函数与类"></a>5. 令人困惑的函数与类</h2><p>你能看出下面的代码有什么问题吗?</p>
72
+ <pre><code>class Numbers extends React.Component &#123;
73
+ const arrayOfNumbers = _.range(1, 10);
74
+ // ...
75
+ &#125;
76
+ </code></pre>
77
+ <p>上面的代码是无效的，因为在 JavaScript 类的内部，不能随意定义变量，只能使用规定的语法定义方法和属性。</p>
78
+ <p>这有点令人困惑，因为类语法中使用的<code>&#123;&#125;</code>看起来像块级作用域，但它并不是。</p>
79
+ <p>在一个由函数构成的组件里，你就可以想怎么搞就怎么搞：</p>
80
+ <pre><code>// Totally Okay:
81
+ const Number = (props) =&gt; &#123;
82
+ const arrayOfNumbers = _.range(1, 10);
83
+ // ...
84
+ &#125;;
85
+ </code></pre>
86
+ <h2 id="6-将数字作为字符串传递"><a href="#6-将数字作为字符串传递" class="headerlink" title="6. 将数字作为字符串传递"></a>6. 将数字作为字符串传递</h2><p>你可以通过 prop 属性传递一个字符串：</p>
87
+ <pre><code>&lt;Greeting name=&quot;World&quot; /&gt;
88
+ </code></pre>
89
+ <p>如果需要传递一个数值，不要使用字符串:</p>
90
+ <pre><code>// 不要这样做
91
+ &lt;Greeting counter=&quot;7&quot; /&gt;
92
+ </code></pre>
93
+ <p>相反，使用花括号传递一个实际的数值:</p>
94
+ <pre><code>&lt;Greeting counter=&#123;7&#125; /&gt;
95
+ </code></pre>
96
+ <p>在 Greeting 组件中使用 <code>&#123;7&#125;</code>，<code>this.props.counter</code> 就被赋值为数字 <code>7</code> ，并且可以对其进行数学运算。 如果将其作为“7”传递，然后将其视为数字，则可能会遇到意外结果。</p>
97
+ <h2 id="7-忘记了另外一个-app-在用同样的端口"><a href="#7-忘记了另外一个-app-在用同样的端口" class="headerlink" title="7. 忘记了另外一个 app 在用同样的端口"></a>7. 忘记了另外一个 app 在用同样的端口</h2><p>要运行 web 服务器，需要使用主机(如 127.0.0.1 )和端口(如 8080)使服务器侦听有效 http 地址上的请求。</p>
98
+ <p>一旦成功运行，web 服务器就占据了那个端口，你就不能让这个端口它用，端口会被占用。</p>
99
+ <p>如果你尝试在另一个终端上运行相同的服务器，将会得到端口被占用的错误提示，如下:</p>
100
+ <pre><code>Error: listen EADDRINUSE 127.0.0.1:8080
101
+ </code></pre>
102
+ <p>请注意，有时 Web 服务器可能在后台运行或在分离的屏幕&#x2F;tmux 会话中运行。你看不到，但它仍然占据了端口。 要重新启动服务器，需要“杀死”仍在运行的服务器。</p>
103
+ <p>要识别使用某个端口的进程，可以使用 <code>ps</code> 之类的命令（以及关于应用程序的grep），或者如果你知道端口号，则可以使用 <code>lsof</code> 命令：</p>
104
+ <pre><code>lsof -i :8080
105
+ </code></pre>
106
+ <h2 id="8-忘记创建环境变量"><a href="#8-忘记创建环境变量" class="headerlink" title="8. 忘记创建环境变量"></a>8. 忘记创建环境变量</h2><p>有些项目依赖于 shell 环境变量的存在才能启动。 如果在没有所需环境变量的情况下运行这些项目，它们将尝试为它们使用未定义的值，并可能会给你一些神秘的错误。</p>
107
+ <p>例如，如果项目连接到像 MongoDB 这样的数据库，则可能会使用像 <code>process.env.MONGO_URI</code>这样的环境变量来连接它。 这允许项目与不同环境中的不同MongoDB 实例一起使用。</p>
108
+ <p>要在本地运行连接到 MongoDB 的项目，首先必须导出 <code>MONGO_URI</code> 环境变量。 例如，如果你在端口 <code>27017</code> 上运行本地 MongoDB，则需要在运行项目之前执行此操作：</p>
109
+ <pre><code>export MONGO_URI=&quot;mongodb://localhost:27017/mydb&quot;
110
+ </code></pre>
111
+ <p>你可以 grep 项目源代码，找到 <code>process.env</code> 来查清楚其运行正常所需要的环境变量。</p>
112
+ <h2 id="9-把花括号-和圆括号-搞混"><a href="#9-把花括号-和圆括号-搞混" class="headerlink" title="9. 把花括号{}和圆括号()搞混"></a>9. 把花括号{}和圆括号()搞混</h2><p>不要用：</p>
113
+ <pre><code>return &#123;
114
+ something();
115
+ &#125;;
116
+ </code></pre>
117
+ <p>这样用：</p>
118
+ <pre><code>return (
119
+ something();
120
+ );
121
+ </code></pre>
122
+ <p>第一个将尝试（并且会失败）返回一个对象，而第二个将正确调用 <code>something()</code> 函数并返回该函数返回的内容。</p>
123
+ <p>因为 JSX 中的任何 <code>&lt;tag&gt;</code> 都将转换为函数调用，所以在返回任何 JSX 时都会出现这个问题。</p>
124
+ <p>这个问题在箭头函数的缩写语法中也很常见。</p>
125
+ <p>不要用：</p>
126
+ <pre><code>const Greeting = () =&gt; &#123;
127
+ &lt;p&gt;
128
+ Hello World
129
+ &lt;/p&gt;
130
+ &#125;;
131
+ </code></pre>
132
+ <p>这样用：</p>
133
+ <pre><code>const Greeting = () =&gt; (
134
+ &lt;p&gt;
135
+ Hello World
136
+ &lt;/p&gt;
137
+ );
138
+ </code></pre>
139
+ <p>当你使用带有箭头函数的中括号时，你就新起了一个函数的作用域。箭头函数的缩写语法不用中括号。</p>
140
+ <h2 id="10-不使用圆括号包装对象"><a href="#10-不使用圆括号包装对象" class="headerlink" title="10. 不使用圆括号包装对象"></a>10. 不使用圆括号包装对象</h2><p>当你想要创建一个返回普通对象的箭头函数时，上面的花括号和圆括号问题也会让你感到困惑。</p>
141
+ <p>不要用：</p>
142
+ <pre><code>const myAction = () =&gt; &#123; type: &#39;DO_THIS&#39; &#125;;
143
+ </code></pre>
144
+ <p>这样用：</p>
145
+ <pre><code>const myAction = () =&gt; (&#123; type: &#39;DO_THIS&#39;&#125;);
146
+ </code></pre>
147
+ <p>如果没有把对象包裹在圆括号里，你就不能使用缩写语法。实际上你会给字符串定义一个标签。</p>
148
+ <p>这在 <code>setState</code> 方法的 <code>updater</code> 函数中很常见，因为它需要返回一个对象。 如果要使用箭头函数语法，则需要用括号包装该对象。</p>
149
+ <p>不要用：</p>
150
+ <pre><code>this.setState(prevState =&gt; &#123; answer: 42 &#125;);
151
+ </code></pre>
152
+ <p>这样用：</p>
153
+ <pre><code>this.setState(prevState =&gt; (&#123; answer: 42 &#125;));
154
+ </code></pre>
155
+ <h2 id="11-没有正确使用API元素和属性的大小写"><a href="#11-没有正确使用API元素和属性的大小写" class="headerlink" title="11. 没有正确使用API元素和属性的大小写"></a>11. 没有正确使用API元素和属性的大小写</h2><p>使用 <code>React.Component</code>，而不是 <code>React.component</code>。 使用 <code>componentDidMount</code>，而不是 <code>ComponentDidMount</code>。使用 <code>ReactDOM</code>，而不是<code>ReactDom</code>。</p>
156
+ <p>请注意需要的 API 大小写。 如果使用不正确的大小写，得到的错误信息可能不会很明确。</p>
157
+ <p>从 <code>react</code> 和 <code>react-dom</code> 导入时，确保引入正确的名称，并且使用的内容与引入完全相同，ESLint 可以帮助你指出未使用的内容。</p>
158
+ <p>在处理组件属性时也会遇到这种问题：</p>
159
+ <pre><code>&lt;Greeting userName=&quot;Max&quot; /&gt;
160
+ // 在组件内部，你需要使用 props.userName 来获取传入的值
161
+ </code></pre>
162
+ <p>如果你没有使用 <code>props.userName</code>，而是 <code>props.username</code> 或 <code>props.UserName</code>，你会相当于用了一个 <code>undefined</code> 的值。需要特别留意下这点，当然更好的是配置 <strong>ESLint</strong>，它也能指出这些问题。</p>
163
+ <h2 id="12-将-state-对象与实例属性搞混"><a href="#12-将-state-对象与实例属性搞混" class="headerlink" title="12. 将 state 对象与实例属性搞混"></a>12. 将 state 对象与实例属性搞混</h2><p>在类组件中，可以定义本地 <code>state</code> 对象，然后使用 <code>this</code> 访问它：</p>
164
+ <pre><code>class Greeting extends React.Component &#123;
165
+ state = &#123;
166
+ name: &quot;World&quot;,
167
+ &#125;;
168
+ render() &#123;
169
+ return `Hello $&#123;this.state.name&#125;`;
170
+ &#125;
171
+ &#125;
172
+ </code></pre>
173
+ <p>以上代码会输出 <code>“Hello World”</code>。</p>
174
+ <p>除 <code>state</code> 之外，你还可以定义其它本地实例属性。</p>
175
+ <pre><code>class Greeting extends React.Component &#123;
176
+ user = &#123;
177
+ name: &quot;World&quot;,
178
+ &#125;;
179
+ render() &#123;
180
+ return `Hello $&#123;this.user.name&#125;`;
181
+ &#125;
182
+ &#125;
183
+ </code></pre>
184
+ <p>以上代码也会输出 <code>“Hello World”</code>。</p>
185
+ <p><code>state</code> 实例属性是一个特殊属性，因为 React 会管理它。 你只能通过 <code>setState</code> 更改它，当你这样做时 React 会做出响应。</p>
186
+ <p>然而，定义的所有其他实例属性对渲染算法没有影响。 你可以根据需要在上面的示例中更改<code>this.user</code>，并且 React 不会在React中触发渲染机制。</p>
187
+ <h2 id="13-将-与-lt-x2F-tag-gt-搞混"><a href="#13-将-与-lt-x2F-tag-gt-搞混" class="headerlink" title="13. 将 与&lt;&#x2F; tag&gt; 搞混"></a>13. 将 <tag />与&lt;&#x2F; tag&gt; 搞混</h2><p>在闭合标签里放错 <code>/</code> 字符。不可否认，有时你可以使用 <code>&lt;tag/&gt;</code>，而其他时间你需要<code>&lt;/tag&gt;</code>。</p>
188
+ <p>在 HTML 中，有一种称为“自闭合标签”（AKA void tag）。这些是表示没有任何子节点的元素的标记。例如，img 标签是一个自闭合标签：</p>
189
+ <pre><code>&lt;img src=&quot;...&quot; /&gt;
190
+ // 不必使用 &lt;img&gt;&lt;/img&gt;
191
+ </code></pre>
192
+ <p>p标签可以包含子项，因此你可以使用开始和结束标记：</p>
193
+ <pre><code>&lt;p&gt;
194
+ Children here...
195
+ &lt;/p&gt;
196
+ </code></pre>
197
+ <p>这同样适用于 Reac t组件，如果组件具有子元素，如下所示：</p>
198
+ <pre><code>&lt;Greeting&gt;Hello!&lt;/Greeting&gt;
199
+ // 注意/字符的位置
200
+ </code></pre>
201
+ <p>如果组件没有子元素，可以用开始&#x2F;结束标签书写，或者用自闭合标签：</p>
202
+ <pre><code>// 两种方式
203
+ &lt;Greeting&gt;&lt;/Greeting&gt;
204
+ &lt;Greeting /&gt;
205
+ </code></pre>
206
+ <p>以下方式是非法的：</p>
207
+ <pre><code>// 错误
208
+ &lt;Greeting&gt;&lt;Greeting /&gt;
209
+ </code></pre>
210
+ <p>如果放错放了 &#x2F; 字符的位置，将收到如下错误：</p>
211
+ <pre><code>Syntax error: Unterminated JSX contents
212
+ </code></pre>
213
+ <h2 id="14-假设-import-x2F-export-起作用"><a href="#14-假设-import-x2F-export-起作用" class="headerlink" title="14. 假设 import&#x2F;export 起作用"></a>14. 假设 import&#x2F;export 起作用</h2><p><code>import/export</code> 特性是 JavaScript 中的官方功能（自2015年起）。 其只是 ES2015 的特性，并且还没有在流行浏览器和最新版 Node 里面被完整支持。</p>
214
+ <p>React 项目的流行配置使用 Webpack 和 Babel。 两者都允许使用此特性并将其编译为所有浏览器都能理解的内容。 只有工作流中有 Webpack 或 Babel 之类的转译工具，才能使用 <code>import/export</code>。</p>
215
+ <p>但是，在 React 打包应用程序中 import&#x2F;export 不意味着可以随意使用它们！ 例如，如果你还通过最新的 Node 进行服务器端渲染，会行不通，你很可能会收到<code>“unexpected token”</code> 错误。</p>
216
+ <p>要让 Node 理解 <code>import/export</code>（如果你在前端使用它们就是你需要了解它们，并且也想要做 SSR 渲染的话），你需要有可以编译其的 Babel preset（像是_env_ preset），才能在Node 端运行。 你可以在开发时使用像 <em>pm2_、 _nodemon</em> 和 _babel-watch_的工具做到这点，，并在每次更改内容时重新启动 Node。</p>
217
+ <h2 id="15-不绑定处理程序方法"><a href="#15-不绑定处理程序方法" class="headerlink" title="15. 不绑定处理程序方法"></a>15. 不绑定处理程序方法</h2><p>我把这个留到最后，因为这是一个大问题，一个很常见的问题。</p>
218
+ <p>你可以在 React 组件中定义类方法，然后在组件的 render 方法中使用它们。 例如：</p>
219
+ <pre><code>class Greeting extends React.Component &#123;
220
+ whoIsThis() &#123;
221
+ console.dir(this); // &quot;this&quot; is the caller of whoIsThis
222
+ return &quot;World&quot;;
223
+ &#125;
224
+ render() &#123;
225
+ return `Hello $&#123;this.whoIsThis()&#125;`;
226
+ &#125;
227
+ &#125;
228
+ ReactDOM.render(&lt;Greeting /&gt;, mountNode);
229
+ </code></pre>
230
+ <p>我在 <code>render</code> 里以 <code>this.whoIsThis</code> 的方式调用 <code>whoIsThis</code> 方法，因为在 <code>render</code>中，<code>this</code> 关键字指的是与表示组件的 DOM 元素关联的组件实例。</p>
231
+ <p>内部 React 确保其类方法中的 <code>“this”</code> 指向实例。 但是，当你使用 <code>whoIsThis</code> 方法的引用时，JavaScript 不会自动绑定实例。</p>
232
+ <p><code>whoIsThis</code> 方法中的 <code>console.dir</code> 可以正确告诉我们当前组件实例，因为该方法是使用显式调用方（<code>this</code>）直接从 <code>render</code> 方法调用的。 执行上面的代码时，在控制台中看到<strong>Greeting</strong> 对象：</p>
233
+ <p><img src="https://img.php.cn/upload/image/573/544/866/1575424602909723.png" alt="1575424602909723.png"></p>
234
+ <p>然而，当在延迟执行通道，例如事件处理里执行同样方法时，调用对象将不再是显性的，<code>console.dir</code> 也不会打印当前组件实例。</p>
235
+ <p><img src="https://img.php.cn/upload/image/896/655/839/1575424609719349.png" alt="1575424609719349.png"></p>
236
+ <p>在上面的代码中，当单击字符串时，React 会调用 <code>whoIsThis</code> 方法，但它不会让你访问组件实例。 这就是我们点击字符串时得到 <code>undefined</code> 的原因。 如果类方法需要访问像<code>this.props</code> 和 <code>this.state</code> 这样的属性，这会是一个问题，因为它根本行不通。</p>
237
+ <p>对于这个问题有很多解决方案。可以将方法包装在内联函数中，或使用 <code>.bind</code> 来改变 <code>this</code> 指向。 对于不经常更新的组件，两者都可以。</p>
238
+ <p>还可以通过在类的构造函数中而不是在 <code>render</code> 方法中执行来优化 <code>bind</code> 方法。 但是，此方法的最佳解决方案是通过 Babel 来使用 ECMAScript 类字段我（目前还是stage-3），这样对于处理程序只需使用箭头函数就可以了：</p>
239
+ <pre><code>class Greeting extends React.Component &#123;
240
+ whoIsThis = () =&gt; &#123;
241
+ console.dir(this);
242
+ &#125;
243
+ render() &#123;
244
+ return (
245
+ &lt;p onClick=&#123;this.whoIsThis&#125;&gt;
246
+ Hello World
247
+ &lt;/p&gt;
248
+ );
249
+ &#125;
250
+ &#125;
251
+ </code></pre>
252
+ <p>这样会和预期一样执行：</p>
253
+ <p><img src="https://img.php.cn/upload/image/754/353/283/1575424614766426.png" alt="1575424614766426.png"></p>
254
+ <p><code>原文地址：https://jscomplete.com/learn/react-beyond-basics/react-cfp</code></p>
255
+ <p>为了保证的可读性，本文采用意译而非直译。</p>
256
+ <p>以上就是常见React.js问题（附解决方案）的详细内容，更多请关注html中文网其它相关文章！</p>
257
+ </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者：</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接：</strong><a href="/article/39637.html">https://xuehuayu.cn/article/39637.html</a></li><li class="post-copyright-license"><strong>版权声明：</strong>① 标为原创的文章为博主原创，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接。② 转载文章来自网络，已标明出处，<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/53428.html">2019年适用于JavaScript开发人员的27种神奇的VSCode工具</a><a class="next" href="/article/1230.html">JavaScript中数组的15种常见操作（备忘单）</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
258
+ const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
259
+ const locale = {
260
+ placeholder: '请正确填写昵称和邮箱，方便接收回复通知~',
261
+ sofa: '沙发空缺中，还不快抢~',
262
+ };
263
+ Waline.init({
264
+ el: '#vcomment',
265
+ serverURL: serverURL,
266
+ pageSize: '20',
267
+ visitor: true, // 阅读量统计
268
+ requiredMeta: ['nick', 'mail'],
269
+ emoji: [
270
+ 'https://cdn.jsdelivr.net/gh/walinejs/emojis@1.0.0/weibo',
271
+ 'https://cdn.jsdelivr.net/gh/walinejs/emojis@1.0.0/qq',
272
+ 'https://cdn.jsdelivr.net/gh/walinejs/emojis@1.0.0/tw-emoji',
273
+ ],
274
+ locale,
275
+ pageview: true
276
+ })
277
+ </script></div></div></div><div class="pure-u-1 pure-u-md-1-4 fixed-search hidden_mid_and_down"><div id="sidebar"><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/search.min.js"></script><div class="widget"><div class="widget-search"><input class="search" type="radio" name="search" value="baidu" id="baidu" checked="checked"/><label class="label" for="baidu" title="百度全站搜索">百度</label><input class="search" type="radio" name="search" value="google" id="google"/><label class="label" for="google" title="谷歌全站搜索">谷歌</label><input class="search" type="radio" name="search" value="self" id="self"/><label class="label" for="self" title="使用站内搜索">站内</label></div><div class="widget" id="search"><form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"/><input type="hidden" name="si" value="xuehuayu.cn"/><input type="hidden" name="cl" value="3"/><input type="hidden" name="ct" value="2097152"/><input type="hidden" name="s" value="on"/><input class="search-submit" type="submit" value=""/></form></div></div><script>$('input[type=radio][name=search]').change(function() {
278
+ var val = $(this).val()
279
+ var self = '<div class="search-form"><input id="local-search-input" placeholder="站内搜索，首次慢" type="search" name="q" results="0"><input class="search-submit" type="submit" value=""/><div id="local-search-result"></div></div>'
280
+ var google = '<form class="search-form" action="//www.google.com/search" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="q" maxlength="30" placeholder="谷歌全站搜索"><input type="hidden" name="sitesearch" value="xuehuayu.cn"><input class="search-submit" type="submit" value=""/></form>'
281
+ var baidu = '<form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"><input type="hidden" name="si" value="xuehuayu.cn"><input type="hidden" name="cl" value="3"><input type="hidden" name="ct" value="2097152"><input type="hidden" name="s" value="on"><input class="search-submit" type="submit" value=""/></form>'
282
+
283
+ if (val === 'self') {
284
+ $('#search').html(self)
285
+ var search_path = 'search.xml';
286
+ if (search_path.length == 0) {
287
+ search_path = 'search.xml';
288
+ }
289
+ var path = 'https://cdn.staticaly.com/gh/npljy/npljy.github.io/main/' + search_path;
290
+ searchFunc(path, 'local-search-input', 'local-search-result');
291
+ } else if (val === 'baidu') {
292
+ $('#search').html(baidu)
293
+ } else if (val === 'google') {
294
+ $('#search').html(google)
295
+ }
296
+ })</script><div class="widget widget-wxmp"><img alt="微信公众号" width="100%" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/mp-mini.jpg"/></div><div class="widget widget-categories"><div class="widget-title"><i class="fa fa-folder-o"> 分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CDN/">CDN</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/IDE/">IDE</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/git/">git</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%85%AC%E5%85%B1%E8%8A%82%E6%97%A5/">公共节日</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%86%E4%BA%AB/">分享</a><span class="category-list-count">29</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a><span class="category-list-count">191</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/">网络协议</a><span class="category-list-count">1</span></li></ul></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2/">博客</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/">工具</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤</a><span class="category-list-count">8</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐</a><span class="category-list-count">2</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%AD%A3%E5%88%99/">正则</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%AE%97%E6%B3%95/">算法</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%B5%84%E8%AE%AF/">资讯</a><span class="category-list-count">16</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BD%BB%E6%9D%BE%E4%B8%80%E5%88%BB/">轻松一刻</a><span class="category-list-count">1</span></li></ul></div><div class="widget widget-tags"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="/tags/%E5%8E%9F%E5%88%9B/" style="font-size: 15px;">原创</a> <a href="/tags/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E6%89%8B%E5%86%99/" style="font-size: 15px;">手写</a> <a href="/tags/%E7%96%AB%E6%83%85/" style="font-size: 15px;">疫情</a> <a href="/tags/%E5%A8%B1%E4%B9%90/" style="font-size: 15px;">娱乐</a></div></div><div class="widget widget-recent-posts"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/article/c5576490.html">面试准备</a></li><li class="post-list-item"><a class="post-list-link" href="/article/84c9ccd6.html">精读《SolidJS》</a></li><li class="post-list-item"><a class="post-list-link" href="/article/53803e6.html">git提交注释规范</a></li><li class="post-list-item"><a class="post-list-link" href="/article/a4145266.html">前端数组拍平flat一行代码</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bedea419.html">一道前端this面试题</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bf7e7421.html">git多账号配置</a></li></ul></div><div class="widget widget-links"><div class="widget-title"><i class="fa fa-external-link"> 友情链接</i></div><ul></ul><a href="https://github.com/npljy?utm_source=xuehuayu.cn" title="GitHub" target="_blank">GitHub</a><ul></ul><a href="https://laonongmin.online?utm_source=xuehuayu.cn" title="看看" target="_blank">看看</a><ul></ul><a href="https://cainiaoblog.cn?utm_source=xuehuayu.cn" title="菜鸟博客" target="_blank">菜鸟博客</a><ul></ul><a href="mailto:cainiaoblog@126.com" title="友链联系" target="_blank">友链联系</a></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer"><div class="flex-block justify-center align-center flex-wrap"><a class="gxba-link" id="gxba" rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">京ICP备20007647号-2</a><a class="gaba-link" id="gaba-link" rel="nofollow" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031264"><img class="nofancybox" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/gaba.png" alt=""/><span id="gaba">京公网安备 11010802031264号</span><span style="padding-right: 10px;"></span></a><span>Copyright © 2023 </span><a href="/." rel="nofollow">前端壹菜鸟. </a><script>(function(){
297
+ var cnb =window.location.origin.indexOf('cainiaoblog') !==-1
298
+ if (cnb) {
299
+ var gxba =document.getElementById('gxba')
300
+ var gaba =document.getElementById('gaba')
301
+ var gabaLink =document.getElementById('gaba-link')
302
+ gxba.innerText ='京ICP备20007647号-1'
303
+ gaba.innerText ='京公网安备 11010802031254号'
304
+ gabaLink.setAttribute('href','http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031254')
305
+ }
306
+ })()</script></div><div class="flex-block justify-center align-center flex-wrap"><a rel="nofollow" target="_blank" href="https://v6.51.la/s/Guz3lwHCsVme9Cu"><div class="busuanzi_container" id="busuanzi_container"><span class="busuanzi_container_site_pv" id="busuanzi_container_site_pv">访问量：<span id="busuanzi_value_site_pv"><i class="fa fa-spinner"></i></span></span><span class="busuanzi_container_site_uv" id="busuanzi_container_site_uv">访客数：<span id="busuanzi_value_site_uv"><i class="fa fa-spinner"></i></span></span><span style="padding-right: 10px;"></span></div></a><a rel="nofollow" target="_blank" href="https://www.upyun.com/?utm_source=lianmeng&amp;utm_medium=referral"><span style="font-weight:bold;letter-spacing: 1px;">本网站由 </span><img class="nofancybox" height="32" style="vertical-align: middle" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/upy_logo.min.svg" alt=""/><span style="font-weight:bold;letter-spacing: 1px;">提供CDN加速/云存储服务</span></a><span style="padding-right: 10px;"></span><a rel="nofollow" style="font-size:18px;font-weight:bold;vertical-align: middle" target="_blank" title="注册就送代金券可直接使用" href="https://console.upyun.com/register/?invite=HyDsjZHIL">注册</a></div></div></div></div><a class="show" id="rocket" href="#top"></a><div class="darkmode-toggle">🌓</div><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/totop.min.js" async></script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/dark.min.js" async></script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/codeblock-resizer.min.js"></script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/smartresize.min.js"></script></div></body></html>