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/54258.html ADDED
@@ -0,0 +1,327 @@
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>50个最简单的JavaScript面试题 | 前端壹菜鸟</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">50个最简单的JavaScript面试题</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"> 4.9k</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"> 18</span><span class="post-meta-item-text"> 分钟</span></span></span></div><a class="disqus-comment-count" href="/article/54258.html#vcomment"><span class="waline-comment-count" data-path="/article/54258.html"></span><span> 条评论</span></a><div class="post-content"><p><code>原文地址：https://www.html.cn/interview/14261.html</code></p>
20
+ <span id="more"></span>
21
+ <p><img src="https://img.php.cn/upload/article/000/000/006/5ddcdbcc37e26942.jpg" alt="xuehuayu.cn"></p>
22
+ <h4 id="问题1：Java和JavaScript有什么不同"><a href="#问题1：Java和JavaScript有什么不同" class="headerlink" title="问题1：Java和JavaScript有什么不同"></a>问题1：Java和JavaScript有什么不同</h4><p>JavaJavaScriptJava是一种OOP编程语言。JavaScript是一种OOP脚本语言。它创建在虚拟机或浏览器中运行的应用程序。代码在浏览器或node环境上运行。需要编译Java代码。JS代码都是文本的形式。</p>
23
+ <h4 id="问题2：什么-Javascript"><a href="#问题2：什么-Javascript" class="headerlink" title="问题2：什么 Javascript"></a>问题2：什么 Javascript</h4><p>JavaScript 是一种轻量级的解释型编程语言，具有面向对象的特性，允许各位在其他静态HTML页面中构建交互性。 该语言的通用核心已嵌入Netscape，Internet Explorer和其他Web浏览器中。</p>
24
+ <h4 id="问题3：-JS-支持哪些数据类型"><a href="#问题3：-JS-支持哪些数据类型" class="headerlink" title="问题3： JS 支持哪些数据类型"></a>问题3： JS 支持哪些数据类型</h4><p><img src="https://img.php.cn/upload/image/441/684/127/1574754885723821.png" alt="1574754885723821.png"></p>
25
+ <p>JS 支持的数据类型:</p>
26
+ <ul>
27
+ <li>Undefined</li>
28
+ <li>Null</li>
29
+ <li>Boolean</li>
30
+ <li>String</li>
31
+ <li>Symbol</li>
32
+ <li>Number</li>
33
+ <li>Object</li>
34
+ </ul>
35
+ <h4 id="问题4：JavaScript的特性是什么"><a href="#问题4：JavaScript的特性是什么" class="headerlink" title="问题4：JavaScript的特性是什么"></a>问题4：JavaScript的特性是什么</h4><p><img src="https://img.php.cn/upload/image/280/997/463/1574754892156273.png" alt="1574754892156273.png"></p>
36
+ <p>以下是JS的特性:</p>
37
+ <ul>
38
+ <li>JS 是一种轻量级，解释性编程语言。</li>
39
+ <li>为了创建以网络为中心的应用程序而设计。</li>
40
+ <li>补充和集成了 Java</li>
41
+ <li>补充和集成了 HTML</li>
42
+ <li>开放和跨平台</li>
43
+ </ul>
44
+ <h4 id="问题5：JavaScript是区分大小写"><a href="#问题5：JavaScript是区分大小写" class="headerlink" title="问题5：JavaScript是区分大小写"></a>问题5：JavaScript是区分大小写</h4><p>是的，JS是一种区分大小写的语言。关键字、变量、函数名和任何其他标识符必须始终使用一致的大写字母进行使用。</p>
45
+ <h4 id="问题6：JS-的优势是什么"><a href="#问题6：JS-的优势是什么" class="headerlink" title="问题6：JS 的优势是什么"></a>问题6：JS 的优势是什么</h4><p>以下使用JS的优点:</p>
46
+ <ul>
47
+ <li><strong>更少的服务器交互</strong> - 在将页面发送到服务器之前，可以验证用户输入,节省了服务器流量，意味着服务器的负载更少</li>
48
+ <li>立即反馈 - 用户不需要等待页面重新加载来查看是否忘记输入某些内容。</li>
49
+ <li>增强交互 - 在界面中，当用户使用鼠标悬停或通过键盘激活它们时会做出响应。</li>
50
+ <li>丰富的接口 - 可以使用JS包含拖放组件和滑块等项，为网站提供丰富的界面。</li>
51
+ </ul>
52
+ <h4 id="问题7：如何用JS创建对象"><a href="#问题7：如何用JS创建对象" class="headerlink" title="问题7：如何用JS创建对象"></a>问题7：如何用JS创建对象</h4><p>JS贼支持对象概念，用如下方式创建即可：</p>
53
+ <pre><code>var emp = &#123;
54
+ name: &quot;Daniel&quot;,
55
+ age: 23
56
+ &#125;;
57
+ </code></pre>
58
+ <h4 id="问题8：如何用JS创建数组"><a href="#问题8：如何用JS创建数组" class="headerlink" title="问题8：如何用JS创建数组"></a>问题8：如何用JS创建数组</h4><p>JS 创建数组也很简单：</p>
59
+ <pre><code>var x = [];
60
+ var y = [1, 2, 3, 4, 5];
61
+ </code></pre>
62
+ <h4 id="问题9：JS-中的命名函数是什么以及如何定义："><a href="#问题9：JS-中的命名函数是什么以及如何定义：" class="headerlink" title="问题9：JS 中的命名函数是什么以及如何定义："></a>问题9：JS 中的命名函数是什么以及如何定义：</h4><p>命名函数在定义后立即声明名称，可以使用<code>function</code>关键字定义：</p>
63
+ <pre><code>function named()&#123;
64
+ // write code here
65
+ &#125;
66
+ </code></pre>
67
+ <h4 id="问题10：是否可以将匿名函数分配给变量并将其作为参数传递给另一个函数"><a href="#问题10：是否可以将匿名函数分配给变量并将其作为参数传递给另一个函数" class="headerlink" title="问题10：是否可以将匿名函数分配给变量并将其作为参数传递给另一个函数"></a>问题10：是否可以将匿名函数分配给变量并将其作为参数传递给另一个函数</h4><p>可以。一个匿名函数可以分配给一个变量，它也可以作为参数传递给另一个函数。</p>
68
+ <h4 id="问题11：JS中的参数对象是什么-amp-如何获得传递给函数的参数类型"><a href="#问题11：JS中的参数对象是什么-amp-如何获得传递给函数的参数类型" class="headerlink" title="问题11：JS中的参数对象是什么&amp;如何获得传递给函数的参数类型"></a>问题11：JS中的参数对象是什么&amp;如何获得传递给函数的参数类型</h4><p>JS 变量<code>arguments</code>表示传递给函数的参数。 使用<code>typeof</code>运算符，可以获得传递给函数的参数类型。如下：</p>
69
+ <pre><code>function func(x)&#123;
70
+ console.log(typeof x, arguments.length);
71
+ &#125;
72
+ func(); //==&gt; &quot;undefined&quot;, 0
73
+ func(7); //==&gt; &quot;number&quot;, 1
74
+ func(&quot;1&quot;, &quot;2&quot;, &quot;3&quot;); //==&gt; &quot;string&quot;, 3
75
+ </code></pre>
76
+ <h4 id="问题12：JS中变量的作用域是什么"><a href="#问题12：JS中变量的作用域是什么" class="headerlink" title="问题12：JS中变量的作用域是什么"></a>问题12：JS中变量的作用域是什么</h4><p>变量的作用域是程序中定义它的区域，JS变量只有两个作用域：</p>
77
+ <ul>
78
+ <li><strong>全局变量</strong> - 全局变量具有全局作用域，这意味着它在JS代码中的任何位置都可见。</li>
79
+ <li>局部变量 - 局部变量仅在定义它的函数中可见，函数参数始终是该函数的本地参数。</li>
80
+ </ul>
81
+ <h4 id="问题13：JS-中“this”运算符的用途是什么？"><a href="#问题13：JS-中“this”运算符的用途是什么？" class="headerlink" title="问题13：JS 中“this”运算符的用途是什么？"></a>问题13：JS 中“<code>this</code>”运算符的用途是什么？</h4><p><code>this</code>关键字引用它所属的对象。 根据使用位置，它具有不同的值。 在方法中，这指的是所有者对象，而在函数中，这指的是全局对象。</p>
82
+ <h4 id="问题14：什么是回调"><a href="#问题14：什么是回调" class="headerlink" title="问题14：什么是回调"></a>问题14：什么是回调</h4><p>回调函数是作为参数或选项传递给某个方法的普通JS函数。它是一个函数，在另一个函数完成执行后执行，因此称为回调。在JS中，函数是对象，因此，函数可以接受函数作为参数，并且可以由其他函数返回。</p>
83
+ <h4 id="问题15：什么是闭包？举个例子"><a href="#问题15：什么是闭包？举个例子" class="headerlink" title="问题15：什么是闭包？举个例子"></a>问题15：什么是闭包？举个例子</h4><p>只要在某个内部作用域内访问在当前作用域之外定义的变量，就会创建<strong>闭包</strong>。 它允许你从内部函数访问外部函数的作用域。 在JS中，每次创建函数时都会创建闭包。 要使用闭包，只需在另一个函数内定义一个函数并暴露它。</p>
84
+ <h4 id="问题16：列出一些内置方法及其返回的值。"><a href="#问题16：列出一些内置方法及其返回的值。" class="headerlink" title="问题16：列出一些内置方法及其返回的值。"></a>问题16：列出一些内置方法及其返回的值。</h4><p>内置方法返回值CharAt()它返回指定索引处的字符。Concat()它连接两个或多个字符串。forEach()它为数组中的每个元素调用一个函数。indexOf()它返回指定值第一次出现时调用字符串对象中的索引。pop()它从数组中删除最后一个元素并返回该元素。push()它将一个或多个元素添加到数组的末尾，并返回数组的新长度。reverse()反转数组元素的顺序。</p>
85
+ <h4 id="问题17：-JS中的变量命名约定是什么？"><a href="#问题17：-JS中的变量命名约定是什么？" class="headerlink" title="问题17： JS中的变量命名约定是什么？"></a>问题17： JS中的变量命名约定是什么？</h4><p>在JS中命名变量时要遵循以下规则:</p>
86
+ <ol>
87
+ <li>咱们不应该使用任何JS保留关键字作为变量名。例如，<code>break</code>或<code>boolean</code>变量名无效。</li>
88
+ <li>JS 变量名不应该以数字<code>(0-9)</code>开头。它们必须以字母或下划线开头。例如，<code>123name</code>是一个无效的变量名，但<code>123name</code>或<code>name123</code>是一个有效的变量名。</li>
89
+ <li>JS 变量名区分大小写。例如，<code>Test</code>和<code>test</code>是两个不同的变量。</li>
90
+ </ol>
91
+ <h4 id="问题18：TypeOf-运算符是如何工作的"><a href="#问题18：TypeOf-运算符是如何工作的" class="headerlink" title="问题18：TypeOf 运算符是如何工作的"></a>问题18：TypeOf 运算符是如何工作的</h4><p><code>typeof</code>运算符用于获取其操作数的数据类型。 操作数可以是文字或数据结构，例如变量，函数或对象。 它是一个一元运算符，放在它的单个操作数之前，可以是任何类型。 它的值是一个字符串，表示操作数的数据类型。</p>
92
+ <h4 id="问题19：如何使用-JS-创建-cookie"><a href="#问题19：如何使用-JS-创建-cookie" class="headerlink" title="问题19：如何使用 JS 创建 cookie"></a>问题19：如何使用 JS 创建 cookie</h4><p>创建<code>cookie</code>的最简单方法是为<code>document.cookie</code>对象分配一个字符串值，如下所示:</p>
93
+ <pre><code>document.cookie = &quot;key1 = value1; key2 = value2; expires = date&quot;;
94
+ </code></pre>
95
+ <h4 id="问题20：如何使用JS读取cookie"><a href="#问题20：如何使用JS读取cookie" class="headerlink" title="问题20：如何使用JS读取cookie"></a>问题20：如何使用JS读取cookie</h4><p>读取<code>cookie</code>就像写入<code>cookie</code>一样简单，因为<code>document.cookie</code>对象的值是<code>cookie</code>。</p>
96
+ <ul>
97
+ <li><code>document.cookie</code>的值是由分号分隔的<code>name=value</code>对的列表，其中<code>name</code>是cookie的名称，<code>value</code>是其字符串值。</li>
98
+ <li>可以使用<code>split()</code>方法将字符串分解为键和值。</li>
99
+ </ul>
100
+ <h4 id="问题21：如何使用-JS-删除-cookie"><a href="#问题21：如何使用-JS-删除-cookie" class="headerlink" title="问题21：如何使用 JS 删除 cookie"></a>问题21：如何使用 JS 删除 cookie</h4><p>如果要删除<code>cookie</code>以便后续尝试读取<code>cookie</code>，则只需将过期日期设置为过去的时间。 咱们应该定义<code>cookie</code>路径以确保删除正确的<code>cookie</code>。 如果未指定路径，某些浏览器将不允许咱们删除<code>cookie</code>。</p>
101
+ <h4 id="问题22：Attribute-和Property之间有什么区别"><a href="#问题22：Attribute-和Property之间有什么区别" class="headerlink" title="问题22：Attribute 和Property之间有什么区别"></a>问题22：Attribute 和Property之间有什么区别</h4><ul>
102
+ <li><strong>Attribute</strong>——提供关于元素的更多细节，如id、类型、值等。</li>
103
+ <li><strong>Property</strong> —— 分配给属性的值，如<code>type =“text”</code>，<code>value =&#39;Name&#39;</code>等。</li>
104
+ </ul>
105
+ <h4 id="问题23：列出在JS代码中访问HTML元素的不同方式"><a href="#问题23：列出在JS代码中访问HTML元素的不同方式" class="headerlink" title="问题23：列出在JS代码中访问HTML元素的不同方式"></a>问题23：列出在JS代码中访问HTML元素的不同方式</h4><p>下面是在JS代码中访问 html 元素的方法列表:</p>
106
+ <ul>
107
+ <li><strong>getElementById(‘idname’)</strong>: 按<code>id</code>名称获取元素</li>
108
+ <li><strong>getElementsByClass(‘classname’)</strong>: 获取具有给定类名的所有元素</li>
109
+ <li><strong>getElementsByTagName(‘tagname’)</strong>: 获取具有给定标记名称的所有元素</li>
110
+ <li><strong>querySelector()</strong>: 此函数采用css样式选择器并返回第一个选定元素</li>
111
+ </ul>
112
+ <h4 id="问题24：JS代码在HTML文件中可以以多少种方式使用"><a href="#问题24：JS代码在HTML文件中可以以多少种方式使用" class="headerlink" title="问题24：JS代码在HTML文件中可以以多少种方式使用"></a>问题24：JS代码在HTML文件中可以以多少种方式使用</h4><p>主要有三种：</p>
113
+ <ul>
114
+ <li>行内</li>
115
+ <li>内部</li>
116
+ <li>外部</li>
117
+ </ul>
118
+ <p>行内方式：</p>
119
+ <pre><code>...
120
+ &lt;input type=&quot;button&quot; value=&quot;点击有惊喜&quot; onclick=&quot;javascript:alert(&#39;哈哈哈哈&#39;)&quot;&gt;
121
+ ...
122
+ </code></pre>
123
+ <p>内部方式：</p>
124
+ <pre><code>&lt;!DOCTYPE html&gt;
125
+ &lt;html lang=&quot;en&quot;&gt;
126
+ &lt;head&gt;
127
+ &lt;meta charset=&quot;UTF-8&quot;&gt;
128
+ &lt;script type=&quot;text/javascript&quot;&gt;
129
+ //声明一个函数(整个文档都可以使用)
130
+ function surprise() &#123;
131
+ alert(&#39;恭喜你中了一百万&#39;)/*弹出框*/
132
+ &#125;
133
+ &lt;/script&gt;
134
+ &lt;/head&gt;
135
+ 。。。
136
+ &lt;/html&gt;
137
+ </code></pre>
138
+ <p>外部方式：</p>
139
+ <pre><code>...
140
+ &lt;!--很多html页面都可以调用js4.js页面--&gt;
141
+ &lt;script src=&quot;../../js/js4.js&quot; type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;
142
+ ...
143
+ </code></pre>
144
+ <h4 id="问题25：在JS中定义变量的方法有哪些"><a href="#问题25：在JS中定义变量的方法有哪些" class="headerlink" title="问题25：在JS中定义变量的方法有哪些"></a>问题25：在JS中定义变量的方法有哪些</h4><p>在 JS 中声明变量有三种方式：</p>
145
+ <ul>
146
+ <li><strong>var</strong> – <code>var</code> 语句用于声明一个变量，咱们可以选择初始化该变量的值。例子:<code>var a =10;</code>变量声明在代码执行之前处理。</li>
147
+ <li><strong>const</strong> - 常量的值不能通过重新赋值来改变，并且不能重新声明。</li>
148
+ <li><strong>let</strong> - 语句声明一个块级作用域的本地变量，并且可选的将其初始化为一个值。</li>
149
+ </ul>
150
+ <h4 id="问题26：什么是类型化语言"><a href="#问题26：什么是类型化语言" class="headerlink" title="问题26：什么是类型化语言"></a>问题26：什么是类型化语言</h4><p>类型化语言中，值与值关联，而不是与变量关联，它有两种类型：</p>
151
+ <ul>
152
+ <li><strong>动态</strong>:在这种情况下，变量可以包含多种类型，如在JS中，变量可以取<code>number</code>, <code>string</code> 类型。</li>
153
+ <li>静态:在这种情况下，变量只能包含一种类型，就像在Java中声明为<code>string</code>的变量只能包含一组字符，不能包含其他类型。</li>
154
+ </ul>
155
+ <h4 id="问题27：Cookie-与-Local-storage-与-Session-storage-区别"><a href="#问题27：Cookie-与-Local-storage-与-Session-storage-区别" class="headerlink" title="问题27：Cookie 与 Local storage 与 Session storage 区别"></a>问题27：Cookie 与 Local storage 与 Session storage 区别</h4><p>特性CookielocalStoragesessionStorage数据的生命期一般由服务器生成，可设置失效时间。如果在浏览器端生成Cookie，默认是关闭浏览器后失效除非被清除，否则永久保存仅在当前会话下有效，关闭页面或浏览器后被清除存放数据大小4K左右一般为 5MB与服务器端通信每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题仅在客户端（即浏览器）中保存，不参与和服务器的通信易用性需要程序员自己封装，源生的Cookie接口不友好需要程序员自己封装，源生的Cookie接口不友好 源生接口可以接受，亦可再次封装来对Object和Array有更好的支持</p>
156
+ <h4 id="问题28-‘-x3D-x3D-‘-和-‘-x3D-x3D-x3D-‘-区别"><a href="#问题28-‘-x3D-x3D-‘-和-‘-x3D-x3D-x3D-‘-区别" class="headerlink" title="问题28: ‘&#x3D;&#x3D;‘ 和 ‘&#x3D;&#x3D;&#x3D;‘ 区别"></a>问题28: ‘&#x3D;&#x3D;‘ 和 ‘&#x3D;&#x3D;&#x3D;‘ 区别</h4><p>**<code>==</code>**： 两边值类型不同的时候，要先进行类型转换，再比较。<br>**<code>===</code>**：不做类型转换，类型不同的一定不等。</p>
157
+ <p>一言以蔽之：<code>==</code>先转换类型再比较，<code>===</code>先判断类型，如果不是同一类型直接为<code>false</code>。</p>
158
+ <h4 id="问题29：null-和-undefined-区别"><a href="#问题29：null-和-undefined-区别" class="headerlink" title="问题29：null 和 undefined 区别"></a>问题29：null 和 undefined 区别</h4><p><code>undefined</code>是基本数据类型 表示未定义 缺少的意思。</p>
159
+ <p><code>null</code>是引用数据类型，是对象，表示空对象</p>
160
+ <p><code>undefined</code>是从<code>null</code>派生出来的 所以<code>undefined==null</code> 为 <code>true</code></p>
161
+ <h4 id="问题-30：undeclared-和-undefined-区别？"><a href="#问题-30：undeclared-和-undefined-区别？" class="headerlink" title="问题 30：undeclared 和 undefined 区别？"></a>问题 30：undeclared 和 undefined 区别？</h4><p><code>undeclared</code>的变量是程序中不存在且未声明的变量。 如果程序尝试读取未声明变量的值，则会遇到运行时错误。<strong>undefined</strong>的变量是在程序中声明但未赋予任何值的变量，如果程序试图读取未定义变量的值，则返回<code>undefined</code>的值。</p>
162
+ <h4 id="问题-31：-列出一些JS框架"><a href="#问题-31：-列出一些JS框架" class="headerlink" title="问题 31： 列出一些JS框架"></a>问题 31： 列出一些JS框架</h4><p><img src="https://img.php.cn/upload/image/181/755/627/1574754920183198.png" alt="1574754920183198.png"></p>
163
+ <p>JS框架是用JavaScript编写的应用程序框架，它与控制流中的JS库不同，一些最常用的框架是：</p>
164
+ <ul>
165
+ <li>Vue</li>
166
+ <li>Angular</li>
167
+ <li>React</li>
168
+ </ul>
169
+ <h4 id="问题-32：-window-与-document-的区别："><a href="#问题-32：-window-与-document-的区别：" class="headerlink" title="问题 32： window 与 document 的区别："></a>问题 32： window 与 document 的区别：</h4><p><strong>window</strong>:JS 的 window 是一个全局对象，它包含变量、函数、<code>history</code>、<code>location</code>。</p>
170
+ <p><strong>document</strong>:<code>document</code>也位于<code>window</code>之下，可以视为<code>window</code>的属性。</p>
171
+ <h4 id="问题-33：-innerHTML-和-innerText-的区别"><a href="#问题-33：-innerHTML-和-innerText-的区别" class="headerlink" title="问题 33： innerHTML 和 innerText 的区别"></a>问题 33： innerHTML 和 innerText 的区别</h4><p><strong>innerHTML</strong>:也就是从对象的起始位置到终止位置的全部内容,包括Html标签。</p>
172
+ <p><strong>innerText</strong>:从起始位置到终止位置的内容, 但它去除Html标签</p>
173
+ <h4 id="问题-34：JS中的事件冒泡是什么"><a href="#问题-34：JS中的事件冒泡是什么" class="headerlink" title="问题 34：JS中的事件冒泡是什么"></a>问题 34：JS中的事件冒泡是什么</h4><p>事件冒泡是HTML DOM API中事件传播的一种方式，当一个事件发生在另一个元素中的一个元素中，并且两个元素都注册了该事件的句柄时。通过冒泡，事件首先由最内部的元素捕获和处理，然后传播到外部元素。执行从该事件开始，并转到其父元素。然后执行传递给父元素，以此类推，直到body元素。</p>
174
+ <h4 id="问题-35：NaN-是什么"><a href="#问题-35：NaN-是什么" class="headerlink" title="问题 35：NaN 是什么"></a>问题 35：NaN 是什么</h4><p><code>NaN</code> 即非数值（Not a Number），<code>NaN</code> 属性用于引用特殊的非数字值，该属性指定的并不是不合法的数字。</p>
175
+ <p><code>NaN</code> 属性 与 <code>Number.Nan</code> 属性相同。</p>
176
+ <p><strong>提示：</strong> 请使用 <code>isNaN()</code> 来判断一个值是否是数字。原因是 <code>NaN</code> 与所有值都不相等，包括它自己。</p>
177
+ <h4 id="问题-36：JS的原始-x2F-对象类型如何在函数中传递？"><a href="#问题-36：JS的原始-x2F-对象类型如何在函数中传递？" class="headerlink" title="问题 36：JS的原始&#x2F;对象类型如何在函数中传递？"></a>问题 36：JS的原始&#x2F;对象类型如何在函数中传递？</h4><p>两者之间的一个区别是，原始数据类型是通过值传递的，对象是通过引用传递的。</p>
178
+ <ul>
179
+ <li><strong>值传递</strong>：意味着创建原始文件的副本。把它想象成一对双胞胎:他们出生的时候一模一样，但是双胞胎中的老大在战争中失去了一条腿，而老二却没有。</li>
180
+ <li><strong>引用传递</strong>: 意味着创建原始文件的别名。当我妈妈叫沙雕的时候，虽然我的名字叫小智，但这并不是说我就突然就克隆了一个自己:我仍然是我，只是可以用不同名字来称呼我而已。</li>
181
+ </ul>
182
+ <h4 id="问题-37：如何在JS中将任意基的字符串转换为整数"><a href="#问题-37：如何在JS中将任意基的字符串转换为整数" class="headerlink" title="问题 37：如何在JS中将任意基的字符串转换为整数"></a>问题 37：如何在JS中将任意基的字符串转换为整数</h4><p><code>parseInt(string, radix)</code> 将一个字符串 <code>string</code> 转换为 <code>radix</code> 进制的整数， radix 为介于<code>2-36</code>之间的数,如下：</p>
183
+ <pre><code>parseInt(&quot;4F&quot;, 16)
184
+ </code></pre>
185
+ <h4 id="问题-38：2-5-‘3’的结果是什么"><a href="#问题-38：2-5-‘3’的结果是什么" class="headerlink" title="问题 38：2+5+ ‘3’的结果是什么"></a>问题 38：2+5+ ‘3’的结果是什么</h4><p>由于<code>2</code>和<code>5</code>是整数，它们将以数字形式相加。因为<code>3</code>是一个字符串，它将与 <code>7</code> 拼接，结果是73。</p>
186
+ <h4 id="问题-39：export-和-import-是什么"><a href="#问题-39：export-和-import-是什么" class="headerlink" title="问题 39：export 和 import 是什么"></a>问题 39：export 和 import 是什么</h4><p><code>import</code>和<code>export</code>有助于咱们编写模块化JS代码。 使用<code>import</code>和<code>export</code>，咱们可以将代码拆分为多个文件，如下：</p>
187
+ <pre><code>//------ lib.js ------&lt;/span&gt;
188
+ export const sqrt = Math.sqrt;&lt;/span&gt;
189
+ export function square(x) &#123;&lt;/span&gt;
190
+ return x * x;&lt;/span&gt;
191
+ &#125;
192
+ export function diag(x, y) &#123;
193
+ return sqrt(square(x) + square(y));
194
+ &#125;
195
+
196
+ //------ main.js ------&lt;/span&gt;
197
+ &#123; square, diag &#125; from &#39;lib&#39;;
198
+ console.log(square(5)); // 25
199
+ console.log(diag(4, 3)); // 5
200
+ </code></pre>
201
+ <h4 id="问题40：JS中的“严格”模式是什么以及如何启用？"><a href="#问题40：JS中的“严格”模式是什么以及如何启用？" class="headerlink" title="问题40：JS中的“严格”模式是什么以及如何启用？"></a>问题40：JS中的“严格”模式是什么以及如何启用？</h4><p>严格模式是在代码中引入更好的错误检查的一种方法。</p>
202
+ <ul>
203
+ <li>当使用严格模式时，不能使用隐式声明的变量，或为只读属性赋值，或向不可扩展的对象添加属性。</li>
204
+ <li>可以通过在文件，程序或函数的开头添加<code>“use strict”</code>来启用严格模式</li>
205
+ </ul>
206
+ <h4 id="问题41：JS-中的-prompt-框是什么"><a href="#问题41：JS-中的-prompt-框是什么" class="headerlink" title="问题41：JS 中的 prompt 框是什么"></a>问题41：JS 中的 prompt 框是什么</h4><p>提示框是允许用户通过提供文本框输入输入的框。 <code>prompt()</code> 方法显示一个对话框，提示访问者输入。 如果您希望用户在输入页面之前输入值，则通常会使用提示框。 弹出提示框时，用户必须在输入输入值后单击“确定”或“取消”才能继续。</p>
207
+ <h4 id="问题42：下面代码的输出是什么？"><a href="#问题42：下面代码的输出是什么？" class="headerlink" title="问题42：下面代码的输出是什么？"></a>问题42：下面代码的输出是什么？</h4><pre><code>var Y = 1;
208
+ if (eval(function f()&#123;&#125;))
209
+ &#123;
210
+ y += typeof F;
211
+ &#125;
212
+ console.log(y);
213
+ </code></pre>
214
+ <p>打印<code>1undefined</code>。<code>if</code>条件语句使用<code>eval</code>求值，因此<code>eval(function f()&#123;&#125;)</code>返回函数<code>f()&#123;&#125;</code>(为真)。因此，在<code>if</code>语句中，执行<code>typeof f</code>返回undefined，因为<code>if</code>语句代码在运行时执行，而<code>if</code>条件中的语句在运行时计算。</p>
215
+ <h4 id="问题43：call-和-apply有什么区别"><a href="#问题43：call-和-apply有什么区别" class="headerlink" title="问题43：call 和 apply有什么区别"></a>问题43：call 和 apply有什么区别</h4><p><code>call</code>和<code>apply</code>可以用来重新定义函数的执行环境，也就是<code>this</code>的指向；<code>call</code>和<code>apply</code>都是为了改变某个函数运行时的<code>context</code>，即上下文而存在的，换句话说，就是为了改变函数体内部<code>this</code>的指向。</p>
216
+ <p><code>call()</code>调用一个对象的方法，用另一个对象替换当前对象，可以继承另外一个对象的属性，它的语法是：</p>
217
+ <pre><code>Function.call(obj[, param1[, param2[, [,...paramN]]]]);
218
+ </code></pre>
219
+ <p><strong>说明：</strong><code>call</code>方法可以用来代替另一个对象调用一个方法，<code>call</code>方法可以将一个函数的对象上下文从初始的上下文改变为<code>obj</code>指定的新对象，如果没有提供<code>obj</code>参数，那么<code>Global</code>对象被用于<code>obj</code></p>
220
+ <p><code>apply()</code> 和<code>call()</code>方法一样，只是参数列表不同，语法：</p>
221
+ <pre><code>Function.apply(obj[, argArray]);
222
+ </code></pre>
223
+ <p><strong>说明</strong>：如果<code>argArray</code>不是一个有效数组或不是<code>arguments</code>对象，那么将导致一个<code>TypeError</code>，如果没有提供<code>argArray</code>和<code>obj</code>任何一个参数，那么<code>Global</code>对象将用作obj。</p>
224
+ <h4 id="问题44：如何在JS中清空数组"><a href="#问题44：如何在JS中清空数组" class="headerlink" title="问题44：如何在JS中清空数组"></a>问题44：如何在JS中清空数组</h4><p>有许多方法可以用来清空数组:</p>
225
+ <p>方法一：</p>
226
+ <pre><code>arrayList = []
227
+ </code></pre>
228
+ <p>上面的代码将把变量<code>arrayList</code>设置为一个新的空数组。如果在其他任何地方都没有对原始数组<code>arrayList</code>的引用，则建议这样做，因为它实际上会创建一个新的空数组。咱们应该小心使用这种清空数组的方法，因为如果你从另一个变量引用了这个数组，那么原始的引用数组将保持不变。</p>
229
+ <p>方法二：</p>
230
+ <pre><code>arrayList.length = 0;
231
+ </code></pre>
232
+ <p>上面的代码将通过将其<code>length</code>设置为<code>0</code>来清除现有数组。这种清空数组的方式还会更新指向原始数组的所有引用变量。 因此，当你想要更新指向<code>arrayList</code>的所有引用变量时，此方法很有用。</p>
233
+ <p>方法三：</p>
234
+ <pre><code>arrayList.splice(0, arrayList.length);
235
+ </code></pre>
236
+ <p>这处方法也行，当然这种清空数组的方法也将更新对原始数组的所有引用。</p>
237
+ <p>方法四：</p>
238
+ <pre><code>while(arrayList.length)
239
+ &#123;
240
+ arrayList.pop();
241
+ &#125;
242
+ </code></pre>
243
+ <p>上面的实现也可以空数组，但通常不建议经常使用这种方式。</p>
244
+ <h4 id="问题45：以下代码的输出什么"><a href="#问题45：以下代码的输出什么" class="headerlink" title="问题45：以下代码的输出什么"></a>问题45：以下代码的输出什么</h4><pre><code>var output = (function(x)
245
+ &#123;
246
+ delete x;
247
+ return x;
248
+ &#125;
249
+ )(0);
250
+ console.log(output);
251
+ </code></pre>
252
+ <p>打印 <code>0</code>。<code>delete</code>操作符用于从对象中删除属性。这里<code>x</code>不是一个对象，而是一个局部变量，删除操作符不影响局部变量。</p>
253
+ <h4 id="问题46：以下代码的输出什么"><a href="#问题46：以下代码的输出什么" class="headerlink" title="问题46：以下代码的输出什么"></a>问题46：以下代码的输出什么</h4><pre><code>var X = &#123; foo : 1&#125;;
254
+ var output = (function()
255
+ &#123;
256
+ delete X.foo;
257
+ return X.foo;
258
+ &#125;
259
+ )();
260
+ console.log(output);
261
+ </code></pre>
262
+ <p>输出 <code>undefined</code>。<code>delete</code>操作符用于删除对象的属性。<code>X</code>是一个具有<code>foo</code>属性的对象，由于它是一个自调用函数，所以咱们将从对象<code>X</code>中删除<code>foo</code>属性。这样做之后，当咱们试图引用一个被删除的<code>foo</code>属性时，结果是<code>undefined</code>。</p>
263
+ <h4 id="问题47：以下代码的输出什么"><a href="#问题47：以下代码的输出什么" class="headerlink" title="问题47：以下代码的输出什么"></a>问题47：以下代码的输出什么</h4><pre><code>var foo = function Bar()
264
+ &#123;
265
+ return 7;
266
+ &#125;;
267
+ typeof Bar();
268
+ </code></pre>
269
+ <p>输出将是<code>引用错误</code>。函数定义只能有一个引用变量作为其函数名。</p>
270
+ <h4 id="问题49：为什么要将JS源文件的全部内容包装在一个函数中"><a href="#问题49：为什么要将JS源文件的全部内容包装在一个函数中" class="headerlink" title="问题49：为什么要将JS源文件的全部内容包装在一个函数中"></a>问题49：为什么要将JS源文件的全部内容包装在一个函数中</h4><p>这是一种越来越普遍的做法，被许多流行的JS库所采用。 这种技术围绕文件的整个内容创建一个闭包，最重要的是，它可以创建一个私有命名空间，从而有助于避免不同JS模块和库之间潜在的名称冲突。</p>
271
+ <p>该技术的另一个特性是允许为全局变量提供一个简单的别名，这在jQuery插件中经常使用。</p>
272
+ <h4 id="问题50：JS中的转义字符是什么"><a href="#问题50：JS中的转义字符是什么" class="headerlink" title="问题50：JS中的转义字符是什么"></a>问题50：JS中的转义字符是什么</h4><p>JS转义字符使咱们能够在不破坏应用程序的情况下编写特殊字符。转义字符(<code>\</code>)用于处理特殊字符，如单引号、双引号、撇号和<code>&amp;</code>号，在字符前放置反斜杠使其显示。</p>
273
+ <p>如：<code>document.write(&quot;I am a \&quot;good\&quot; boy&quot;)</code></p>
274
+ <p><code>原文地址：https://hackr.io/blog/javascript-interview-questions</code></p>
275
+ <p>为了保证的可读性，本文采用意译而非直译。</p>
276
+ <p>本文来自HTML中文网 <a target="_blank" rel="noopener" href="https://www.html.cn/interview/">前端面试题</a> 栏目！！</p>
277
+ <p>以上就是50个最简单的JavaScript面试题的详细内容，更多请关注html中文网其它相关文章！</p>
278
+ </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/54258.html">https://xuehuayu.cn/article/54258.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/52500.html">20个棘手的ES6面试问题来提高JavaScript技能</a><a class="next" href="/article/3154.html">35道值得收藏的React面试题</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
279
+ const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
280
+ const locale = {
281
+ placeholder: '请正确填写昵称和邮箱，方便接收回复通知~',
282
+ sofa: '沙发空缺中，还不快抢~',
283
+ };
284
+ Waline.init({
285
+ el: '#vcomment',
286
+ serverURL: serverURL,
287
+ pageSize: '20',
288
+ visitor: true, // 阅读量统计
289
+ requiredMeta: ['nick', 'mail'],
290
+ emoji: [
291
+ 'https://cdn.jsdelivr.net/gh/walinejs/emojis@1.0.0/weibo',
292
+ 'https://cdn.jsdelivr.net/gh/walinejs/emojis@1.0.0/qq',
293
+ 'https://cdn.jsdelivr.net/gh/walinejs/emojis@1.0.0/tw-emoji',
294
+ ],
295
+ locale,
296
+ pageview: true
297
+ })
298
+ </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() {
299
+ var val = $(this).val()
300
+ 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>'
301
+ 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>'
302
+ 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>'
303
+
304
+ if (val === 'self') {
305
+ $('#search').html(self)
306
+ var search_path = 'search.xml';
307
+ if (search_path.length == 0) {
308
+ search_path = 'search.xml';
309
+ }
310
+ var path = 'https://cdn.staticaly.com/gh/npljy/npljy.github.io/main/' + search_path;
311
+ searchFunc(path, 'local-search-input', 'local-search-result');
312
+ } else if (val === 'baidu') {
313
+ $('#search').html(baidu)
314
+ } else if (val === 'google') {
315
+ $('#search').html(google)
316
+ }
317
+ })</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(){
318
+ var cnb =window.location.origin.indexOf('cainiaoblog') !==-1
319
+ if (cnb) {
320
+ var gxba =document.getElementById('gxba')
321
+ var gaba =document.getElementById('gaba')
322
+ var gabaLink =document.getElementById('gaba-link')
323
+ gxba.innerText ='京ICP备20007647号-1'
324
+ gaba.innerText ='京公网安备 11010802031254号'
325
+ gabaLink.setAttribute('href','http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031254')
326
+ }
327
+ })()</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>