零基础JavaScript学习路径？ 零基础如何学js？
\u96f6\u57fa\u7840\u600e\u4e48\u5b66\u4e60javascript?1\u3001\u591a\u770bJS\u4e66\u6bd4\u5982\uff1a\u300ajavascript DOM \u7f16\u7a0b\u827a\u672f\u300b\u3001\u300aJavaScript\u9ad8\u7ea7\u7a0b\u5e8f\u8bbe\u8ba1\u300b\u3001\u300aJavaScript\u6743\u5a01\u6307\u5357\u300b\u3002
2\u3001\u591a\u6572\u4ee3\u7801\uff0c\u591a\u505a\u4e00\u4e9b\u4f8b\u5b50\u3002
3\u3001\u591a\u53bb\u7814\u7a76\u548c\u770b\u522b\u4eba\u5199\u7684\u4ee3\u7801\u3002
4\u3001\u65f6\u95f4\uff0c\u522b\u60f3\u7740\u51e0\u5929\u6216\u51e0\u4e2a\u6708\u80fd\u591f\u6210\u4e3a\u4e00\u4e2aJS\u9ad8\u624b\uff0c\u6211\u90fd\u5de5\u4f5c\u7684\u5feb2\u5e74\u4e86\uff0c\u90fd\u89c9\u5f97\u81ea\u5df1\u8fd8\u662f\u4e2a\u83dc\u9e1f
\u6700\u540e\u795d\u4f60\u5feb\u901f\u6210\u4e3a\u4e00\u4e2aJS\u9ad8\u624b\u3002^_^
\u3000\u3000\u9996\u5148\u660e\uff0c\u786e\u600e\u6837\u624d\u80fd\u5b66\u597dwbe\u524d\u7aef\u5f00\u53d1\uff1a
\u3000\u3000\u73b0\u5728\u5f88\u591a\u4eba\u559c\u6b22\u81ea\u5b66web\u524d\u7aef\u5f00\u53d1\uff0c\u4f46\u662f\u4e00\u4e2a\u4eba\u7684\u80fd\u529b\u6bd5\u7adf\u662f\u6709\u9650\u7684\uff0c\u6240\u4ee5\u6211\u81ea\u5df1\u5efa\u4e86\u4e00\u4e2a\u88d9\uff0c\u5b83\u7684\u524d\u9762\u662f4 \u4e5d 4\uff0c\u4e2d\u95f4\u5c31\u662f4 \u3007 6 \uff0c\u6700\u540e\u5c31\u662f9 \u4e09 4 \u3002\u6b22\u8fce\u60f3\u8981\u5b66\u4e60\u7684\u5c0f\u4f19\u4f34\u52a0\u5165\u6211\u4eec\u5b66\u4e60\u54e6\u3002\u5982\u679c\u4e0d\u662f\u6765\u5b66\u4e60\u7684\u5c31\u4e0d\u8981\u52a0\u4e86\uff0c\u52a0\u4e86\u4e5f\u662f\u6d6a\u8d39\u65f6\u95f4\u3002
\u3000\u3000Web\u524d\u7aef\u7684\u5b66\u4e60\u8def\u7ebf
\u3000\u30001.\u7b2c\u4e00\u9636\u6bb5\u2014\u2014HTML\u7684\u5b66\u4e60
\u3000\u3000\u8d85\u6587\u672c\u6807\u8bb0\u8bed\u8a00(HyperText Mark-up Language \u7b80\u79f0HTML)\u662f\u4e00\u4e2a\u7f51\u9875\u7684\u9aa8\u67b6\uff0c\u65e0\u8bba\u662f\u9759\u6001\u7f51\u9875\u8fd8\u662f\u52a8\u6001\u7f51\u9875\uff0c\u6700\u7ec8\u8fd4\u56de\u5230\u6d4f\u89c8\u5668\u7aef\u7684\u90fd\u662fHTML\u4ee3\u7801\uff0c\u6d4f\u89c8\u5668\u5c06HTML\u4ee3\u7801\u89e3\u91ca\u6e32\u67d3\u540e\u5448\u73b0\u7ed9\u7528\u6237\u3002\u56e0\u6b64\uff0c\u6211\u4eec\u5fc5\u987b\u638c\u63e1HTML\u7684\u57fa\u672c\u7ed3\u6784\u548c\u5e38\u7528\u6807\u8bb0\u53ca\u5c5e\u6027\u3002
\u3000\u3000HTML \u7684\u5b66\u4e60\u662f\u4e00\u4e2a\u8bb0\u5fc6\u548c\u7406\u89e3\u7684\u8fc7\u7a0b\uff0c\u5728\u5b66\u4e60\u8fc7\u7a0b\u4e2d\u53ef\u4ee5\u501f\u52a9Dreamweaver\u7684\u201c\u62c6\u5206\u201d\u89c6\u56fe\u8f85\u52a9\u5b66\u4e60\u3002\u5728\u201c\u8bbe\u8ba1\u201d\u89c6\u56fe\u4e2d\u770b\u6548\u679c\uff0c\u5728\u201c\u4ee3\u7801\u201d\u89c6\u56fe\u4e2d\u5b66\u672c\u8d28\uff0c\u5c06\u5404\u79cd\u89c6\u56fe\u7684\u4f18\u52bf\u53d1\u6325\u5230\u6781\u81f4\uff0c\u8fd9\u79cd\u5bf9\u7167\u5b66\u4e60\u7684\u65b9\u6cd5\u5f25\u8865\u4e86\u5355\u7eaf\u8bc6\u8bb0HTML\u6807\u7b7e\u548c\u5c5e\u6027\u7684\u67af\u71e5\u4e4f\u5473\uff0c\u60f3\u5fc5\u5bf9\u5404\u4f4d\u521d\u5b66\u7684\u5c0f\u76c6\u53cb\u4eec\u6765\u8bf4\u5fc5\u5b9a\u662f\u6781\u597d\u7684!
\u3000\u3000\u5728\u5b66\u4e60\u4e86HTML\u4e4b\u540e\uff0c\u6211\u4eec\u53ea\u662f\u638c\u63e1\u4e86\u5404\u79cd\u201c\u539f\u6750\u6599\u201d\u7684\u5236\u4f5c\u65b9\u6cd5\uff0c\u8981\u60f3\u76d6\u4e00\u5e62\u697c\u623f\u5c31\u8fd8\u9700\u8981\u628a\u8fd9\u4e9b\u201c\u539f\u6750\u6599\u201d\u6309\u7167\u6211\u4eec\u8bbe\u8ba1\u7684\u65b9\u6848\u7ec4\u5408\u5e03\u5c40\u5728\u4e00\u8d77\u5e76\u8fdb\u884c\u4e00\u4e9b\u6837\u5f0f\u7684\u7f8e\u5316\u3002
\u3000\u30002.\u7b2c\u4e8c\u4e2a\u9636\u6bb5\u2014\u2014CSS\u7684\u5b66\u4e60
\u3000\u3000CSS\u662f\u82f1\u6587Cascading Style Sheets\u7684\u7f29\u5199\uff0c\u53eb\u505a\u5c42\u53e0\u6837\u5f0f\u8868\uff0c\u662f\u80fd\u591f\u771f\u6b63\u505a\u5230\u7f51\u9875\u8868\u73b0\u4e0e\u5185\u5bb9\u5206\u79bb\u7684\u4e00\u79cd\u6837\u5f0f\u8bbe\u8ba1\u8bed\u8a00\u3002\u76f8\u5bf9\u4e8e\u4f20\u7edfHTML\u7684\u8868\u73b0\u800c\u8a00\u5176\u6837\u5f0f\u662f\u53ef\u4ee5\u590d\u7528\u7684\uff0c\u8fd9\u6837\u5c31\u6781\u5927\u5730\u63d0\u9ad8\u4e86\u6211\u4eec\u5f00\u53d1\u7684\u901f\u5ea6\uff0c\u964d\u4f4e\u4e86\u7ef4\u62a4\u7684\u6210\u672c\u3002
\u3000\u3000\u540c\u65f6CSS\u4e2d\u7684\u76d2\u5b50\u6a21\u578b\u3001\u76f8\u5bf9\u5e03\u5c40\u3001\u7edd\u5bf9\u5e03\u5c40\u7b49\u80fd\u591f\u5b9e\u73b0\u5bf9\u7f51\u9875\u4e2d\u5404\u5bf9\u8c61\u7684\u4f4d\u7f6e\u6392\u7248\u8fdb\u884c\u50cf\u7d20\u7ea7\u7684\u7cbe\u786e\u63a7\u5236\u3002\u901a\u8fc7\u6b64\u9636\u6bb5\u7684\u5b66\u4e60\uff0c\u6211\u4eec\u5c31\u53ef\u4ee5\u987a\u5229\u5b8c\u6210\u201c\u4e00\u5e62\u697c\u623f\u201d\u7684\u5efa\u8bbe\u3002
\u3000\u3000\u201c\u697c\u623f\u201d\u5efa\u8bbe\u5b8c\u6210\u4e4b\u540e\uff0c\u6211\u4eec\u53ef\u4ee5\u4ea4\u7ed9\u7528\u6237\u4f7f\u7528\uff0c\u4f46\u662f\u5982\u679c\u60f3\u8ba9\u7528\u6237\u83b7\u5f97\u66f4\u4f73\u7684\u4f53\u9a8c\uff0c\u6211\u4eec\u8fd8\u53ef\u4ee5\u5bf9\u201c\u697c\u623f\u201d\u8fdb\u884c\u66f4\u6df1\u4e00\u6b65\u7684\u201c\u88c5\u4fee\u201d\uff0c\u8ba9\u5b83\u770b\u8d77\u6765\u66f4\u201c\u8c6a\u534e\u201d\u4e00\u4e9b\u3002
\u3000\u30003.\u7b2c\u4e09\u4e2a\u9636\u6bb5\u2014\u2014Java\u7684\u5b66\u4e60
\u3000\u3000Java\u662f\u4e00\u79cd\u5728\u5ba2\u6237\u7aef\u5e7f\u6cdb\u4f7f\u7528\u7684\u811a\u6b65\u8bed\u8a00\uff0c\u5728Java\u5f53\u4e2d\u4e3a\u6211\u4eec\u63d0\u4f9b\u4e86\u4e00\u4e9b\u5185\u7f6e\u51fd\u6570\u3001\u5bf9\u8c61\u548cDOM\u64cd\u4f5c\uff0c\u501f\u52a9\u8fd9\u4e9b\u5185\u5bb9\u6211\u4eec\u53ef\u4ee5\u6765\u5b9e\u73b0\u4e00\u4e9b\u5ba2\u6237\u7aef\u7684\u7279\u6548\u3001\u9a8c\u8bc1\u3001\u4ea4\u4e92\u7b49\uff0c\u4f7f\u6211\u4eec\u7684\u9875\u9762\u770b\u8d77\u6765\u4e0d\u90a3\u4e48\u5446\u677f\uff0c\u5c4c\u4e1d\u77ac\u95f4\u9006\u88ad\u9ad8\u5bcc\u5e05!\u6709\u4e48\u6709?
\u3000\u3000\u6b64\u65f6\uff0c\u4e5f\u8bb8\u4f60\u8fd8\u6c89\u6d78\u5728Java\u7ed9\u4f60\u5e26\u6765\u7684\u60ca\u559c\u4e4b\u4e2d\uff0c\u4f46\u4f60\u7684\u9879\u76ee\u7ecf\u7406\u5374\u7a81\u7136\u5bf9\u4f60\u5927\u543c\u9053
\u3000\u3000\u201c\u8fd9\u4e2a\u6548\u679c\u5728\u00d7\u00d7\u6d4f\u89c8\u5668\u4e0b\u4e0d\u517c\u5bb9\uff0c\u91cd\u65b0\u641e\u2026\u2026\u201d
\u3000\u3000\u201c\u4e0d\u517c\u5bb9?\u201d\u77ac\u95f4\u77f3\u5316\u4e86\u6709\u6728\u6709?
\u3000\u3000\u201c\u6211\u64e6\uff0c\u5751\u7239\u554a!\u90a3\u53ef\u662f\u82b1\u4e86\u6211\u4e00\u4e2a\u665a\u4e0a\u5199\u4e86\u51e0\u767e\u884c\u4ee3\u7801\u641e\u5b9a\u7684\u554a\uff0c\u5410\u8840\u4e86\u90fd!\u201d
\u3000\u3000Java\u7684\u517c\u5bb9\u6027\u548c\u590d\u6742\u6027\u6709\u65f6\u5019\u7684\u786e\u8ba9\u6211\u4eec\u5934\u75bc\uff0c\u8fd8\u597d\u6709\u201c\u5927\u795e\u201d\u5e2e\u6211\u4eec\u505a\u4e86\u5c01\u88c5\u3002
\u3000\u30005.\u7b2c\u56db\u4e2a\u9636\u6bb5\u2014\u2014jQUery\u7684\u5b66\u4e60
\u3000\u3000jQuery \u662f\u4e00\u4e2a\u514d\u8d39\u3001\u5f00\u6e90\u7684\u8f7b\u91cf\u7ea7\u7684Java\u5e93\uff0c\u5e76\u4e14\u517c\u5bb9\u5404\u79cd\u6d4f\u89c8\u5668(jQuery2.0\u53ca\u540e\u7eed\u7248\u672c\u653e\u5f03\u4e86\u5bf9IE6/7/8\u6d4f\u89c8\u5668\u7684\u652f\u6301)\uff0c\u540c\u65f6\u73b0\u5728\u6709\u5f88\u591a\u57fa\u4e8ejQuery\u7684\u63d2\u4ef6\u53ef\u4f9b\u9009\u62e9\uff0c\u8fd9\u6837\u5728\u6211\u4eec\u5b9e\u73b0\u4e00\u4e9b\u4e30\u5bcc\u7684\u52a8\u6001\u6548\u679c\u65f6\u66f4\u65b9\u4fbf\u5feb\u6377\uff0c\u5927\u5927\u8282\u7701\u4e86\u6211\u4eec\u5f00\u53d1\u7684\u65f6\u95f4\uff0c\u63d0\u9ad8\u4e86\u5f00\u53d1\u901f\u5ea6\uff0c\u8fd9\u4e5f\u5145\u5206\u4f53\u73b0\u4e86\u5176 write less,do more\u7684\u6838\u5fc3\u5b97\u65e8\u3002\u8fd9\u4e2aFeel\u500d\u513f\u723d!\u6709\u4e48\u6709?
\u3000\u3000\u201c\u8c6a\u534e\u5927\u697c\u201d\u81f3\u6b64\u62d4\u5730\u800c\u8d77\uff0c\u4f46\u662f\u6bcf\u5929\u8fd9\u6837\u65e5\u590d\u4e00\u65e5\uff0c\u5e74\u590d\u4e00\u5e74\u7684\u76d6\u697c\uff0c\u597d\u7e41\u7410!\u80fd\u4e0d\u80fd\u5c06\u5927\u697c\u91cc\u9762\u6bcf\u4e00\u4e2a\u5355\u72ec\u90e8\u4ef6\u6a21\u5757\u5316\uff0c\u5f53\u9700\u8981\u76d6\u697c\u65f6\u5c31\u50cf\u5806\u79ef\u6728\u4e00\u6837\u7ec4\u5408\u5728\u4e00\u8d77\uff0c\u8fd9\u6837\u5c82\u4e0d\u662f\u723d\u6b6a\u6b6a?\u53ef\u4ee5\u5b9e\u73b0\u5417?\u7b54\u6848\u662f\u80af\u5b9a\u7684\u3002
\u3000\u3000\u8fd9\u79cd\u601d\u60f3\u5728Web\u524d\u7aef\u5f00\u53d1\u4e2d\u4e5f\u662f\u9002\u5408\u7684\uff0c\u4e8e\u662f\u4e4e\u5c31\u51fa\u73b0\u4e86\u5404\u79cd\u524d\u7aef\u6846\u67b6\uff0c\u5728\u8fd9\u91cc\u63a8\u8350\u7ed9\u5927\u5bb6\u7684\u662fBootstrap\u3002
\u3000\u3000Bootstrap\u662fTwitter\u63a8\u51fa\u7684\u4e00\u4e2a\u5f00\u6e90\u7684\u7528\u4e8e\u524d\u7aef\u5f00\u53d1\u7684\u5de5\u5177\u5305\uff0c\u662f\u4e00\u4e2aCSS/HTML\u6846\u67b6\uff0c\u5e76\u4e14\u652f\u6301\u54cd\u5e94\u5f0f\u5e03\u5c40\u3002\u4e00\u7ecf\u63a8\u51fa\u540e\u9887\u53d7\u6b22\u8fce\uff0c\u4e00\u76f4\u662fGitHub\u4e0a\u7684\u70ed\u95e8\u5f00\u6e90\u9879\u76ee\u3002
\u3000\u3000\u5728\u9879\u76ee\u5f00\u53d1\u8fc7\u7a0b\u4e2d\uff0c\u6211\u4eec\u53ef\u4ee5\u501f\u52a9Bootstrap\u63d0\u4f9b\u7684CSS\u6837\u5f0f\u3001\u7ec4\u4ef6\u3001Java\u63d2\u4ef6\u7b49\u5feb\u901f\u7684\u5b8c\u6210\u9875\u9762\u5e03\u5c40\u548c\u6837\u5f0f\u8bbe\u7f6e\uff0c\u7136\u540e\u518d\u6709\u9488\u5bf9\u6027\u7684\u5fae\u8c03\u6837\u5f0f\uff0c\u8fd9\u6837\u57fa\u4e8e\u6846\u67b6\u8fdb\u884c\u5f00\u53d1\u5927\u5927\u7f29\u77ed\u4e86\u5f00\u53d1\u5468\u671f\u3002\u7ad9\u5728\u5de8\u4eba\u7684\u80a9\u8180\u4e0a\u5c31\u662f\u723d!
\u3000\u3000
\u3000\u3000
\u3000\u3000\u3000
\u3000\u3000Web\u524d\u7aef\u7684\u5b66\u4e60\u5efa\u8bae
\u3000\u3000\u6700\u540e\u7ed9\u5927\u5bb6\u804a\u804a\u5728\u5b66\u4e60Web\u524d\u7aef\u4e2d\u7684\u4e00\u4e9b\u5efa\u8bae\u548c\u65b9\u6cd5\u3002
\u3000\u3000\u5728CSS\u5e03\u5c40\u65f6\u9700\u8981\u6ce8\u610f\u7684\u4e00\u4e2a\u95ee\u9898\u662f\u5f88\u591a\u540c\u5b66\u7f3a\u4e4f\u5bf9\u9875\u9762\u5e03\u5c40\u8fdb\u884c\u6574\u4f53\u5206\u6790\uff0c\u4e0d\u80fd\u591f\u4ece\u5b8f\u89c2\u4e0a\u5bf9\u9875\u9762\u4e2d\u76d2\u5b50\u95f4\u7684\u5d4c\u5957\u5173\u7cfb\u8fdb\u884c\u628a\u63e1\uff0c\u5c31\u6025\u4e8e\u52a8\u624b\u53bb\u505a\uff0c\u5bfc\u81f4\u9875\u9762\u4e2d\u5404\u5143\u7d20\u95f4\u7684\u5173\u7cfb\u5f88\u6df7\u4e71\uff0c\u5bb9\u6613\u51fa\u73b0\u76d2\u5b50\u5728\u6d6e\u52a8\u65f6\u9519\u4f4d\u7b49\u60c5\u51b5\u3002\u5efa\u8bae\u5927\u5bb6\u5728\u5e03\u5c40\u65f6\u91c7\u7528\u201c\u81ea\u9876\u5411\u4e0b\uff0c\u9010\u6b65\u7ec6\u5316\u201d\u7684\u601d\u60f3\uff0c\u5148\u7528\u51e0\u4e2a\u76d2\u5b50\u5c06\u9875\u9762\u4ece\u6574\u4f53\u4e0a\u5212\u5206\uff0c\u7136\u540e\u9010\u6b65\u5728\u76d2\u5b50\u4e2d\u7ee7\u7eed\u5d4c\u5957\u76d2\u5b50\u3002
\u3000\u3000\u201c\u541b\u5b50\u751f\u975e\u5f02\u4e5f\uff0c\u5584\u5047\u4e8e\u7269\u4e5f\u201d\uff0c\u5728\u5b66\u4e60\u7684\u8fc7\u7a0b\u4e2d\u8fd8\u8981\u591a\u6d4f\u89c8\u4e00\u4e9b\u4f18\u79c0\u7684\u7f51\u7ad9\uff0c\u5584\u4e8e\u5206\u6790\u501f\u9274\u5176\u8bbe\u8ba1\u601d\u8def\u548c\u5e03\u5c40\u65b9\u6cd5\uff0c\u89c1\u591a\u65b9\u80fd\u8bc6\u5e7f\uff0c\u8fdb\u800c\u624d\u53ef\u4ee5\u878d\u4f1a\u8d2f\u901a\uff0c\u53d6\u4ed6\u4eba\u4e4b\u957f\u4e3a\u6211\u6240\u7528\u3002
\u3000\u3000\u540c\u65f6\u8fd8\u8981\u5584\u4e8e\u4f7f\u7528Firebug\u8fd9\u4e2a\u5229\u5668\u3002Firebug\u4e00\u65b9\u9762\u53ef\u4ee5\u5728\u6211\u4eec\u5b66\u4e60\u8fc7\u7a0b\u4e2d\u5e2e\u52a9\u6211\u4eec\u8c03\u8bd5\u81ea\u5df1\u7684\u9875\u9762\uff0c\u53e6\u4e00\u65b9\u9762\u6211\u4eec\u53ef\u4ee5\u4f7f\u7528Firebug\u65b9\u4fbf\u5730\u67e5\u770b\u3001\u5206\u6790\u522b\u4eba\u7f51\u7ad9\u7684\u6e90\u4ee3\u7801\uff0c\u201c\u5077\u201d\u4e5f\u662f\u4e00\u79cd\u6280\u80fd!
\u3000\u3000\u6bcf\u4e2a\u4eba\u7684\u6210\u957f\u4e0e\u57fa\u7840\u4e0d\u4e00\u6837\uff0c\u7ed3\u5408\u81ea\u5df1\u7684\u5b9e\u9645\u60c5\u51b5\uff0c\u5728\u6267\u884c\u3002\u8fd8\u662f\u91cd\u590d\u4e00\u4e0b\uff0c\u524d\u7aef\u7684\u6838\u5fc3\u662fjs\u3002css\u4e0d\u96be\uff0c\u4f46\u9700\u8981\u6765\u79ef\u7d2f\u3002\u5bf9\u524d\u7aef\u6211\u662f\u8fd9\u4e48\u770b\u7684\uff1a
\u3000\u3000css\u5c31\u50cf\u4e00\u74f6\u9152\uff0c\u5f97\u54c1\u3002
\u3000\u3000html,css\u603b\u5171\u5c31\u90a3\u4e9b\u6807\u7b7e\u8ddf\u9009\u62e9\u5668\u5c5e\u6027\u4ec0\u4e48\u7684\uff0c\u4f46\u662f\u8981\u5199\u4e00\u4e2a\u6709\u6269\u5c55\u6027\uff0c\u5065\u58ee\u6027\u6216\u7ef4\u62a4\u6027\u7684\u9875\u9762\u4e0d\u5bb9\u6613\u3002\u73b0\u5728\u5199\u9875\u9762\u57fa\u672c\u6761\u4ef6\u53cd\u5c04\uff0c\u4e0d\u662f\u5982\u4f55\u5feb\u901f\u7684\u5b8c\u6210\uff0c\u800c\u662f\u601d\u8003\u5982\u679c\u6709\u754c\u9762\u9700\u6c42\u4fee\u6539\uff0c\u600e\u4e48\u5728\u4fee\u6539\u4ee3\u7801\u6700\u5c11\u7684\u60c5\u51b5\u4e0b\u5feb\u901f\u5b8c\u6210\u9700\u6c42\u4efb\u52a1\u3002\u8fd9\u662f\u5bf9\u524d\u7aef\u8010\u529b\uff0c\u4f53\u529b\uff0c\u667a\u529b\u7684\u4e09\u91cd\u8003\u9a8c\u3002
\u3000\u3000js\u5c31\u50cf\u4e00\u628a\u5251\uff0c\u5f97\u78e8\u3002
\u3000\u3000js\u521a\u5f00\u59cb\u53ea\u662f\u4e3a\u4e86\u8f83\u9a8c\uff0c\u968f\u4fbf\u6280\u672f\u793e\u4f1a\u7684\u53d1\u5c55\uff0c\u627f\u62c5\u7684\u89d2\u8272\u8d8a\u6765\u8d8a\u91cd\uff0c\u521a\u5f00\u59cb\u73a9\u73a9jQuery\u611f\u89c9\u5df2\u7ecf\u4f1ajs\u4e86\uff0c\u5176\u5b9e\u53ea\u662f\u51b0\u5c71\u4e00\u89d2\u3002\u968f\u7740\u5bf9js\u7684\u4e86\u89e3\u8d8a\u6765\u8d8a\u591a\uff0c\u4ed6\u5373\u53d8\u6001\u53c8\u53ef\u7231\uff0c\u5373\u597d\u73a9\u53c8\u96be\u63a7\uff0c\u5373\u6709\u5f88\u591a\u517c\u5bb9\u95ee\u9898\uff0c\u4f46\u89e3\u51b3\u517c\u5bb9\u662f\u6211\u4eec\u57fa\u672c\u751f\u5b58\u4e4b\u9053\u3002\u4eceajax\u5230jsmvc\u4e00\u8def\u8d70\u4e00\u8def\u770b\uff0c\u9ad8\u8f7d\u6f6e\u4e00\u6d6a\u9ad8\u8fc7\u4e00\u6d6a
\u3000\u3000\u4eba\u751f\u5c31\u662f\u4e00\u573a\u68a6\uff0c\u5f97\u4f5c\u3002
\u3000\u3000\u6280\u672f\u53ea\u662f\u751f\u6d3b\u7684\u4e00\u90e8\u5206\uff0c\u66fe\u7ecf\u96c4\u5fc3\u6597\u5fd7\uff0c\u5982\u4eca\u4f4e\u5934\u5199\u7801\u3002\u6539\u53d8\u80fd\u6539\u53d8\u7684\uff0c\u63a5\u53d7\u4e0d\u80fd\u6539\u53d8\u7684\u3002\u4eba\u751f\u6709\u9650\uff0c\u5144\u4e89\u671d\u5915\u554a\u3002\u4eba\u751f\u5b66\u4e60\u7684\u6001\u5ea6\u662f\uff1a\u4e0d\u6025\u4e0d\u8e81\uff0c\u4e0d\u5feb\u4e0d\u6162\u3002\u6301\u4e4b\u4ee5\u6052\uff0c\u76f8\u4fe1\u81ea\u5df1\u3002\u4e0d\u6c42\u80fd\u6539\u53d8\u4e16\u754c\uff0c\u4f46\u6c42\u80fd\u6539\u53d8\u81ea\u5df1\u7684\u751f\u6d3b\u3002\u4e0d\u6c42\u5065\u6b65\u5982\u98de\uff0c\u4f46\u6c42\u4e00\u6b65\u4e00\u811a\u5370\u3002\u611f\u8c22\u78e8\u96be\uff0c\u4ed6\u4f7f\u6211\u4eec\u5185\u5fc3\u66f4\u4e3a\u575a\u5f3a\u3002\u611f\u8c22\u632b\u6298\uff0c\u4ed6\u4f7f\u6211\u4eec\u4e0d\u65ad\u7684\u6210\u957f\uff0c\u611f\u8c22bug\uff0c\u4ed6\u4f7f\u6211\u4eec\u7684\u601d\u7ef4\u66f4\u52a0\u6df1\u9083\u3002\u611f\u8c22\u524d\u7aef\uff0c\u4ed6\u4f7f\u6211\u4eec\u66f4\u52a0\u7684\u76f8\u4fe1\uff0c\u6491\u8d77\u4e00\u7247\u5929\u7a7a\u9700\u8981\u5341\u516b\u822c\u6b66\u827a\u3002
\u3000\u3000
开发环境越简单越好，一定不要在这个环节浪费时间。
首先说编辑器的选择，sublime text、vs code、atom、webstorm，还有HBuilder。新手入门的时候总想找一个最好的编辑器，其实这编辑器就和游戏里面选英雄一样，没有最厉害的，只有最适合你的，如果还是拿不定注意，就选vs code吧，我感觉这个对新手挺友好的。
浏览器就用chrome，然后就可以开始撸代码了。
关于JavaScript版本，我建议还是从ES5开始学，有一定基础之后再来看ES2015+的新特性。
基本语法
学编程语言和学自然语言有很多相似的地方，我们得从最基本的单词和语法开始学。
变量：如何声明变量，如何给变量赋值。
数据类型：什么是数据类型，数字与字符串有什么区别。
运算符与表达式：常用的运算符有哪些？“=”、“==”与“===”的区别等等。
分支语句：if、switch
循环语句：for、while
函数：什么是函数，什么是参数，什么是返回值。
对象：属性的无序集合，当属性值为函数的时候，我们叫这个函数为对象的方法。
数组：元素的有序集合。了解数组的常用方法
日期对象：获取年月日时分秒
数学对象：获取随机数
了解其他对象：正则表达式、包装对象，其实函数也是对象，不过这些简单了解一下就行。
DOM的树状结构
节点：元素节点、文本节点、属性节点
节点关系：同级、父子级等等
获取节点：querySelector、querySelectorAll等等
节点操作：增删改查
事件绑定：事件流和事件委托应该了解一下
原始类型与引用类型的区别
各种类型转换和类型检测
闭包：函数套函数，怎么套自己都不蒙就行了。
原型：构造函数、原型属性、基于原型的继承是怎么实现的。
this：可以开个坑好好研究研究
使用node开一个静态服务器
使用npm下载第三方模块
webpack
babel
最好能用express写一个简单的后台程序（一个server.js就够了），处理一些请求，这样我们学习ajax的时候就可以自己写后台接口了，当然这需要有http协议的基础知识。
变量和常量：为什么要抛弃var？
结构赋值
箭头函数
模块化
class
编译
这些基本语法一定要非常熟悉，要不然后续的学习会举步维艰。
对象
对象是一个非常重要的概念，一定要灵活掌握：
每个对象都有很多方法，这些方法知道在哪里查就行了，千万不要去背，就像我们学英语，必要的单词要背，但是大部分单词知道用词典查就行了。
DOM
DOM提供的方法也很多，仍然不要过多的投入精力，新手自学总是会被这些大量的方法困扰，我们要做的是对DOM有一个概括性的了解，至于那些杂乱的接口，后续我们完全可以用jQuery或框架代替。
（如果对DOM感兴趣，可以在技能掌握得稍微全面一些之后，再回来深入学习也是可以的，但是前期投入大量时间，确实会影响学习效率）
jQuery
jQuery是必须要会的，但是jQuery上手确实很简单，用两天时间了解一下jQuery的用法，然后就可以利用jQuery实现各种页面效果了，前期肯定会磕磕绊绊，但是jQuery的资料有很多，一边学一边做就行。jQuery熟练了之后，就可以开始着手学习JavaScript进阶一点的内容了：
了解node
node现在可以说是前端必学的了，但是不是学用node做后台，而是用node生态下的各种工具，顺便借node了解一下后台。
ES2+新特性
像promise，async/await函数等等这些，看自己能力了，有兴趣看看，不看也不影响后面学习，但是，就算现在不学，这个后续也是要补的。
框架
react、vue选一，零基础的初学者强烈推荐vue，如果技术型前端，推荐react。
绛旓細闆跺熀纭鑷鏄彲浠ョ殑锛屼絾鏄兘瀛﹀埌浠涔堝湴姝ユ槸涓棶棰樸傚紑濮嬫帴瑙︾殑閮芥槸寰堝熀纭鐨勭煡璇嗭紝鍒板悗闈㈠氨浼氶毦搴︿簡锛岃屼笖鐜板湪javascript缂栫▼寰寰涔熻涓庡叾浠栬瑷缁煎悎鍦ㄤ竴璧蜂娇鐢紝杩欏氨娑夊強鍒板叾浠栬瑷鐨勭煡璇嗭紝鎵浠ヨ嚜瀛﹀墠瑕佹湁涓噯澶嚶仿仿
绛旓細灏辨槸杩欐牱锛屽湪瀛︿範涓涓柊鐨勪笢瑗跨殑鏃跺欙紝鎬绘槸浼氭秹鍙婂埌鍙﹀涓閮ㄥ垎鏈煡鐨勭偣銆傚鏋滄兂鎵撻氳繖浜涚偣锛屽氨闇瑕佸幓瀛︽湭鐭ョ殑鐐广備篃灏辨槸杩欐牱涓鐜亾涓鐜紝鎴戜竴鐩村湪鍧氭寔瀛︿範涓浜JavaScript鐨鍩虹鐭ヨ瘑銆傞殢鐫React鍜孷ue鐨勫嚭鐜帮紝鑷繁宸ヤ綔涓細鐢ㄥ埌鐩稿叧鐨勭煡璇嗭紝閭ｄ箞鍦ㄥ伐浣滀腑鎬绘槸浼氱鍒颁竴浜涢棶棰橈紝閭ｄ箞杩欎簺闂涔熸槸鍊掗兼垜鍘诲...
绛旓細鑷鑲畾鏄彲浠ョ殑锛屼絾鏄繕鏄鐪嬩綘瀛︿範鐨勫垵琛锋槸浠涔堝惂锛屽鏋滄槸涓汉鍏磋叮锛屽彧鎯充笟浣欏涔犱竴涓嬶紝鑷鏄笉閿欑殑閫夋嫨锛屼絾鏄鏋滄槸鎯充粠浜嬭繖涓鍧楃殑宸ヤ綔锛屼箣鍚庡線杩欎竴鍧楀彂灞曠殑璇濓紝鍘绘満鏋勫涔犺繕鏄緢鏈夊府鍔╃殑锛岃屼笖濡傛灉鏄闆跺熀纭鐨勮瘽锛屼笉寤鸿鑷锛屽洜涓鸿嚜瀛﹂渶瑕佸緢濂界殑鑷埗鍔涳紝瀛︿範鐞嗚В鑳藉姏绛夌瓑锛屽緢澶氳嚜瀛︾殑鏃堕棿鎴樼嚎浼氭媺...
绛旓細鍙互锛javascript 鏄竴闂ㄨ繍琛屽湪缃戦〉涓婄殑鑴氭湰璇█锛屾槸姣旇緝绠鍗曠殑锛7澶╄嚜瀛︽病闂鍟娿
绛旓細鑰屽鍛樹篃搴旇鏍规嵁鑰佸笀鐨勬暀瀛﹁繘搴﹀埗瀹氬悎閫傜殑瀛︿範鏂规硶锛岃繖鏍锋墠鑳芥洿濂界殑鎺屾彙鎶鏈傜涓夛細璐ф瘮涓夊锛岄夊嚭鍚堥傝嚜宸辩殑鍩硅鐝 寰堝鍩硅鐝篃浼氭牴鎹鍛樺畾浣嶆潵寮灞曡嚜宸辩殑璇剧▼锛屼緥濡傛湁浜涚彮鏄姹傚叿澶囦竴瀹氱殑杞欢寮鍙戝熀纭鐨勶紝閭ｄ箞杩欑被鐝骇鑲畾鏄笉鍚堥闆跺熀纭瀛﹀憳瀛︿範鐨勶紝鎵浠ユ垜浠夋嫨鍩硅鏈烘瀯鏃讹紝瑕佹牴鎹嚜宸辩殑瀹為檯鎯呭喌锛...
绛旓細鏍规嵁姣忎釜浜虹殑涓嶅悓锛屽彲鑳瀛︿範鏂规硶涔熶細鏈夋墍鍑鸿矾锛屾壘鍒伴傚悎浣犺嚜宸辩殑瀛︿範娉曟柟娉曟槸瀛︿範鐨勫墠鎻愩4銆佷笉寤鸿鑷繁涓涓汉鐬庡锛屽湪鎴戜簡瑙ｅ涔犵紪绋嬬殑杩欎簺浜烘潵鐪嬶紝浠闆跺熀纭寮濮嬪骞朵笖鏈鍚庢垚鍔熷仛杩欎唤宸ヤ綔鐨勫叾瀹炲苟娌℃湁鍑犱釜锛屾垜瑙夊緱澶ч儴鍒嗗師鍥犲氨鏄洜涓轰粬浠兘涓嶄簡瑙eb鍓嶇鏄共浠涔堢殑锛屽浠涔堢殑锛屽氨鐩茬洰鐨勪拱涔︾湅锛屽埌澶勬壘...
绛旓細銆JavaScript DOM 缂栫▼鑹烘湳銆嬭秴绾у墠绔晠閿涔︼紝浣滀负鍓嶇绋嬪簭鍛樺繀璇讳袱閬嶄互涓婄殑涔︾睄锛岃繖鏈功绫嶇壒鍒傚悎鍒濆鍓嶇鐨勬柊浜猴紝鍓嶇鐨勬牳蹇冩妧鏈氨鏄疛avaScript锛屽悓鏃朵篃鏄墠绔殑闅剧偣銆傝岃繖鏈功闈炲父閫傚悎鍏ラ棬锛岄氫織鏄撴噦锛岀敓鍔ㄧ殑妗堜緥鍙互璁╁垵瀛﹁呮洿濂界殑杩涜鐞嗚В銆傛墍鎻愬強鐨勫緢澶氱紪绋嬫濇兂鍗撮傚悎浣庝腑绾у眰娆＄殑鍓嶇寮鍙戣瀛︿範銆傘...
绛旓細绗竴闃舵锛氭牳蹇冪煡璇嗙偣 • CSS3 2D銆3D 鍙樻崲• CSS3 animation 鍔ㄧ敾• H5C3 鐐叿椤甸潰寮鍙• Flex浼哥缉甯冨眬• 绉诲姩绔富娴侀傞厤鏂规• 甯歌绉诲姩绔牱寮忓吋瀹规柟妗• 棰勫鐞嗗櫒Less 绗簩闃舵锛氭牳蹇冪煡璇嗙偣 • JavaScript 璇█鍩虹• BOM鎿嶄綔澶у叏• ...
绛旓細浠婂ぉ灏忕紪瑕佽窡澶у鍒嗕韩鐨勬枃绔犳槸鍏充簬闆跺熀纭瀛eb鍓嶇鐨瀛︿範璺嚎鎬荤粨锛屽噯澶囧涔爓eb鍓嶇鐭ヨ瘑鐨勫皬浼欎即浠潵鍜屽皬缂栦竴璧风湅涓鐪嬪惂锛屽笇鏈涙湰绡囨枃绔犺兘澶熷澶у鏈夋墍甯姪銆傜涓涓樁娈碉細1銆丠TML+CSS:HTML杩涢樁銆丆SS杩涢樁銆乨iv+css甯冨眬銆丠TML+css鏁寸珯寮鍙戙2銆JavaScript鍩虹锛Js鍩虹鏁欑▼銆js鍐呯疆瀵硅薄甯哥敤鏂规硶銆佸父瑙丏OM鎿嶄綔銆...
绛旓細闆跺熀纭瀛eb鍓嶇寮鍙戯紝鍒板簳浠庡摢閲屼笅鎵嬫瘮杈冨ソ?鎬绘湁涓浜涘垵瀛eb鍓嶇鐨勫悓瀛︿細鏈夎繖鏍风殑鐤戦棶锛屼粖澶╋紝鐢佃剳鍩硅灏变粠瀛eb鍓嶇鐨勫紑鍙戜富瑕瀛︿範鐨勪笁涓儴鍒嗙粰澶у鍏蜂綋鍒嗘瀽涓涓嬶紝甯屾湜瀵瑰垵瀛eb鍓嶇鐨勪綘鏈夋墍甯姪銆備竴銆丠TML+CSS閮ㄥ垎 杩欓儴鍒嗗緢绠鍗曪紝鍒扮綉涓婃悳璧勬枡锛屼功绫嶈棰戦潪甯稿銆侰SS涓洅瀛愭ā鍨嬶紝娴佸姩锛宐lock,inline,灞傚彔...
