初学前端有什么推荐的书籍 学习前端有什么书推荐？
\u521d\u5b66Web\u524d\u7aef\u63a8\u8350\u4ec0\u4e48\u4e66\u7c4d\u5b66\u4e60\uff1f\u505a\u524d\u7aef\u5f00\u53d19\u5e74\uff0c\u63a8\u8350\u4f60\u4e0b\u770b\u4e0b\u9762\u76846\u672c\u4e66
\u300aJavaScript DOM \u7f16\u7a0b\u827a\u672f\u300b\u8d85\u7ea7\u524d\u7aef\u7545\u9500\u4e66\uff0c\u4f5c\u4e3a\u524d\u7aef\u7a0b\u5e8f\u5458\u5fc5\u8bfb\u4e24\u904d\u4ee5\u4e0a\u7684\u4e66\u7c4d\uff0c\u8fd9\u672c\u4e66\u7c4d\u7279\u522b\u9002\u5408\u521d\u5b66\u524d\u7aef\u7684\u65b0\u4eba\uff0c\u524d\u7aef\u7684\u6838\u5fc3\u6280\u672f\u5c31\u662fJavaScript\uff0c\u540c\u65f6\u4e5f\u662f\u524d\u7aef\u7684\u96be\u70b9\u3002\u800c\u8fd9\u672c\u4e66\u975e\u5e38\u9002\u5408\u5165\u95e8\uff0c\u901a\u4fd7\u6613\u61c2\uff0c\u751f\u52a8\u7684\u6848\u4f8b\u53ef\u4ee5\u8ba9\u521d\u5b66\u8005\u66f4\u597d\u7684\u8fdb\u884c\u7406\u89e3\u3002\u6240\u63d0\u53ca\u7684\u5f88\u591a\u7f16\u7a0b\u601d\u60f3\u5374\u9002\u5408\u4f4e\u4e2d\u7ea7\u5c42\u6b21\u7684\u524d\u7aef\u5f00\u53d1\u8005\u5b66\u4e60\u3002
\u300aJavaScript\u6743\u5a01\u6307\u5357\u300b\u540c\u6837\u662f\u524d\u7aef\u7a0b\u5e8f\u5458\u5fc5\u8bfb\u7684\u4e00\u672c\u4e66\u7c4d\uff0c\u4e0d\u4ec5\u9002\u5408\u521d\u5b66\u8005\uff0c\u8fd8\u9002\u5408\u90a3\u4e9b\u5df2\u7ecf\u5728\u505a\u524d\u7aef\u5de5\u4f5c\u7684\u7a0b\u5e8f\u5458\u8fdb\u884c\u968f\u65f6\u7ffb\u9605\u3002\u91cc\u9762\u6db5\u76d6\u4e86JavaScript\u7684\u6240\u6709\u5185\u5bb9\uff0c\u4ee5\u53caweb\u6d4f\u89c8\u5668\u6240\u5b9e\u73b0\u7684JavaScript API\u3002\u5bf9\u4e8e\u4e86\u89e3js\u7684\u57fa\u7840\u77e5\u8bc6\uff0c\u6bd4\u5982\u5bf9\u8c61\uff0c\u6570\u7ec4\uff0c\u8bed\u6cd5\uff0c\u4f5c\u7528\u57df\uff0c\u95ed\u5305\u7b49\u7b49\u90fd\u5f88\u6709\u5e2e\u52a9\u3002
\u300aJavaScript \u9ad8\u7ea7\u7a0b\u5e8f\u8bbe\u8ba1\u300b\u5982\u679c\u4f60\u60f3\u628aJavaScript\u975e\u5e38\u5b8c\u5168\u7684\u7cfb\u7edf\u5b66\u4e60\u4e00\u904d\uff0c\u6211\u5f3a\u70c8\u63a8\u8350\u8fd9\u672c\u4e66\uff0c\u8fd9\u672c\u4e66\u53ef\u4ee5\u4e00\u76f4\u4fdd\u7559\uff0c\u5728\u7528\u8fd9\u672c\u4e66\u7684\u8fc7\u7a0b\u4e2d\u8fd8\u53ef\u4ee5\u753b\u4e0b\u91cd\u70b9\uff0c\u4ee5\u540e\u53ef\u4ee5\u4f5c\u4e3a\u53c2\u8003\uff0c\u662f\u5de5\u4f5c\u4e2d\u975e\u5e38\u5f3a\u529b\u7684\u5e2e\u624b\u3002\u9762\u8bd5\u7684\u65f6\u5019\u4e5f\u53ef\u4ee5\u5f88\u597d\u7684\u5e94\u7528\u4e0a\uff0c\u6211\u4eec\u4fd7\u79f0\u7684\u201c\u7ea2\u5b9d\u4e66\u201d\u3002
\u300a\u4f60\u4e0d\u77e5\u9053\u7684JavaScript\u300b\u8fd9\u672c\u4e66\u4e0d\u9002\u5408\u524d\u7aef\u7684\u521d\u5b66\u8005\uff0c\u60f3\u8981\u6df1\u5165\u7684\u4e86\u89e3JavaScript\u539f\u7406\uff0c\u8fd9\u662f\u6bcf\u4e00\u4e2a\u524d\u7aef\u7a0b\u5e8f\u5458\u5fc5\u987b\u8981\u7814\u7a76\u7684\u4e00\u672c\u4e66\u7c4d\u3002\u8981\u8ba9\u4e0d\u6c42\u751a\u89e3\u7684JavaScript\u5f00\u53d1\u8005\u8fce\u96be\u800c\u4e0a\uff0c\u6df1\u5165\u8bed\u8a00\u5185\u90e8\uff0c\u5f04\u6e05\u695aJavaScript\u6bcf\u4e00\u4e2a\u96f6\u90e8\u4ef6\u7684\u7528\u9014\u3002\u5982\u679c\u53ef\u4ee5\u628a\u8fd9\u672c\u4e66\u5403\u900f\uff0c\u90a3\u4e48\u4ee5\u540e\u7406\u89e3\u4efb\u4f55\u4e1c\u897f\u90fd\u53ef\u4ee5\u5f88\u5feb\u7684\u7406\u89e3\u548c\u638c\u63e1\u3002
\u300aVue.js\u6743\u5a01\u6307\u5357\u300bVue\u4f5c\u4e3a\u73b0\u5728\u524d\u7aef\u7684\u4e3b\u6d41\u6846\u67b6\uff0c\u5728\u56fd\u5185\u5e94\u7528\u6700\u4e3a\u5e7f\u6cdb\uff0c\u6240\u4ee5\u4e86\u89e3Vue\u539f\u7406\u5fc5\u987b\u8981\u5543\u4e00\u672cVue\u7684\u4e66\u7c4d\u3002\u6211\u4e4b\u6240\u4ee5\u63a8\u8350\u8fd9\u672c\uff0c\u662f\u56e0\u4e3a\u8fd9\u672c\u4e66\u5bf9\u4e8e\u5f15\u5bfc\u521d\u7528Vue\u7684\u5f00\u53d1\u8005\u6709\u7740\u8d28\u7684\u63d0\u5347\u3002\u4ece\u57fa\u7840\u77e5\u8bc6\u5230\u4e3b\u6d41\u6253\u5305\u4ee5\u53ca\u6e90\u7801\u89e3\u6790\uff0c\u8fd8\u6709\u5f88\u591a\u5b9e\u8df5\u7684\u6848\u4f8b\uff0c\u90fd\u662f\u4e00\u672c\u4e0d\u9519\u7684\u5b9e\u7528\u6027\u4e66\u7c4d\u3002\u4e3b\u8981\u5185\u5bb9\u5305\u62ec\u6570\u636e\u7ed1\u5b9a\u3001\u6307\u4ee4\u3001\u8868\u5355\u63a7\u4ef6\u7ed1\u5b9a\u3001\u8fc7\u6ee4\u5668\u3001\u7ec4\u4ef6\u3001\u8868\u5355\u9a8c\u8bc1\u3001\u670d\u52a1\u901a\u4fe1\u3001\u8def\u7531\u548c\u89c6\u56fe\u3001vue-cli\u3001\u6d4b\u8bd5\u5f00\u53d1\u548c\u8c03\u8bd5\u3001\u6e90\u7801\u89e3\u6790\u53ca\u4e3b\u6d41\u6253\u5305\u6784\u5efa\u5de5\u5177\u7b49\u3002\u8be5\u4e66\u5185\u5bb9\u5168\u9762\uff0c\u8bb2\u89e3\u7ec6\u81f4\uff0c\u793a\u4f8b\u4e30\u5bcc\uff0c\u9002\u7528\u4e8e\u5404\u5c42\u6b21\u7684\u5f00\u53d1\u8005\u3002
\u300a\u7f16\u7a0b\u4e4b\u7f8e\u300b\u65e0\u8bba\u662f\u4ec0\u4e48\u5c97\u4f4d\u7684\u7a0b\u5e8f\u5458\uff0c\u5fc5\u8bfb\u7684\u4e00\u672c\u4e66\u7c4d\uff0c\u6ca1\u6709\u8bfb\u8fc7\u8fd9\u672c\u4e66\u7684\u7a0b\u5e8f\u5458\u51e0\u4e4e\u90fd\u662f\u5047\u7a0b\u5e8f\u5458\u3002\u8fd9\u672c\u4e66\u670960\u9053\u7b97\u6cd5\u548c\u7a0b\u5e8f\u8bbe\u8ba1\u9898\u76ee\uff0c\u8fd9\u4e9b\u9898\u76ee\u5927\u90e8\u5206\u5728\u8fd1\u5e74\u7684\u7b14\u8bd5\uff0c\u9762\u8bd5\u4e2d\u51fa\u73b0\u8fc7\uff0c\u6216\u8005\u662f\u88ab\u5fae\u8f6f\u5458\u5de5\u70ed\u70c8\u8ba8\u8bba\u8fc7\u3002\u4f5c\u8005\u8bd5\u56fe\u4ece\u4e66\u4e2d\u5404\u79cd\u6709\u8da3\u7684\u95ee\u9898\u51fa\u53d1\uff0c\u5f15\u5bfc\u8bfb\u8005\u53d1\u73b0\u95ee\u9898\uff0c\u5206\u6790\u95ee\u9898\uff0c\u89e3\u51b3\u95ee\u9898\uff0c\u5bfb\u627e\u66f4\u4f18\u7684\u89e3\u6cd5\u3002\u53ef\u4ee5\u5927\u5e45\u5ea6\u63d0\u9ad8\u81ea\u5df1\u7684\u7f16\u7a0b\u601d\u7ef4\u548c\u5bf9\u4e8e\u8fd9\u4e2a\u884c\u4e1a\u7684\u6df1\u5165\u601d\u8003\uff0c\u6700\u7ec8\u53d8\u6210\u6280\u672f\u5927\u725b\u3002
\u5982\u679c\u4e0d\u60f3\u4e70\u7eb8\u8d28\u7248\u7684\u4e66\u7c4d\uff0c\u5230\u6211\u7684\u524d\u7aef\u4ea4\u6d41\u5206\u4eab\u7fa4\u8fdb\u884c\u4e0b\u8f7dPDF\u7535\u5b50\u4e66\u3002
\u5e38\u5728\u8fd9\u91cc\u56de\u7b54\u95ee\u9898\uff0c\u70ed\u7231\u6280\u672f\uff0c\u559c\u6b22\u5e2e\u522b\u4eba\u89e3\u7b54\u884c\u4e1a\u6280\u672f\u95ee\u9898\u548c\u884c\u4e1a\u77e5\u8bc6\u3002
\u5982\u679c\u5927\u5bb6\u5bf9\u4e8e\u5b66\u4e60\u524d\u7aef\u6709\u4efb\u4f55\u4e0d\u61c2\u7684\u53ef\u4ee5\u968f\u65f6\u6765\u95ee\u6211\uff0c\u6211\u7ed9\u4f60\u63d0\u4f9b\u4e00\u4e2a\u975e\u5e38\u4e0d\u9519\u7684\u524d\u7aef\u4ea4\u6d41\u5b66\u4e60qun\uff1a\u524d\u9762\u662f\u4e8c\u4e5d\u516d\uff0c\u4e2d\u95f4\u662f\u4e8c\u4e00\u4e8c\uff0c\u540e\u9762\u662f\u4e94\u516d\u4e8c\u3002\u6709\u95ee\u9898\u5c31\u5728\u91cc\u9762\u95ee\u6211\uff0c\u8fd9\u6837\u4f60\u53ef\u4ee5\u5c11\u8d70\u5f88\u591a\u5f2f\u8def\uff0c\u505a\u8d77\u6765\u6709\u6548\u7387\uff0c\u8bb0\u5f97\u591a\u8ddf\u6709\u7ecf\u9a8c\u7684\u4eba\u4ea4\u6d41\uff0c\u522b\u95ed\u95e8\u9020\u8f66\u3002\u5982\u679c\u6ca1\u6709\u6bd4\u8f83\u597d\u7684\u6559\u7a0b\uff0c\u4e5f\u53ef\u4ee5\u7ba1\u6211\u8981\u3002
\u4f60\u5bf9\u6b64\u6709\u4ec0\u4e48\u89c1\u89e3\uff0c\u89c9\u5f97\u5c0f\u7f16\u63a8\u8350\u7684\u8fd9\u4e9b\u524d\u7aef\u4e66\u7c4d\u8fd8\u9760\u8c31\u5417\uff1f
\u8bc4\u8bba\u533a\u8bf4\u51fa\u4f60\u7684\u60f3\u6cd5\uff01
\u4e00\u3001\u300aweb\u524d\u7aef\u5f00\u53d1\u6700\u4f73\u5b9e\u8df5\u300b
\u8fd9\u672c\u4e66\u662f\u524d\u7aef\u5f00\u53d1\u9886\u57df\u7684\u7ecf\u5178\u4e4b\u4f5c\uff0c\u662f\u4e00\u672c\u624e\u5b9e\u524d\u7aef\u57fa\u672c\u529f\uff0c\u89c4\u8303\u6211\u4eec\u524d\u7aef\u4ee3\u7801\u7684\u5b9e\u8df5\u6027\u4e66\u7c4d\u3002\u672c\u4e66\u4e3b\u8981\u8bb2\u89e3\u4e86HTML\u3001CSS\u3001JavaScript\u4ee5\u53ca\u79fb\u52a8\u7aef\u5f00\u53d1\u7684\u6700\u4f73\u5b9e\u8df5\u65b9\u6848\uff0c\u80fd\u5bf9\u7f3a\u4e4f\u826f\u597d\u77e5\u9053\u7684\u5f00\u53d1\u8005\u4ea7\u751f\u5f88\u5927\u7684\u5e2e\u52a9\u3002\u901a\u8fc7\u9605\u8bfb\u672c\u4e66\u6211\u4eec\u53ef\u4ee5\u638c\u63e1\u5982\u4f55\u7f16\u5199\u9ad8\u53ef\u8bfb\u6027\u3001\u9ad8\u7ef4\u62a4\u6027\u3001\u9ad8\u6027\u80fd\u7684HTML\u3001CSS\u4ee5\u53caJavaScript\u3002
\u4e8c\u3001\u300aCSS\u90a3\u4e9b\u4e8b\u513f\u300b
\u300aCSS\u90a3\u4e9b\u4e8b\u513f\u662f2009\u5e74\u7535\u5b50\u5de5\u4e1a\u51fa\u7248\u793e\u51fa\u7248\u7684\u56fe\u4e66\uff0c\u4f5c\u8005\u662f\u6797\u5c0f\u5fd7\u3002\u8be5\u4e66\u901a\u8fc7\u5bf9CSS\u6280\u5de7\u5b9e\u4f8b\u8fdb\u884c\u8bb2\u89e3\uff0c\u6df1\u5165\u5730\u5206\u6790\u4e86CSS\u76f8\u5173\u77e5\u8bc6\u3002
\u901a\u8fc7\u9875\u9762\u4e2d\u7684\u6587\u5b57\u3001\u56fe\u7247\u3001\u8868\u683c\u3001\u8868\u5355\u7b49\u5e38\u89c1\u5143\u7d20\u7684\u5904\u7406\u53ca\u5404\u79cd\u9875\u9762\u5e03\u5c40\u65b9\u5f0f\u7684\u4f7f\u7528\uff0c\u4f7f\u8bfb\u8005\u80fd\u6df1\u5165\u4e86\u89e3\u5982\u4f55\u5728\u9875\u9762\u4e2d\u66f4\u597d\u5730\u8fd0\u7528CSS\u5e03\u5c40\u3002\u5c24\u5176\u662f\u5728\u9875\u9762\u5e03\u5c40\u7684\u90e8\u5206\u4e2d\uff0c\u5168\u9762\u5206\u6790\u4e86\u591a\u91cd\u5e03\u5c40\u65b9\u5f0f\uff0c\u7740\u91cd\u5206\u89e3\u4e86\u4e24\u5217\u7b49\u9ad8\u548c\u4e09\u5217\u7b49\u9ad8\u7684\u51e0\u79cd\u65b9\u5f0f\uff0c\u5e76\u76f8\u5e94\u8bf4\u660e\u4e86\u7b49\u9ad8\u5e03\u5c40\u7684\u4f18\u7f3a\u70b9\u3002
\u4e09\u3001\u300aCSS\u6743\u5a01\u6307\u5357\u300b
\u5185\u5bb9\u4ecb\u7ecd\uff1a\u300aCSS\u6743\u5a01\u6307\u5357\u300b\u901a\u8fc7\u8bf8\u591a\u793a\u4f8b\uff0c\u8be6\u7ec6\u8bb2\u89e3\u4e86\u5982\u4f55\u505a\u5230\u4ec5\u5728\u4e00\u5904\u5efa\u7acb\u6837\u5f0f\u8868\u5c31\u80fd\u521b\u5efa\u6216\u4fee\u6539\u6574\u4e2a\u7f51\u7ad9\u7684\u5916\u89c2\uff0c\u4ee5\u53ca\u5982\u4f55\u5f97\u5230html\u529b\u4e0d\u80fd\u53ca\u7684\u66f4\u4e30\u5bcc\u7684\u8868\u73b0\u6548\u679c\u3002\u540c\u65f6\u5c55\u793a\u4e86\u5982\u4f55\u9075\u5faacss\u6700\u65b0\u89c4\u8303\uff08css2\u548ccss2.1\uff09\u5c06\u5c42\u53e0\u6837\u5f0f\u8868\u7684\u65b9\u65b9\u9762\u9762\u5e94\u7528\u4e8e\u5b9e\u8df5\u3002
\u56db\u3001\u300aJavaScript \u6807\u51c6\u53c2\u8003\u6559\u7a0b\u300b\u962e\u4e00\u5cf0
\u5185\u5bb9\u4ecb\u7ecd\uff1a\u962e\u4e00\u5cf0 \u672c\u4e66\u5168\u9762\u4ecb\u7ecd JavaScript \u6838\u5fc3\u8bed\u6cd5\uff0c\u4ece\u6700\u7b80\u5355\u7684\u5f00\u59cb\u8bb2\u8d77\uff0c\u5faa\u5e8f\u6e10\u8fdb\u3001\u7531\u6d45\u5165\u6df1\uff0c\u529b\u6c42\u6e05\u6670\u6613\u61c2\u3002\u6240\u6709\u7ae0\u8282\u90fd\u5e26\u6709\u5927\u91cf\u7684\u4ee3\u7801\u5b9e\u4f8b\uff0c\u4fbf\u4e8e\u7406\u89e3\u548c\u6a21\u4eff\uff0c\u53ef\u4ee5\u7528\u5230\u5b9e\u9645\u9879\u76ee\u4e2d\uff0c\u5373\u5b66\u5373\u7528\u3002 \u672c\u4e66\u9002\u5408\u521d\u5b66\u8005\u5f53\u4f5cJavaScript\u8bed\u8a00\u7684\u5165\u95e8\u6559\u7a0b\uff0c\u4e5f\u9002\u5408\u5f53\u4f5c\u65e5\u5e38\u4f7f\u7528\u7684\u53c2\u8003\u624b\u518c\u3002
\u4e94\u3001JavaScript\u9ad8\u7ea7\u7a0b\u5e8f\u8bbe\u8ba1\u7b2c\u4e09\u7248
\u5185\u5bb9\u4ecb\u7ecd\uff1a\u300a\u5168\u4e66\u4eceJavaScript \u8bed\u8a00\u5b9e\u73b0\u7684\u5404\u4e2a\u7ec4\u6210\u90e8\u5206\u2014\u2014\u8bed\u8a00\u6838\u5fc3\u3001DOM\u3001BOM\u3001\u4e8b\u4ef6\u6a21\u578b\u8bb2\u8d77\uff0c\u6df1\u5165\u6d45\u51fa\u5730\u63a2\u8ba8\u4e86\u9762\u5411\u5bf9\u8c61\u7f16\u7a0b\u3001Ajax \u4e0eComet \u670d\u52a1\u5668\u7aef\u901a\u4fe1\uff0cHTML5 \u8868\u5355\u3001\u5a92\u4f53\u3001Canvas\uff08\u5305\u62ecWebGL\uff09\u53caWeb Workers\u3001\u5730\u7406\u5b9a\u4f4d\u3001\u8de8\u6587\u6863\u4f20\u9012\u6d88\u606f\u3001\u5ba2\u6237\u7aef\u5b58\u50a8\uff08\u5305\u62ecIndexedDB\uff09\u7b49\u65b0API\uff0c\u8fd8\u4ecb\u7ecd\u4e86\u79bb\u7ebf\u5e94\u7528\u548c\u4e0e\u7ef4\u62a4\u3001\u6027\u80fd\u3001\u90e8\u7f72\u76f8\u5173\u7684\u6700\u4f73\u5f00\u53d1\u5b9e\u8df5\u3002
\u516d\u3001\u950b\u5229\u7684jquery
\u5185\u5bb9\u4ecb\u7ecd\uff1a\u300a\u950b\u5229\u7684jQuery(\u7b2c2\u7248)\u300b\u5faa\u5e8f\u6e10\u8fdb\u5730\u5bf9jQuery\u7684\u5404\u79cd\u51fd\u6570\u548c\u65b9\u6cd5\u8c03\u7528\u8fdb\u884c\u4e86\u4ecb\u7ecd\uff0c\u8bfb\u8005\u53ef\u4ee5\u7cfb\u7edf\u5730\u638c\u63e1jQuery\u7684\u9009\u62e9\u5668\u3001DOM\u64cd\u4f5c\u3001\u4e8b\u4ef6\u548c\u52a8\u753b\u3001AJAX\u5e94\u7528\u3001\u63d2\u4ef6\u3001jQuery Mobile\u3001jQuery\u5404\u4e2a\u7248\u672c\u53d8\u5316\u3001jQuery\u6027\u80fd\u4f18\u5316\u548c\u6280\u5de7\u7b49\u77e5\u8bc6\u70b9\uff0c\u5e76\u7ed3\u5408\u6bcf\u4e2a\u7ae0\u8282\u540e\u9762\u7684\u6848\u4f8b\u6f14\u793a\u8fdb\u884c\u7ec3\u4e60\uff0c\u8fbe\u5230\u638c\u63e1\u6838\u5fc3\u77e5\u8bc6\u70b9\u7684\u76ee\u7684\u3002
\u4e03\u3001HTTP\u6743\u5a01\u6307\u5357
\u5185\u5bb9\u4ecb\u7ecd\uff1a\u300aHTTP\u6743\u5a01\u6307\u5357\u300b\u7531\u53e4\u5c14\u5229\u6240\u8457\uff0c\u300aHTTP\u6743\u5a01\u6307\u5357\u300b\u8be6\u7ec6\u89e3\u91ca\u4e86\u5982\u4f55\u7528HTTP\u6765\u5f00\u53d1\u57fa\u4e8eWeb\u7684\u5e94\u7528\u7a0b\u5e8f\uff0c\u6838\u5fc3\u7684[\u56e0\u7279\u7f51\u534f\u8bae\uff0c\u5982\u4f55\u4e0e\u67b6\u6784\u6784\u5efa\u5757\u4ea4\u4e92\uff0c\u5982\u4f55\u6b63\u786e\u5b9e\u73b0\u56e0\u7279\u7f51\u5ba2\u6237\u548c\u670d\u52a1\u5668\u7b49\u3002
\u300aHTTP\u6743\u5a01\u6307\u5357\u300b\u7684\u4e2d\u5fc3\u5185\u5bb9\u662fHTTP\uff0c\u672c\u8d28\u662f\u7406\u89e3Web\u7684\u5de5\u4f5c\u539f\u7406\uff0c\u4ee5\u53ca\u5982\u4f55\u5c06\u8fd9\u4e9b\u77e5\u8bc6\u5e94\u7528\u5230Web\u7f16\u7a0b\u548c\u7ba1\u7406\u4e4b\u4e2d\uff0c\u4e3b\u8981\u6db5\u76d6HTTP\u7684\u6280\u672f\u8fd0\u4f5c\u65b9\u5f0f\u3001\u4ea7\u751f\u52a8\u673a\u3001\u6027\u80fd\u548c\u76ee\u6807\u4ee5\u53ca\u4e00\u4e9b\u76f8\u5173\u6280\u672f\u95ee\u9898\u3002 \u300aHTTP\u6743\u5a01\u6307\u5357\u300b\u9002\u5408\u6240\u6709\u60f3\u4e86\u89e3HTTP\u548cWeb\u5e95\u5c42\u7ed3\u6784\u7684\u4eba\u9605\u8bfb\u3002
\u516b\u3001\u9ad8\u6027\u80fd\u7f51\u7ad9\u5efa\u8bbe\u6307\u5357
\u5185\u5bb9\u4ecb\u7ecd\uff1a\u300a\u9ad8\u6027\u80fd\u7f51\u7ad9\u5efa\u8bbe\u6307\u5357\u300b\u7ed3\u5408Web2.0\u4ee5\u6765Web\u5f00\u53d1\u9886\u57df\u7684\u6700\u65b0\u5f62\u52bf\u548c\u7279\u70b9\uff0c\u4ecb\u7ecd\u4e86\u7f51\u7ad9\u6027\u80fd\u95ee\u9898\u7684\u73b0\u72b6\u3001\u4ea7\u751f\u7684\u539f\u56e0\uff0c\u4ee5\u53ca\u6539\u5584\u6216\u89e3\u51b3\u6027\u80fd\u95ee\u9898\u7684\u539f\u5219\u3001\u6280\u672f\u6280\u5de7\u548c\u6700\u4f73\u5b9e\u8df5\u3002\u91cd\u70b9\u5173\u6ce8\u7f51\u9875\u7684\u884c\u4e3a\u7279\u5f81\uff0c\u9610\u91ca\u4f18\u5316Ajax\u3001CSS\u3001JavaScript\u3001Flash\u548c\u56fe\u7247\u5904\u7406\u7b49\u8981\u7d20\u7684\u6280\u672f\uff0c\u5168\u9762\u6db5\u76d6\u6d4f\u89c8\u5668\u7aef\u6027\u80fd\u95ee\u9898\u7684\u65b9\u65b9\u9762\u9762\u3002
一、《Web前端开发最佳实践》
这本书是前端开发领域的经典之作，是一本扎实前端基本功，规范我们前端代码的实践性书籍。本书主要讲解了HTML、CSS、Javascript以及移动端开发的最佳实践方案，能够对缺乏良好指导的开发者产生很大的帮助。通过阅读本书我们可以掌握如何编写高可读性、高维护性、高性能的HTML、CSS以及Javascript。
二、《CSS那些事儿》
内容介绍：《CSS那些事儿》是2009年电子工业出版社出版的图书，作者是林小志。该书通过对CSS技巧实例进行讲解，浅入深地分析了CSS相关知识。
通过页面中的文字、图片、表格、表单等常见元素的处理及各种页面布局方式的使用，使读者能深入了解到如何在页面中更好地运用CSS布局。尤其是在页面布局的部分中，全面分析了多种布局方式，着重分解了两列等高和三列等高的几种方式，并相应说明了等高布局的优缺点。
三、《CSS权威指南》
内容介绍：《CSS权威指南》通过诸多示例，详细讲解了如何做到仅在一处建立样式表就能创建或修改整个网站的外观，以及如何得到html力不能及的更丰富的表现效果。同时展示了如何遵循css最新规范（css2和css2.1）将层叠样式表的方方面面应用于实践。
四、《JavaScript 标准参考教程》阮一峰
内容介绍：阮一峰 本书全面介绍 JavaScript 核心语法，从最简单的开始讲起，循序渐进、由浅入深，力求清晰易懂。所有章节都带有大量的代码实例，便于理解和模仿，可以用到实际项目中，即学即用。 本书适合初学者当作JavaScript语言的入门教程，也适合当作日常使用的参考手册。
五、JavaScript高级程序设计第三版
内容介绍：《全书从JavaScript 语言实现的各个组成部分——语言核心、DOM、BOM、事件模型讲起，深入浅出地探讨了面向对象编程、Ajax 与Comet 服务器端通信，HTML5 表单、媒体、Canvas（包括WebGL）及Web Workers、地理定位、跨文档传递消息、客户端存储（包括IndexedDB）等新API，还介绍了离线应用和与维护、性能、部署相关的最佳开发实践。
六、锋利的jquery
内容介绍：《锋利的jQuery(第2版)》循序渐进地对jQuery的各种函数和方法调用进行了介绍，读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧等知识点，并结合每个章节后面的案例演示进行练习，达到掌握核心知识点的目的。
七、HTTP权威指南
内容介绍：《HTTP权威指南》由古尔利所著，《HTTP权威指南》详细解释了如何用HTTP来开发基于Web的应用程序，核心的[因特网协议，如何与架构构建块交互，如何正确实现因特网客户和服务器等。
《HTTP权威指南》的中心内容是HTTP，本质是理解Web的工作原理，以及如何将这些知识应用到Web编程和管理之中，主要涵盖HTTP的技术运作方式、产生动机、性能和目标以及一些相关技术问题。 《HTTP权威指南》适合所有想了解HTTP和Web底层结构的人阅读。
八、高性能网站建设指南
内容介绍：《高性能网站建设指南》结合Web2.0以来Web开发领域的最新形势和特点，介绍了网站性能问题的现状、产生的原因，以及改善或解决性能问题的原则、技术技巧和最佳实践。重点关注网页的行为特征，阐释优化Ajax、CSS、JavaScript、Flash和图片处理等要素的技术，全面涵盖浏览器端性能问题的方方面面。
初学者入门书籍：
中文电子书
深入浅出html pdf中文版
魅丽的网页设计
Web程序设计(第5版)完整版
HTML & XHTML 权威指南(英文+中文版)
Web编程入门经典：HTML、XHTML和CSS (第2版)
CSS商业网站布局之道（朱印宏著）
HTML与CSS入门经典（第7版）
Eric Meyer 谈CSS (卷1)
Eric Meyer 谈CSS (卷2)
无懈可击的Web设计
XHTML实例精解
XHTML技术内幕
HTML简明教程 中文PDF版
Dynamic HTML权威指南 第3版
XML基础教程 入门、DOM、AJAX与FLASH（Sas Jacobs[美]著）
网页视觉设计案例教程
英文原文电子书
Dive Into HTML5
HTML5.and.CSS3：Develop with Tomorrow's Standards Today
HTML5 Step by Step
Beginning HTML with CSS and XHTML
Beginning CSS Web Development 从入门到精通
CSS Web Development从入门到精通
HTML,XHTML,and CSS - Visual Quickstart Guide 第六版
深入浅出HTML（英文版）
Transcending.CSS（英文版）
完美HTML设计 - 使用CSS不用Table (第二版)
HTML, XHTML, and CSS Bible, 5th Edition
CSS禅意花园 (高级CSS开发)
O'Reilly CSS: The Definitive Guide 第三版(CSS权威指南)
Sams Teach Yourself HTML5 in 10 Minutes (5th Edition)
HTML5 and CSS3: Develop with Tomorrow's Standards Today
Wrox Web Standards Programmer's Reference
Spring into HTML and CSS
The Essential Guide to CSS and HTML Web Design
HTML & XHTML - The Complete Reference第四版
XHTML Moving toward XML
Mastering Integrated HTML and CSS
Build your Own WebSite - The Right Way Using HTML and CSS
Head First HTML with CSS & XHTML
The Best Practice Guide to xHTML and CSS
The CSS Anthology (第三版)
The CSS Anthology (第二版)
Sams Teach Yourself HTML 4 in 10 Minutes
Teach Yourself HTML in 10 Minutes 第四版
Ultimate HTML Reference
高级进阶电子书：
中文电子书
HTML5高级程序设计（完整版）
css3_for_web_designers
CSS精粹(第3版)
CSS Web设计高级教程 第2版
大巧不工-WEB前端设计修炼之道
博客园精华集 Web标准之道
编写高质量代码-Web前端开发修炼之道（完整版）
变幻之美——Div+CSS网页布局揭秘(案例实战篇)
Web导航设计
Web表单设计:点石成金的艺术
精通XHTML程序设计高级编程
彻底设计研究CSS
CSS时尚编程百例
英文原文电子书
Don't Make Me Think!
Apress Pro CSS and HTML Design Patterns
Professional CSS: Cascading Style Sheets for Web Design 第二版
The Book of CSS3: A Developer’s Guide to the Future of Web Design
Accessible XHTML and CSS Web Sites: Problem - Design - Solution
How to Do Everything With HTML
O'Reilly CSS Cookbook
A Book Apart CSS3 For Web Designers
Speed Up Your Site: Web Site Optimization
O'Reilly Designing Web Navigation
Beginning CSS: Cascading Style Sheets for Web Design
The Ultimate CSS Reference
Wrox CSS Instant Results
CSS Mastery: Advanced Web Standards Solutions
Creating Cool Web Sites with HTML, XHTML, and CSS
Beginning HTML with CSS and XHTML: Modern Guide and Reference
Accessible XHTML and CSS Web Sites
O'Reilly CSS The Missing Manual
Wiley Creating Web Sites Bible
Pro CSS for High Traffic Websites
HTML Manual of Style 4th
O'Reilly HTML5: Up and Running
Stunning CSS3: A project-based guide to the latest in CSS
The Definitive Guide to HTML5 Video
Canvas Pocket Reference: Scripted Graphics for HTML5
Apress.Pro.HTML5.Programming.Sep.2010
Pro CSS Techniques
W3C官方手册：
CSS完全参考手册3.0
xHTML完全参考手册 5合1 W3C官方权威手册
HTML 4.01 规范 - W3C官方HTML权威指南
HTML 4.0 参考手册 CHM
W3C HTML 3.2 规范
CSS 2 权威W3C官方参考手册 CHM
css手册2.0 3.0
绛旓細1銆併妀sdom缂栫▼鑹烘湳銆嬪彲浠ュ府浣犲涔犲師鐢焜s锛屼綔涓轰竴鍚嶅墠绔師鐢焜s鏄熀纭蹇呴』鎺屾彙 2銆銆婇攱鍒╃殑jquery銆褰撲綘宸ヤ綔浜嗭紝浣犻渶瑕佸揩閫熺殑鍑烘垚鏋滐紝涓嶈兘鐢ㄥ師鐢焜s鍘诲紑鍙戯紝鍥犱负鍘熺敓js鏈夊吋瀹规ч棶棰橈紝閭ｄ箞jquery甯綘鍋氫簡瑙ｅ喅浜嗚繖浜涢棶棰橈紝瀹冩彁渚涗簡寰堝鐨勬柟娉曚緵浣犳搷浣渄om 3銆銆妀s楂樼骇绋嬪簭璁捐銆杩欐湰涔﹀缓璁綘鐪5閬嶄互涓婏紝鎺屾彙...
绛旓細銆婃繁鍏ヨВ鏋怌SS銆: 瀵笴SS鏈夋繁搴﹂渶姹傜殑浣锛岃繖鏈功瑕嗙洊鐨勯潰璇曢搴撳皢鍔╀綘鑴遍鑰屽嚭銆侸avaScript: 銆婄妧鐗涗功銆嬪拰銆婄孩瀹濅功銆鏄疛avaScript鐨勫熀鐭筹紝浠庛奐avaScript DOM缂栫▼鑹烘湳锛堢2鐗堬級銆嬪紑濮嬩綘鐨勬帰绱箣鏃呫傚涔犵瓥鐣ヤ笂锛屽疄鎴橀」鐩佹濈淮瀵煎浘閰嶅悎VS Code鍜孋hrome娴忚鍣紝鑳借浣犲涔犱簨鍗婂姛鍊嶃侰SS鏂归潰锛屻奀SS鏉冨▉...
绛旓細鍏舵锛鎺ㄨ崘銆奀SS鏉冨▉鎸囧崡銆銆傝繖鏈功绯荤粺鍦颁粙缁嶄簡CSS鐨勫悇绉嶆牱寮忓睘鎬у拰閫夋嫨鍣紝浠ュ強甯冨眬鍜屽搷搴斿紡璁捐绛夋柟闈㈢殑鐭ヨ瘑銆傞氳繃瀛︿範杩欐湰涔︼紝瀛﹀憳鍙互鎺屾彙CSS鐨勫悇绉嶆妧宸у拰鏈浣冲疄璺碉紝浣跨綉椤靛叿鏈夋洿濂界殑瑙嗚鏁堟灉鍜岀敤鎴蜂綋楠屻傚彟澶栵紝銆奐avaScript楂樼骇绋嬪簭璁捐銆鏄涔犲墠绔紑鍙戝繀涓嶅彲灏戠殑涓鏈功銆傚畠璇︾粏浠嬬粛浜咼avaScript鐨勮娉...
绛旓細涓銆銆奧eb鍓嶇寮鍙戞渶浣冲疄璺点杩欐湰涔︽槸鍓嶇寮鍙戦鍩熺殑缁忓吀涔嬩綔锛屾槸涓鏈墡瀹炲墠绔熀鏈姛锛岃鑼冩垜浠墠绔唬鐮佺殑瀹炶返鎬т功绫嶃傛湰涔︿富瑕佽瑙ｄ簡HTML銆丆SS銆丣avascript浠ュ強绉诲姩绔紑鍙戠殑鏈浣冲疄璺垫柟妗堬紝鑳藉瀵圭己涔忚壇濂芥寚瀵肩殑寮鍙戣呬骇鐢熷緢澶х殑甯姪銆傞氳繃闃呰鏈功鎴戜滑鍙互鎺屾彙濡備綍缂栧啓楂樺彲璇绘с侀珮缁存姢鎬с侀珮鎬ц兘鐨凥TML銆丆SS...
绛旓細1銆併奐avaScript楂樼骇缂栫▼銆嬶細鍙互浣滀负鍏ラ棬涔︾睄锛屼絾鍚屾椂涔熸槸楂樼骇涔︾睄锛屽彲浠ュ揩閫熷惛鏀跺熀纭锛岀瓑鍒版彁鍗囧啀鍥炴潵閲嶆柊鐪嬬湅銆2銆併奐avaScript鏉冨▉鎸囧崡銆嬶細涓嶅お閫傚悎鍏ラ棬锛屼絾鏄繀澶囷紝涓嶇悊瑙ｇ殑鍦版柟灏卞幓鏌ラ槄涓涓嬶紝寰堟湁甯姪銆3銆併婄紪鍐欏彲缁存姢鐨凧avaScript銆嬪拰銆奛ode.js寮鍙戞寚鍗椼嬶細涓嶉敊鐨凬ode.js鍏ラ棬涔︾睄銆4銆併婃繁鍏ユ祬鍑虹殑...
绛旓細鍝嶅簲寮廤eb璁捐:HTML5鍜孋SS3瀹炴垬 BenFrain (浣滆), 鐜嬫案寮 (璇戣)鎺ㄨ崘鎸囨暟锛氣槄鈽呪槄 绠浠嬶細鍏ㄤ功涓昏鏄甫棰嗚鑰呭仛涓涓皬缃戦〉鏉ュ啓鐨勶紝鍏跺疄鍝嶅簲寮忕殑涓滆タ璁插緱姣旇緝灏戯紝澶у崐鍐呭鏄粙缁岺5鍜宑ss3鐨勫熀纭鐭ヨ瘑銆傚鏋滃悓鏃舵兂浜嗚ВH5鍜宑ss3鍜屽搷搴斿紡璁捐鍏ラ棬锛岃繖鏈功涓嶉敊銆侶TML5绉诲姩Web寮鍙戝疄鎴樿瑙 鏋楃彂 (浣滆)鎺ㄨ崘...
绛旓細鎺ㄨ崘涔︾睄锛1銆併婂崟椤礧eb搴旂敤:JavaScript浠鍓嶇鍒板悗绔2銆併奧eb2.0鐣岄潰璁捐妯″紡銆3銆併婂搷搴斿紡Web璁捐:HTML5鍜孋SS3瀹炴垬銆5銆佸伐鍏 瀛︿細浣跨敤grunt杩涜JS銆丆SS銆丠TML鍘嬬缉锛岀壒鍒槸妯″潡鍖杍s寮鍙戞椂鍊欑殑鍘嬬缉 浼氱敤PS杩涜鍒囧浘銆佷繚瀛榠con 鍏ユ墜sublime銆亀ebstorm 瀛︿細浣跨敤chrome璋冭瘯闈㈡澘锛岀壒鍒槸锛歝onsole銆乶etwork銆...
绛旓細1銆併奐avaScriptDOM缂栫▼鑹烘湳銆鎺ㄨ崘3锛堟瘮杈冨熀纭锛屽皬鐧鍏ラ棬鐨璇濇帹鑽愶紝鏈夊熀纭鐨勮瘽涓嶆帹鑽愶級2銆併奵ss鏉冨▉鎸囧崡銆嬫帹鑽2锛堜功鏄濂戒功锛岀湅浜嗗繕浜嗙殑宸ュ叿涔︼紝鍐欐牱寮忚胺姝屾洿楂樻晥锛3銆併奵ss鎻銆嬫帹鑽5锛堜笉鏄痗ss鍏ラ棬涔︾睄锛宑ss鎻愬崌蹇呭锛屾渶妫掔殑css宸ュ叿涔︼紝css榄旀硶锛4銆併奐avaScript璇█绮剧补銆嬫帹鑽4锛堟湁缁忛獙鐨刯s鍙互鐪嬬湅...
绛旓細鍒濈骇璇荤墿 銆奐S楂樼骇绋嬪簭璁捐銆嬶細涓鏈潪甯稿畬鏁寸殑缁忓吀鍏ラ棬涔︾睄锛岃瑾変负JS鍦ｇ粡涔嬩竴锛岃瑙ｇ殑闈炲父璇︾粏锛屾渶鏂扮増绗笁鐗堝凡缁忓彂甯冧簡锛屽缓璁喘涔般傘奐S鐜嬭呭綊鏉ャ嬬櫨搴︾殑涓涓猈eb寮鍙戦」鐩粡鐞嗗啓鐨勶紝浣滀负鍒濆鑰呭噯澶囩殑鍏ラ棬绾ф暀绋嬩篃涓嶉敊銆備腑绾ц鐗 銆奐S鏉冨▉鎸囧崡銆嬶細鍙﹀涓鏈琂S鍦ｇ粡锛岃瑙ｇ殑涔熼潪甯歌缁嗭紝灞炰簬涓骇璇荤墿锛屽缓璁...
绛旓細鍓嶇寮鍙戞槸鍒涘缓Web椤甸潰鎴朼pp绛夊墠绔晫闈㈠憟鐜扮粰鐢ㄦ埛鐨勮繃绋嬨傚墠绔紑鍙戦氳繃HTML锛孋SS鍙奐avaScript浠ュ強琛嶇敓鍑烘潵鐨勫悇绉嶆妧鏈佹鏋躲佽В鍐虫柟妗堬紝鏉ュ疄鐜颁簰鑱旂綉浜у搧鐨勭敤鎴风晫闈氦浜掋傚洜姝や富瑕佷細娑夊強鍒癏TML銆丆SS銆丣S銆乯Query绛夋妧鏈備互涓嬩功绫嶆槸涓浜涘鍏ラ棬鍓嶇姣旇緝濂界殑鎺ㄨ崘涔︾睄锛氥奧eb鎬ц兘鏉冨▉鎸囧崡銆嬪唴瀹圭畝浠嬶細鏈功鏄胺姝屽叕鍙搁珮...
