{"id":56,"date":"2019-05-22T00:00:05","date_gmt":"2019-05-21T16:00:05","guid":{"rendered":"http:\/\/ones.software\/blog\/?p=56"},"modified":"2019-05-22T00:00:05","modified_gmt":"2019-05-21T16:00:05","slug":"front-end-001","status":"publish","type":"post","link":"https:\/\/ones.software\/code\/zh\/front-end-001\/","title":{"rendered":"Angular 8.0 \u8fce\u4f86\u7684\u65b0 rendering engine\uff1aAngular Ivy"},"content":{"rendered":"\n\t\t\t\t\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>\u8fd1\u5e74\u5927\u7d04\u516d\u500b\u6708\u4e00\u6b21\u7684 Angular \u91cd\u8981\u7248\u672c\u66f4\u65b0<a href=\"https:\/\/angular.io\/guide\/releases#release-frequency\" rel=\"noreferrer noopener\" target=\"_blank\">\u5f88\u5feb<\/a>\u5c31\u8981\u4f86\u4e86\uff01 \u5176\u4e2d\u6700\u77da\u76ee\u7684\u83ab\u904e\u65bcAngular v2 \u7b2c\u4e09\u4ee3\u7684 rendering engine&nbsp;: Angular Ivy \uff0c\u7576\u4e2d\u6709\u4ec0\u9ebc\u503c\u5f97\u6211\u5011\u7559\u610f\u7684\uff1f<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*ya_26ZeMzhMMPy3FqgS33g.png\" alt=\"\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Angular Ivy \u65e9\u5728  2018 \u5e74\u7684 4 \u6708 \u7684 <a href=\"https:\/\/www.ng-conf.org\/\" rel=\"noreferrer noopener\" target=\"_blank\">Ng-conf<\/a> \u4e2d\u5c31\u516c\u4f48\u4e86\u3002\u6709\u65b0\u7684 rendering engine \u51fa\u73fe\uff0c\u5b98\u65b9\u6240\u5f37\u8abf\u7684\u90fd\u83ab\u904e\u65bc\u5bb9\u91cf\u7d30\u3001\u901f\u5ea6\u8f03\u5feb\u3001\u7de8\u78bc\u5c64\u9762\u4e0a\u66f4\u7c21\u55ae\u3002\u4e0d\u904e\uff0c\u6709\u5e7e\u9ede\u662f Angular \u4eca\u6b21\u60f3\u900f\u904e Ivy \u4f86\u89e3\u6c7a\u7684\uff1a<\/p>\n\n\n\n<ol><li>Ivy \u70ba\u4e86\u6539\u5584\u7528\u5bb6\u9ad4\u9a57\uff0c\u4f7f<strong>\u700f\u89bd\u5668\u9700\u8981\u4e0b\u8f09\u7684\u5167\u5bb9\u66f4\u5c11<\/strong>\uff0c\u5f9e\u800c\u4f7f\u61c9\u7528\u7a0b\u5f0f\u7684\u555f\u52d5\u6642\u9593\u52a0\u5feb\u3002<\/li><li>Ivy \u901a\u904e<strong>\u7c21\u5316 API \u548c \u69cb\u5efa\u7cfb\u7d71\uff08build system\uff09<\/strong>\uff0c\u5e6b\u52a9\u958b\u767c\u4eba\u54e1\u66f4\u5bb9\u6613\u7de8\u5beb\u6e90\u78bc\u3002<\/li><li>Ivy \u901a\u904e\u5c07<strong>\u7de8\u8b6f\u7ba1\u9053\uff08<\/strong><a href=\"https:\/\/en.wikibooks.org\/wiki\/How_to_Write_a_Compiler\/The_Compilation_Pipeline\" rel=\"noreferrer noopener\" target=\"_blank\"><strong>compilation pipeline<\/strong><\/a><strong>\uff09\u8b8a\u5f97\u66f4\u5e73\u6613\u8fd1\u4eba<\/strong>\uff0c\u4f7f\u5f97\u7b2c\u4e09\u65b9\u7684\u958b\u767c\u66f4\u70ba\u53ef\u80fd\uff0c\u6709\u52a9 Angular \u793e\u5340\u767c\u5c55\u3002<\/li><\/ol>\n\n\n\n<p>\u4e0d\u904e\u65b0\u4e8b\u7269\u7684\u51fa\u73fe\uff0c\u7a0b\u5f0f\u54e1\u7b2c\u4e00\u6a23\u95dc\u5fc3\u7684\u4e8b\u60c5\u5c31\u662f\u7528\u4e0d\u7528\u6539\u4e4b\u524d\u7684\u4ee3\u78bc\uff1f\u7b54\u6848\u662f\uff1a<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>100% Backwards Compatible\uff01<\/p><\/blockquote>\n\n\n\n<p>\u7686\u56e0 Google \u672c\u8eab\u4e5f\u6709 600+ \u500b\u670d\u52d9\u90fd\u662f\u7528 Angular \u4f86\u7de8\u5beb\uff0cGoogle \u4ea6\u4e0d\u5bb9\u8a31\u7576\u65b0\u7684 Angular \u7248\u672c\u63a8\u51fa\u6642\uff0c\u4ecd\u7136\u4f7f\u7528\u820a\u7684\u7248\u672c\uff0c\u6240\u4ee5 Angular \u5e7e\u4e4e\u4e0d\u53ef\u80fd\u505a\u51fa\u4e00\u500b\u5177\u65b7\u88c2\u6027\u7684\u6539\u8b8a\uff0c\u6240\u4ee5\u5404\u4f4d\u7a0b\u5f0f\u54e1\u8acb\u653e\u5fc3\u4f7f\u7528\u3002<\/p>\n\n\n\n<p>\u5728\u7de8\u78bc\u5c64\u9762\u4e0a\uff0cIvy \u6709\u5e7e\u500b\u91cd\u5927\u7684\u66f4\u65b0\uff0c\u5176\u4e2d\u5305\u62ec\uff1a<\/p>\n\n\n\n<ol><li>Locality<\/li><li>Tree-Shaking<\/li><li>Low Memory Footprint<\/li><\/ol>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3>Locality<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*h4spYXz6wdG_gqciqAUmpw.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>\u300clocality\u300d\u770b\u4f86\u662f Angular \u958b\u767c\u5718\u968a\u6240\u63d0\u51fa\u7684\u65b0\u540d\u8a5e\uff0c\u9019\u88e1\u5bb9\u8a31\u6211\u8b6f\u4f5c\u70ba<strong>\u5c40\u90e8\u6027<\/strong>\u3002<strong>\u5c40\u90e8\u6027<\/strong>\u7684\u610f\u601d\u662f\u6307\u7576 Angular \u7684\u7de8\u8b6f\u5668\uff08compiler\uff09\u7ffb\u8b6f\u6a21\u677f\uff08template\uff09\u7684\u6642\u5019\uff0c\u7de8\u8b6f\u5668\u53ea\u6703\u5141\u8a31\u4f7f\u7528\u5c0d\u5176\u4f86\u8aaa\u662f <strong>\u5c6c\u65bc\u8a72\u5c40\u90e8<\/strong>\uff08<strong>local<\/strong>\uff09\u7684\u4fe1\u606f\uff0c\u4ea6\u5373\u662f\u90a3\u4e9b\u7531\u5176 component decorator \u8207 class \u6240\u5b9a\u7fa9\u7684\u4fe1\u606f\u3002\u7576\u9700\u8981\u91cd\u65b0\u7de8\u8b6f\u67d0\u4e00\u7d44\u4ef6\u6642\uff0c\u56e0\u70ba\u4e0d\u76f4\u63a5\u95dc\u806f\u7684\u4f9d\u8cf4\uff08dependency\uff09\u4e0d\u6703\u727d\u6d89\u5728\u7de8\u8b6f\u7684\u904e\u7a0b\u4e4b\u5167\uff0c\u6240\u4ee5\u5c31\u80fd\u5920\u5be6\u884c<strong>\u7d2f\u52a0\u7d44\u5efa\uff08<\/strong><a href=\"http:\/\/google.github.io\/incremental-dom\/\" rel=\"noreferrer noopener\" target=\"_blank\"><strong>incremental build<\/strong><\/a><strong>\uff09<\/strong>\uff0c\u6bcb\u9808\u6bcf\u6b21\u90fd\u8981\u6e32\u67d3\u4e00\u6574\u500b\u5168\u65b0\u7684 virtual DOM tree\uff0c\u91cd\u65b0\u7de8\u8b6f\u7684\u6642\u9593\u8f03\u77ed\uff0c\u7522\u751f\u51fa\u4f86\u7684\u4ee3\u78bc\u9ad4\u7a4d\u4ea6\u8f03\u5c0f\u3002<\/p>\n\n\n\n<p><a href=\"https:\/\/www.ng-conf.org\/\" rel=\"noreferrer noopener\" target=\"_blank\">Ng-conf<\/a> \u4ea6\u63d0\u5230<strong>\u5c40\u90e8\u6027<\/strong>\u7684\u5176\u4ed6\u597d\u8655\uff1a<\/p>\n\n\n\n<ol><li>\u5141\u8a31\u7b2c\u4e09\u65b9\u7684 library \u5c07\u9810\u5148\u7de8\u8b6f\u597d\u7684\u6a21\u677f\uff0c\u76f4\u63a5\u767c\u9001\u5230 NPM\u3002\u5c0d\u65bc\u4f7f\u7528\u9019\u4e9b library \u7684\u61c9\u7528\u7a0b\u5f0f\u4f86\u8aaa\uff0c\u80fd\u5920\u7c21\u5316\u548c\u52a0\u901f\u7de8\u8b6f\u904e\u7a0b\u3002<\/li><li><a href=\"https:\/\/angular.io\/guide\/aot-compiler#angular-compilation\" rel=\"noreferrer noopener\" target=\"_blank\">AoT \/ JIT<\/a> \u6240\u7522\u751f\u4ee3\u78bc\u8fd1\u4e4e\u4e00\u6a23\uff0c\u4f7f\u958b\u767c\u3001\u6e2c\u8a66\u6642\u80fd\u5920\u5bb9\u6613\u5730\u5408\u7528\u9019\u5169\u7a2e\u4ee3\u78bc\u3002<\/li><li><code>metadata.json<\/code> \u6d88\u5931\u4e86\uff0c\u9019\u5927\u5927\u7c21\u5316\u7b2c\u4e09\u65b9 library \u7684\u767c\u4f48\u53ca\u958b\u767c\uff0c\u4ee5\u53ca\u548c\u73fe\u5b58\u5de5\u5177\u93c8\uff08<strong>tool chain<\/strong>\uff09\u7684<a href=\"https:\/\/zh.wikipedia.org\/wiki\/%E4%BA%92%E6%93%8D%E4%BD%9C%E6%80%A7\" rel=\"noreferrer noopener\" target=\"_blank\">\u4e92\u7528\u6027<\/a>\u3002<\/li><li>\u5927\u91cf\u6e1b\u7701\u7de8\u8b6f\u5716\uff08compilation graph\uff09\uff0c\u9019\u80fd\u7c21\u5316\u7d44\u5efa\u5de5\u5177\uff0c\u91cd\u5efa\u5927\u578b\u9805\u76ee\u7684\u6642\u9593\u4ea6\u80fd\u7e2e\u77ed\u3002<\/li><li>\u5141\u8a31\u5143\u7de8\u7a0b\uff08<a href=\"https:\/\/blog.nrwl.io\/metaprogramming-higher-order-components-and-mixins-with-angular-ivy-75748fcbc310\" rel=\"noreferrer noopener\" target=\"_blank\">meta-programming<\/a>\uff09\uff0c\u80fd\u5920\u4ee4 component \u53ef\u4ee5\u5728\u57f7\u884c\u671f\uff08run time\uff09\u5167\u5275\u5efa\uff0cHigher Order Components \u4ea6\u80fd\u5b8c\u5168\u5be6\u73fe\u3002<\/li><\/ol>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3>Tree-Shaking<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*HMQ8W_d9N05skKrvqmXzkw.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>\u6bd4\u8d77\u5927\u91cf\u904b\u7528 Virtual DOM \u7684\u4e3b\u6d41 framework\uff0cIvy \u6240\u7528\u7684 incremental DOM <a href=\"https:\/\/blog.nrwl.io\/understanding-angular-ivy-incremental-dom-and-virtual-dom-243be844bf36\" rel=\"noreferrer noopener\" target=\"_blank\">\u66f4\u6709\u5229\u65bcTree-Shaking<\/a>\u3002Tree-Shaking \u662f \u6b7b\u78bc\u522a\u9664 \uff08Dead code elimination\uff0fDCE\uff09 \u7684\u4e00\u7a2e\uff0c \u5b83\u7684\u7528\u9014\u662f\u79fb\u9664\u5c0d\u7a0b\u5f0f\u57f7\u884c\u7d50\u679c\u6c92\u6709\u4efb\u4f55\u5f71\u97ff\u7684\u6e90\u78bc\u3002\u4e0d\u904e\u76f8\u5c0d\u65bc\u50b3\u7d71DCE \u53ea\u662f\u79fb\u9664\u6c38\u9060\u4e0d\u80fd\u57f7\u884c\u7684\u4ee3\u78bc\uff0cTree-Shaking \u80fd\u5920\u5f9e\u7a0b\u5f0f\u7684\u5165\u53e3\u9ede\u958b\u59cb\uff0c\u4e26\u4e14\u900f\u904e \u975c\u614b\u7a0b\u5f0f\u5206\u6790 \uff08Static program analysis\uff09\u4f86\u79fb\u9664\u4e0d\u6703\u57f7\u884c\u7684\u4ee3\u78bc\u3002 \u4e0a\u4ee3\u7684 Renderer2 \u548c Ivy Render \u540c\u6a23\u90fd\u6709\u904b\u7528Tree-Shaking\uff0c\u4f46 Ivy \u5c07\u6e90\u78bc\u5206\u89e3\u70ba\u66f4\u7d30\u5c0f\u3001\u66f4\u539f\u5b50\u5316\u7684 function\uff0c\u66f4\u6709\u5229 Tree-Shaking \u7684\u904b\u7528\uff0c\u5f9e\u800c\u7522\u751f\u66f4\u5c0f\u7684 bundle\u3002<\/p>\n\n\n\n<p>\u4ee5\u4e0b\u7684 Angular \u7279\u6027\u90fd\u662f\u80fd\u5920\u88ab Tree-Shaking\uff1a<\/p>\n\n\n\n<ul><li>Template syntax<\/li><li>Dependency injection<\/li><li>Content projection<\/li><li>Structural directives<\/li><li>Life cycle hooks<\/li><li>Pipes<\/li><li>Queries<\/li><li>Listeners<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*VaArZXvxDhxAuQYGw7Y6lA.png\" alt=\"\"\/><figcaption>Source: ngConf-2018 keynote<\/figcaption><\/figure>\n\n\n\n<p>\u8b6c\u5982\u4e0a\u5716\u7684\u4f8b\u5b50\uff0c\u7531\u65bc\u53ea\u6709 <code>someFn<\/code>\u88ab <code>main<\/code> \u5f15\u7528\uff0c\u800c <code>unusedFn<\/code> \u6c92\u6709\uff0c\u6240\u4ee5\u6700\u7d42Ivy Render \u7de8\u8b6f\u51fa\u4f86\u7684bundle \u5c31\u4e0d\u6703\u5305\u542b<code>unusedFn<\/code>\u9019\u500b function\u4e86\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*qwjWBTx53i0TX5ZTYEkZ4A.png\" alt=\"\"\/><figcaption>Source: ngConf-2018 keynote<\/figcaption><\/figure>\n\n\n\n<p>\u4f46\u5982\u679c <code>unusedFn<\/code> \u727d\u6d89\u5230\u689d\u4ef6\u4e0a\u7684\u6aa2\u67e5\uff0c\u5373\u4f7f\u689d\u4ef6\u6700\u7d42\u70ba<code>false<\/code>\u800c\u4e0d\u6703\u7528\u5230<code>unusedFn<\/code>\uff0cIvy Render \u7de8\u8b6f\u51fa\u4f86\u7684bundle \u4ecd\u7136\u6703\u4fdd\u7559<code>unusedFn<\/code>\u3002\u57fa\u65bc\u975c\u614b\u7a0b\u5f0f\u5206\u6790\u53ea\u6703\u5617\u8a66\u5728\u4e0d\u5be6\u969b\u904b\u884c\u7a0b\u5f0f\u7684\u60c5\u6cc1\u4e0b\uff0c\u627e\u51fa\u6240\u9700\u5167\u5bb9\uff0c\u800c\u5b83\u901a\u5e38\u8981\u5047\u8a2d\u6700\u58de\u7684\u60c5\u6cc1\u4ee5\u78ba\u4fdd\u7de8\u8b6f\u51fa\u4f86\u7684\u7a0b\u5f0f\u662f\u6b63\u78ba\u7121\u8aa4\uff0cIvy Render\u4e26\u4e0d\u6703\u6e05\u695a\u5728 runtime \u6642\u8a72\u503c\u70ba\u4f55\uff0c\u5c31\u6703\u4fdd\u7559<code>unusedFn<\/code>\u3002\u6240\u4ee5\u7de8\u5beb\u6e90\u78bc\u6642\u5c31\u8981\u907f\u514d\u9019\u7a2e\u60c5\u6cc1\uff0c\u4e0d\u8981\u904e\u4efd\u4f9d\u8cf4 Ivy Render \u7684 Tree-Shaking\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3>Low Memory Footprint<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*Y0sDZZmU6jgjUFApLJNQTQ.png\" alt=\"\"\/><\/figure>\n\n\n\n<p><strong>Memory Footprint \uff08<\/strong> \u8a18\u61b6\u8db3\u8de1<strong>\uff09<\/strong>\u6307\u7684\u662f\u4e00\u500b\u7a0b\u5f0f\u5728\u904b\u884c\u6642\u6240\u9700\uff0f\u5f15\u7528\u7684\u4e3b\u8a18\u61b6\u9ad4\u6578\u91cf\uff0c\u800c\u4f7f\u7528 incremental DOM \u7684 Ivy \u5c31\u80fd\u964d\u4f4e\u8a18\u61b6\u8db3\u8de1\u3002<\/p>\n\n\n\n<p>\u4e3b\u6d41 framework \u6240\u4f7f\u7528\u7684 virtual DOM \u5728\u6bcf\u4e00\u6b21\u91cd\u65b0\u6e32\u67d3\u7684\u6642\u5019\uff0c\u6703\u6574\u68f5DOM tree \u4e5f\u6703\u91cd\u65b0\u5efa\u7acb\u4e00\u6b21\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*ILRiBFf_PhCKHYEfPjuHwQ.png\" alt=\"\"\/><figcaption>\uff08From\uff1a <a href=\"https:\/\/blog.nrwl.io\/understanding-angular-ivy-incremental-dom-and-virtual-dom-243be844bf36\" rel=\"noreferrer noopener\" target=\"_blank\">https:\/\/blog.nrwl.io\/understanding-angular-ivy-incremental-dom-and-virtual-dom-243be844bf36<\/a>\uff09<\/figcaption><\/figure>\n\n\n\n<p>\u800c incremental DOM \u56e0\u70ba\u7576 DOM \u7bc0\u9ede\u6709\u52a0\u6e1b\u624d\u9700\u8981\u5206\u914d\u8a18\u61b6\u9ad4\uff0c\u9664\u6b64\u4e4b\u5916\u5c31\u7121\u9700\u4f7f\u7528\u5167\u5b58\u7a7a\u9593\u3002\u800c\u7531\u65bc\u5927\u90e8\u5206\u7684\u6e32\u67d3\u548c\u6a21\u677f\u8abf\u7528\uff08 template calls\uff09\u90fd\u6bcb\u9808DOM \u7bc0\u9ede\u4e0a\u7684\u6539\u8b8a\uff0c\u76f8\u5c0d\u5730\u5c31\u80fd\u5927\u5e45\u6e1b\u5c11\u904b\u884c\u7a0b\u5f0f\u6642\u7684\u8a18\u61b6\u9ad4\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*3DcbCfvQWLNXTvo_4dYduA.png\" alt=\"\"\/><figcaption>\uff08From\uff1a <a href=\"https:\/\/blog.nrwl.io\/understanding-angular-ivy-incremental-dom-and-virtual-dom-243be844bf36\" rel=\"noreferrer noopener\" target=\"_blank\">https:\/\/blog.nrwl.io\/understanding-angular-ivy-incremental-dom-and-virtual-dom-243be844bf36<\/a>\uff09<\/figcaption><\/figure>\n\n\n\n<p>Angular v8\uff0drc4 \u7248\u672c\u5728 May 16, 2019 \u5df2\u7d93\u767c\u4f48\uff0cAngular v8 \u76f8\u4fe1\u5f88\u5feb\u5c31\u6703\u63a8\u51fa\uff0c\u6211\u5011\u76f8\u7576\u671f\u5f85\u6b63\u5f0f\u7248\u7684 Ivy rendering engine \u8b93\u7a0b\u5f0f\u54e1\u6bcb\u9808\u5927\u91cf\u91cd\u5beb\u6e90\u78bc\uff0c\u5c31\u80fd\u5920\u66f4\u6709\u6548\u904b\u7528\u524d\u53f0\u8cc7\u6e90\u3002<\/p>\n\n\n\n<p>\n\n\u66f4\u591a\u8cc7\u8a0a\u53ef\u4ee5\u7559\u610f ONES Publication \u5b9a\u671f\u767c\u4f48\u7684\u6587\u7ae0\uff0c\u4ea6\u53ef\u4ee5\u806f\u7d61\u6211\u5011\uff0c\u6211\u5011\u7684\u7db2\u5740\u662f\uff1a <a rel=\"noreferrer noopener\" href=\"https:\/\/ones.software\/\" target=\"_blank\">https:\/\/ones.software\ufeff<\/a><\/p>\n\n\n\n<p>Ref:<\/p>\n\n\n\n<p><a href=\"https:\/\/juristr.com\/blog\/2019\/05\/Angular-8-and-the-Future-NGConf-2019-Roundup\/#ivy-features\">https:\/\/juristr.com\/blog\/2019\/05\/Angular-8-and-the-Future-NGConf-2019-Roundup\/#ivy-features<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/is-angular-ivy-ready.firebaseapp.com\/#\/status\">https:\/\/is-angular-ivy-ready.firebaseapp.com\/#\/status<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/blog.angular.io\/a-plan-for-version-8-0-and-ivy-b3318dfc19f7\">https:\/\/blog.angular.io\/a-plan-for-version-8-0-and-ivy-b3318dfc19f7<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/blog.nrwl.io\/understanding-angular-ivy-incremental-dom-and-virtual-dom-243be844bf36\">https:\/\/blog.nrwl.io\/understanding-angular-ivy-incremental-dom-and-virtual-dom-243be844bf36<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/medium.com\/grapecity\/what-to-expect-in-angular-8-940b217b63cb\">https:\/\/medium.com\/grapecity\/what-to-expect-in-angular-8-940b217b63cb<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/Tree_shaking\">https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/Tree_shaking<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.telerik.com\/blogs\/an-early-look-at-angular-8-get-ready-for-opt-in-ivy-preview\">https:\/\/www.telerik.com\/blogs\/an-early-look-at-angular-8-get-ready-for-opt-in-ivy-preview<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.zhihu.com\/question\/266923267\/answer\/316279829\">https:\/\/www.zhihu.com\/question\/266923267\/answer\/316279829<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.telerik.com\/blogs\/first-look-angular-ivy\">https:\/\/www.telerik.com\/blogs\/first-look-angular-ivy<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/juejin.im\/entry\/5c01665a51882516cd70c661\">https:\/\/juejin.im\/entry\/5c01665a51882516cd70c661<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/blog.nrwl.io\/metaprogramming-higher-order-components-and-mixins-with-angular-ivy-75748fcbc310\">https:\/\/blog.nrwl.io\/metaprogramming-higher-order-components-and-mixins-with-angular-ivy-75748fcbc310<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/blog.angularindepth.com\/ivy-engine-in-angular-first-in-depth-look-at-compilation-runtime-and-change-detection-876751edd9fd\">https:\/\/blog.angularindepth.com\/ivy-engine-in-angular-first-in-depth-look-at-compilation-runtime-and-change-detection-876751edd9fd<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/blog.angularindepth.com\/inside-ivy-exploring-the-new-angular-compiler-ebf85141cee1\">https:\/\/blog.angularindepth.com\/inside-ivy-exploring-the-new-angular-compiler-ebf85141cee1<\/a><\/p>\n\n\n\n<p><\/p>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\t\t\t\t\u8fd1\u5e74\u5927\u7d04\u516d\u500b\u6708\u4e00\u6b21\u7684 Angular \u91cd\u8981\u7248\u672c\u66f4\u65b0\u5f88\u5feb\u5c31\u8981\u4f86\u4e86\uff01 \u5176\u4e2d\u6700\u77da\u76ee\u7684\u83ab\u904e\u65bcAngular v2 \u7b2c\u4e09\u4ee3\u7684 rendering engine : Angular Ivy \uff0c\u7576\u4e2d\u6709\u4ec0\u9ebc\u503c\u5f97\u6211\u5011\u7559\u610f\u7684\uff1f\t\t<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false},"categories":[7,15],"tags":[21,22,42,96],"_links":{"self":[{"href":"https:\/\/ones.software\/code\/zh\/wp-json\/wp\/v2\/posts\/56"}],"collection":[{"href":"https:\/\/ones.software\/code\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ones.software\/code\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ones.software\/code\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ones.software\/code\/zh\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":0,"href":"https:\/\/ones.software\/code\/zh\/wp-json\/wp\/v2\/posts\/56\/revisions"}],"wp:attachment":[{"href":"https:\/\/ones.software\/code\/zh\/wp-json\/wp\/v2\/media?parent=56"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ones.software\/code\/zh\/wp-json\/wp\/v2\/categories?post=56"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ones.software\/code\/zh\/wp-json\/wp\/v2\/tags?post=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}