{"id":134,"date":"2007-07-08T19:28:57","date_gmt":"2007-07-08T23:28:57","guid":{"rendered":"http:\/\/www.cchsu.com\/arthur\/2007\/07\/08\/134\/"},"modified":"2007-07-08T19:29:30","modified_gmt":"2007-07-08T23:29:30","slug":"ui-%e9%96%8b%e7%99%bc%e9%9b%9c%e8%ab%87-2","status":"publish","type":"post","link":"http:\/\/www.cchsu.com\/arthur\/2007\/07\/08\/134\/","title":{"rendered":"UI \u958b\u767c\u96dc\u8ac7 (2)"},"content":{"rendered":"<p>\u7531\u65bc\u8001\u5e74\u75f4\u5446\u7684\u95dc\u4fc2\uff0c\u8a73\u7d30\u6642\u9593\u6709\u9ede\u8a18\u4e0d\u5f97\u4e86\uff0c\u4f46\u5927\u7d04\u662f\u5728 VB 5.0 \u7684\u6642\u4ee3\uff0cUI \u7684\u958b\u767c\u6709\u4e00\u80a1\u65b0\u8208\u7684\u6f6e\u6d41\u5d1b\u8d77\uff0c\u6211\u5011\u7a31\u5b83\u70ba\u300c\u5167\u5d4c\u5f0f HTML\u300d\u6280\u8853\u3002\u9867\u540d\u601d\u7fa9\uff0c\u5c31\u662f\u5229\u7528 HTML \u4f86\u7576\u6210 desktop application \u7684 UI\u3002\u6703\u4fc3\u4f7f\u4eba\u5011\u9019\u9ebc\u505a\u7684\u7406\u7531\uff0c\u6211\u500b\u4eba\u53ef\u4ee5\u60f3\u5230\u7684\u662f<\/p>\n<ul>\n<li>It feels cool!<\/li>\n<li>i18n \u7684\u554f\u984c\uff0c\u7528 HTML \u4f86\u505a\u7684\u8a71\u5bb9\u6613\u7684\u591a<\/li>\n<li>\u53ef\u4ee5\u505a\u51fa\u975e\u5e38\u8c50\u5bcc\u7684 look-and-feel\uff0c\u4e0d\u518d\u53d7\u5236\u65bc Windows Control<\/li>\n<li>\u53ef\u4ee5\u6709\u9650\u5ea6\u5730\u5c07 presentation \u8207 business logic \u5206\u958b<\/li>\n<\/ul>\n<p>\u4e00\u822c\u6700\u6d41\u884c\u7684\u505a\u6cd5\u662f\u5728\u7a0b\u5f0f\u4e2d\u5167\u5d4c Internet Explorer (\u5229\u7528 IWebBrowser2 COM interface)\uff0c\u9019\u500b\u505a\u6cd5\u6709\u984d\u5916\u7684\u597d\u8655<\/p>\n<ul>\n<li>\u53ef\u4ee5\u5229\u7528\u73fe\u6210\u7684 HTTP\/HTTPS \u4f86\u7a7f\u904e\u9632\u706b\u7246\u5c0d backend \u50b3\u8f38\u8cc7\u6599<\/li>\n<li>\u53ef\u4ee5\u514b\u670d\u7d14 web client \u7121\u6cd5\u505a\u5230\u7684\u4e8b (e.g. drag-n-drop\uff0cprinter control)<\/li>\n<\/ul>\n<p>\u4e0d\u904e\u5462\uff0c\u773e\u6240\u5468\u77e5\uff0cIE \u6709\u8a31\u591a\u7f3a\u9ede\uff0c\u6bd4\u5982\u8aaa\u5b89\u5168\u6027\u6f0f\u6d1e (\u6709\u6c92\u6709\u4e0a\u5343\u4e0d\u6e05\u695a\uff0c\u7d55\u5c0d\u6709\u4e09\u4f4d\u6578\u5b57)\u3001\u8a18\u61b6\u9ad4\u7528\u91cf\u3001javascript engine \u7684\u932f\u8aa4\u8655\u7406\u5f88\u96e3\u641e\u7b49\u7b49\uff0c\u4f46\u5b83\u7684\u512a\u9ede\u5f80\u5f80\u6703\u8b93\u7a0b\u5f0f\u958b\u767c\u5546\u4e0d\u5f97\u4e0d\u9078\u64c7\u5b83\u3002\u9664\u6b64\u4e4b\u5916\uff0cIE (\u6216\u6211\u8a72\u8aaa\uff0cMicrosoft) \u5c0d\u65bc CSS \u7684\u652f\u63f4\u8208\u8da3\u7f3a\u7f3a (\u56e0\u70ba\u5b83\u4e0d\u662f XML-based)\uff0c\u5c0e\u81f4\u8a31\u591a UI \u6548\u679c\u90fd\u5fc5\u9808\u4f7f\u7528 javascript \u6216\u76f4\u63a5 manipulate DOM \u4f86\u5b8c\u6210 (\u4f8b\u5982\u6700\u7c21\u55ae\u7684 menu \u6216 context menu)\uff0c\u9019\u6703\u8b93\u7a0b\u5f0f\u7684\u8907\u96dc\u5ea6\u589e\u52a0\uff0c\u76f8\u5c0d\u5730\u7dad\u8b77\u7684\u6210\u672c\u4e5f\u6703\u589e\u52a0\u3002\u9664\u6b64\u4e4b\u5916\uff0cjavascript \u7684\u96e3\u4ee5\u9664\u932f\u8207\u6162\u541e\u541e\u7684\u57f7\u884c\u6548\u7387\u4e5f\u662f\u8b93\u4eba\u65e5\u5b50\u96e3\u904e\u7684\u6771\u897f\u3002<\/p>\n<p>\u73fe\u5728\u5c0d\u65bc\u5167\u5d4c\u5f0f HTML\uff0c\u9084\u6709\u5176\u4ed6\u7684\u9078\u64c7\uff0c\u4f8b\u5982 Gecko (Firefox \u7684 engine)\uff0c\u6216\u662f <a href=\"http:\/\/www.terrainformatica.com\/htmlayout\">HTMLayout<\/a>\uff0c\u9019\u5169\u500b\u5f15\u64ce\u5c0d\u65bc CSS \u7684\u652f\u63f4\u8f03\u597d\uff0c\u53ef\u73a9\u8a31\u591a\u6771\u897f\uff0c\u4e0d\u904e\u76ee\u524d\u5e02\u9762\u4e0a\u4ecd\u662f\u4ee5\u5167\u5d4c IE \u70ba\u5927\u5b97\u5c31\u662f\u4e86\uff0c\u4e5f\u8a31\u5728\u672a\u4f86\u6211\u5011\u6703\u770b\u5230\u66f4\u591a<a href=\"http:\/\/developer.mozilla.org\/en\/docs\/Gecko_Embedding_Basics\">\u5167\u5d4c Gecko \u5f15\u64ce<\/a>\u7684\u61c9\u7528\u7a0b\u5f0f\u4e5f\u8aaa\u4e0d\u5b9a\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u7531\u65bc\u8001\u5e74\u75f4\u5446\u7684\u95dc\u4fc2\uff0c\u8a73\u7d30\u6642\u9593\u6709\u9ede\u8a18\u4e0d\u5f97\u4e86\uff0c\u4f46\u5927\u7d04\u662f\u5728 VB 5.0 \u7684\u6642\u4ee3\uff0cUI \u7684\u958b\u767c\u6709\u4e00\u80a1\u65b0\u8208\u7684\u6f6e\u6d41\u5d1b\u8d77\uff0c\u6211\u5011\u7a31\u5b83\u70ba\u300c\u5167\u5d4c\u5f0f HTML\u300d\u6280\u8853\u3002\u9867\u540d\u601d\u7fa9\uff0c\u5c31\u662f\u5229\u7528 HTML \u4f86\u7576\u6210 desktop application \u7684 UI\u3002\u6703\u4fc3\u4f7f\u4eba\u5011\u9019\u9ebc\u505a\u7684\u7406\u7531\uff0c\u6211\u500b\u4eba\u53ef\u4ee5\u60f3\u5230\u7684\u662f It feels cool! i18n \u7684\u554f\u984c\uff0c\u7528 HTML \u4f86\u505a\u7684\u8a71\u5bb9\u6613\u7684\u591a \u53ef\u4ee5\u505a\u51fa\u975e\u5e38\u8c50\u5bcc\u7684 look-and-feel\uff0c\u4e0d\u518d\u53d7\u5236\u65bc Windows Control \u53ef\u4ee5\u6709\u9650\u5ea6\u5730\u5c07 presentation \u8207 business logic \u5206\u958b \u4e00\u822c\u6700\u6d41\u884c\u7684\u505a\u6cd5\u662f\u5728\u7a0b\u5f0f\u4e2d\u5167\u5d4c Internet Explorer (\u5229\u7528 IWebBrowser2 COM interface)\uff0c\u9019\u500b\u505a\u6cd5\u6709\u984d\u5916\u7684\u597d\u8655 \u53ef\u4ee5\u5229\u7528\u73fe\u6210\u7684 HTTP\/HTTPS \u4f86\u7a7f\u904e\u9632\u706b\u7246\u5c0d backend \u50b3\u8f38\u8cc7\u6599 \u53ef\u4ee5\u514b\u670d\u7d14 web client \u7121\u6cd5\u505a\u5230\u7684\u4e8b (e.g. drag-n-drop\uff0cprinter control) \u4e0d\u904e\u5462\uff0c\u773e\u6240\u5468\u77e5\uff0cIE \u6709\u8a31\u591a\u7f3a\u9ede\uff0c\u6bd4\u5982\u8aaa\u5b89\u5168\u6027\u6f0f\u6d1e (\u6709\u6c92\u6709\u4e0a\u5343\u4e0d\u6e05\u695a\uff0c\u7d55\u5c0d\u6709\u4e09\u4f4d\u6578\u5b57)\u3001\u8a18\u61b6\u9ad4\u7528\u91cf\u3001javascript engine \u7684\u932f\u8aa4\u8655\u7406\u5f88\u96e3\u641e\u7b49\u7b49\uff0c\u4f46\u5b83\u7684\u512a\u9ede\u5f80\u5f80\u6703\u8b93\u7a0b\u5f0f\u958b\u767c\u5546\u4e0d\u5f97\u4e0d\u9078\u64c7\u5b83\u3002\u9664\u6b64\u4e4b\u5916\uff0cIE (\u6216\u6211\u8a72\u8aaa\uff0cMicrosoft) \u5c0d\u65bc [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,2,5],"tags":[],"_links":{"self":[{"href":"http:\/\/www.cchsu.com\/arthur\/wp-json\/wp\/v2\/posts\/134"}],"collection":[{"href":"http:\/\/www.cchsu.com\/arthur\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.cchsu.com\/arthur\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.cchsu.com\/arthur\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.cchsu.com\/arthur\/wp-json\/wp\/v2\/comments?post=134"}],"version-history":[{"count":0,"href":"http:\/\/www.cchsu.com\/arthur\/wp-json\/wp\/v2\/posts\/134\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.cchsu.com\/arthur\/wp-json\/wp\/v2\/media?parent=134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.cchsu.com\/arthur\/wp-json\/wp\/v2\/categories?post=134"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.cchsu.com\/arthur\/wp-json\/wp\/v2\/tags?post=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}