微信公众号，前端用什么UI框架 微信公众开发，界面尺寸设计多大的
\u5fae\u4fe1\u516c\u4f17\u53f7\u7684\u754c\u9762\u8bbe\u8ba1\u5206\u6790\u5982\u4e0b\uff1a
\u5fae\u4fe1\u516c\u4f17\u53f7\u7684\u754c\u9762\u8bbe\u8ba1\u53ef\u4ee5\u91c7\u7528\u7b2c\u4e09\u65b9\u7f16\u8f91\u5668\u8fdb\u884c\u8bbe\u8ba1\uff0c\u90fd\u662f\u514d\u8d39\u7684\uff0c\u76f4\u63a5\u53ef\u7528\u7684\u683c\u5f0f\uff0c\u5e26\u6709\u5f88\u591a\u6a21\u677f\uff0c\u6839\u636e\u9700\u8981\u9009\u62e9\u540e\u66ff\u6362\u4e3a\u81ea\u5df1\u6240\u9700\u8981\u7684\u6587\u5b57\u548c\u56fe\u7247\u5373\u53ef\u3002
1\u3001 \u767e\u5ea6\u641c\u7d22\u5728\u7ebf\u7f16\u8f91\u5668\uff0c\u8fdb\u5165\u7f16\u8f91\u5668\u754c\u9762\u3002
2\u3001\u70b9\u51fb\u5de6\u4fa7\u5206\u7c7b\u683c\u5f0f\uff0c\u5c31\u4f1a\u5217\u51fa\u5404\u79cd\u9884\u5b58\u683c\u5f0f\u4f9b\u9009\u62e9\u3002\u70b9\u51fb\u4e00\u4e2a\u6837\u5f0f\u540e\uff0c\u5c31\u4f1a\u81ea\u52a8\u63d2\u5165\u53f3\u4fa7\u7f16\u8f91\u5668\u4e2d\uff0c\u6574\u4f53\u7f16\u8f91\u5b8c\u6bd5\u540e\uff0c\u590d\u5236\u5373\u53ef\u76f4\u63a5\u7c98\u8d34\u5230\u5fae\u4fe1\u516c\u4f17\u53f7\u81ea\u5e26\u7684\u7f16\u8f91\u5668\u5185\u3002
3\u3001 \u5176\u4ed6\u66f4\u591a\u6837\u5f0f\uff0c\u4e5f\u53ef\u4ee5\u7528\u76f8\u540c\u65b9\u5f0f\u8fdb\u884c\u7f16\u8f91\uff0c\u8fd8\u53ef\u4ee5\u6574\u4e2a\u56fe\u6587\u6d88\u606f\u5185\u5bb9\u7f16\u8f91\u5b8c\u6bd5\u540e\uff0c\u518d\u4e00\u6b21\u6027\u590d\u5236\u7c98\u8d34\u5230\u5fae\u4fe1\u516c\u4f17\u53f7\u81ea\u5e26\u7684\u7f16\u8f91\u5668\u5185\uff0c\u4fdd\u5b58\u518d\u7fa4\u53d1\u3002
\u6269\u5c55\u8d44\u6599\uff1a
\u5fae\u4fe1\u516c\u4f17\u53f7\u662f\u5f00\u53d1\u8005\u6216\u5546\u5bb6\u5728\u5fae\u4fe1\u516c\u4f17\u5e73\u53f0\u4e0a\u7533\u8bf7\u7684\u5e94\u7528\u8d26\u53f7\uff0c\u8be5\u5e10\u53f7\u4e0eQQ\u8d26\u53f7\u4e92\u901a\uff0c\u901a\u8fc7\u516c\u4f17\u53f7\uff0c\u5546\u5bb6\u53ef\u5728\u5fae\u4fe1\u5e73\u53f0\u4e0a\u5b9e\u73b0\u548c\u7279\u5b9a\u7fa4\u4f53\u7684\u6587\u5b57\u3001\u56fe\u7247\u3001\u8bed\u97f3\u3001\u89c6\u9891\u7684\u5168\u65b9\u4f4d\u6c9f\u901a\u3001\u4e92\u52a8 \u3002\u5f62\u6210\u4e86\u4e00\u79cd\u4e3b\u6d41\u7684\u7ebf\u4e0a\u7ebf\u4e0b\u5fae\u4fe1\u4e92\u52a8\u8425\u9500\u65b9\u5f0f\u3002
2016\u5e741\u670818\u65e5\uff0c\u817e\u8baf\u5728\u5317\u4eac\u53d1\u5e03\u6d88\u606f\u79f0\uff0c\u4e2d\u56fd\u653f\u52a1\u5fae\u4fe1\u516c\u53f7\u5df2\u903e10\u4e07\u3002
2018\u5e744\u6708\uff0c\u5e7f\u4e1c\u7701\u7f51\u4fe1\u529e\u53d1\u5e03\u6d88\u606f\u8868\u793a\uff0c\u4e3a\u8fdb\u4e00\u6b65\u51c0\u5316\u7f51\u7edc\u7a7a\u95f4\uff0c\u89c4\u8303\u5fae\u4fe1\u4f20\u64ad\u79e9\u5e8f\u3002\u817e\u8baf\u4f9d\u636e\u6709\u5173\u6cd5\u5f8b\u6cd5\u89c4\u548c\u7528\u6237\u534f\u8bae\uff0c\u4f9d\u6cd5\u5c01\u505c\u8fdd\u6cd5\u4ece\u4e8b\u4e92\u8054\u7f51\u65b0\u95fb\u4fe1\u606f\u670d\u52a1\u3001\u7f16\u53d1\u8c23\u8a00\u548c\u865a\u5047\u4fe1\u606f\u3001\u4f20\u64ad\u6deb\u79fd\u8272\u60c5\u4fe1\u606f\u53ca\u4fb5\u6743\u5047\u5192\u4fe1\u606f\u7b49\u5fae\u4fe1\u516c\u4f17\u53f79.9\u4e07\u591a\u4e2a\u3002
2018\u5e746\u670827\u65e5\uff0c\u5fae\u4fe1\u5b98\u65b9\u5ba3\u5e03\uff0c\u5fae\u4fe1\u516c\u4f17\u5e73\u53f0\u4e0a\u7ebf\u5f00\u653e\u8f6c\u8f7d\u529f\u80fd\uff0c\u6587\u7ae0\u53ef\u4ee5\u76f4\u63a5\u88ab\u8f6c\u8f7d\uff0c\u4e0d\u9700\u8981\u4eba\u5de5\u518d\u6b21\u786e\u8ba4\u3002
\u53c2\u8003\u8d44\u6599\uff1a\u767e\u5ea6\u767e\u79d1\uff1a\u5fae\u4fe1\u516c\u4f17\u53f7
\u5fae\u4fe1\u516c\u4f17\u53f7\u7684\u754c\u9762\u8bbe\u8ba1\u53ef\u4ee5\u91c7\u7528\u7b2c\u4e09\u65b9\u7f16\u8f91\u5668\u8fdb\u884c\u8bbe\u8ba1\uff0c\u90fd\u662f\u514d\u8d39\u7684\uff0c\u76f4\u63a5\u53ef\u7528\u7684\u683c\u5f0f\uff0c\u5e26\u6709\u5f88\u591a\u6a21\u677f\uff0c\u6839\u636e\u9700\u8981\u9009\u62e9\u540e\u66ff\u6362\u4e3a\u81ea\u5df1\u6240\u9700\u8981\u7684\u6587\u5b57\u548c\u56fe\u7247\u5373\u53ef\u3002
1. \u767e\u5ea6\u641c\u7d22\u5728\u7ebf\u7f16\u8f91\u5668\uff0c\u8fdb\u5165\u7f16\u8f91\u5668\u754c\u9762\u3002
2. \u70b9\u51fb\u5de6\u4fa7\u5206\u7c7b\u683c\u5f0f\uff0c\u5c31\u4f1a\u5217\u51fa\u5404\u79cd\u9884\u5b58\u683c\u5f0f\u4f9b\u9009\u62e9\u3002
3. \u70b9\u51fb\u4e00\u4e2a\u6837\u5f0f\u540e\uff0c\u5c31\u4f1a\u81ea\u52a8\u63d2\u5165\u53f3\u4fa7\u7f16\u8f91\u5668\u4e2d\uff0c\u6574\u4f53\u7f16\u8f91\u5b8c\u6bd5\u540e\uff0c\u590d\u5236\u5373\u53ef\u76f4\u63a5\u7c98\u8d34\u5230\u5fae\u4fe1\u516c\u4f17\u53f7\u81ea\u5e26\u7684\u7f16\u8f91\u5668\u5185\u3002
4. \u5176\u4ed6\u66f4\u591a\u6837\u5f0f\uff0c\u4e5f\u53ef\u4ee5\u7528\u76f8\u540c\u65b9\u5f0f\u8fdb\u884c\u7f16\u8f91\uff0c\u8fd8\u53ef\u4ee5\u6574\u4e2a\u56fe\u6587\u6d88\u606f\u5185\u5bb9\u7f16\u8f91\u5b8c\u6bd5\u540e\uff0c\u518d\u4e00\u6b21\u6027\u590d\u5236\u7c98\u8d34\u5230\u5fae\u4fe1\u516c\u4f17\u53f7\u81ea\u5e26\u7684\u7f16\u8f91\u5668\u5185\uff0c\u4fdd\u5b58\u518d\u7fa4\u53d1\u3002
WeUI：官方出品，情怀满满，但是组件不够用。作为一个浏览器特性参考还是不错的。
SUI Mobile：阿里出品，风格仿IOS的，色调偏冷。不好搭配颜色。
maze UI：典型工程师思维的产物，只图实现，不考虑体验。不少工程师喜欢用这个，各种组件搭配起来很省事。但作为普通用户，肯定觉得这种UI风格很Low。全直角，纯色，在视觉上非常不讨喜。
MUI：用MUI开发的APP有一种深入骨髓的廉价感。
绛旓細1. 寰俊鍏紬鍙鍟嗗煄寮鍙戠殑璐圭敤鍥犲晢鍩庣被鍨嬨佸姛鑳介渶姹傘妗嗘灦閫夋嫨銆佷氦浜掍笌UI璁捐绛夊洜绱犺屾湁杈冨ぇ宸紓銆2. 寮鍙戣呴渶涓庣涓夋柟鏈嶅姟鍟嗘槑纭矡閫氳嚜宸辩殑瀹氫綅涓庢湡鏈涳紝浠ヤ究鍒跺畾鍚堥傜殑寮鍙戞柟妗堛3. 鏈嶅姟鍟嗛氬父浼氭彁渚涗笉鍚岀骇鍒殑鍟嗗煄妯℃澘渚涘鎴烽夋嫨锛屼互閫傚簲涓嶅悓闇姹傦紝鍚屾椂涔熻兘杩涜瀹氬埗寮鍙戜互婊¤冻鐗瑰畾闇姹傘4. 灏忕▼搴忓紑鍙...
绛旓細鏀寔鏇村鏉傜殑鏈嶅姟銆寰俊灏忕▼搴忓钀ラ攢鍔熻兘杩涜浜嗛檺鍒讹紝浠ョ獊鍑哄叾鏈嶅姟鐨勪究鎹锋у拰瀹炵敤鎬с4. **鐢ㄦ埛浣撻獙涓嶅悓**锛鍏紬鍙鐨勬搷浣滈氬父浼氭湁寤舵椂锛屽挨鍏舵槸姣忔閮介渶瑕佷粠鏈嶅姟鍣ㄥ姞杞介〉闈傚皬绋嬪簭鍒欐彁渚涗簡娴佺晠鐨勬搷浣滀綋楠岋紝绫讳技浜庡師鐢烝pp锛屽洜涓哄畠浠紦瀛樹簡UI鍜屽浘鐗囷紝鍑忓皯浜嗕笌鏈嶅姟鍣ㄧ殑浜や簰锛屾棤闇鍒锋柊鍗冲彲蹇熷垏鎹㈤〉闈
绛旓細鐜板湪寰俊鐨勪娇鐢ㄨ呯殑鏅強,鐜板湪澶у鏁板叕鍙稿浜寰俊鍏紬鍙杩愯惀鐨勯渶姹傝繕鏄緢澶氱殑銆傚浜庡ぇ閮ㄥ垎浼佷笟鏉ヨ,寰俊鍏紬骞冲彴閮芥棤娉曡繍钀ユ垚鍔,瀵逛簬浼佷笟鏉ヨ,寰俊鍏紬骞冲彴鍙槸涓涓兢鍙戝伐鍏枫備粬浠苟涓嶆噦濡備綍杩愯惀,鍔犱笂鎶曞叆鐨勭簿鍔涖佽储鍔涙牴鏈笉澶,鎵鏈夊ぇ澶氭暟浼佷笟瀵逛簬寰俊鍏紬鍙疯繍钀ラ渶姹傛尯澶氱殑銆備綘鍙互鐪嬬湅寰窛鍝佺墝绛栧垝搴旇鍙互甯綘瑙ｅ喅闂 ...
绛旓細鏈嶅姟鍣ㄧ寮鍙戙佹暟鎹簱鎿嶄綔銆佸墠鍚庣浜や簰鏍稿績銆寰俊鍏紬鍙寮鍙 闃舵5.JavaScript楂樼骇 JavaScript鍩虹娣卞叆鍓栨瀽銆丣avaScript闈㈠悜瀵硅薄娣卞叆璁茶В銆丣avaScript寮傛缂栫▼銆丣avaScript鍑芥暟寮忕紪绋婮avaScript璁捐妯″紡 闃舵6.鍓嶇蹇呭 鎬ц兘浼樺寲銆佺増鏈帶鍒跺伐鍏枫佹ā鍧楀寲銆侀」鐩瀯寤哄伐鍏 闃舵7.楂樼骇妗嗘灦 React妗嗘灦鍩烘湰浣跨敤銆丷eact妗嗘灦杩涢樁銆...
绛旓細1銆乁I澶存潯锛氫笓涓氱晫闈氦浜掕璁″钩鍙扮殑瀹樻柟璐﹀彿锛屽畼鏂规秷鎭彂甯,鍒嗕韩浼樼璁捐鏂囩珷,UI鎷涜仒鐩稿叧淇℃伅,琛屼笟娑堟伅,鏈嶅姟UI璁捐甯堢兢浣撱2銆乁I璁粌钀ワ細涓撲笟鐨刄I鐨鍏紬鍙,鍒嗕韩UI璁捐銆丄E鍔ㄦ晥銆丆4D鏁欑▼銆
绛旓細姝ｅ垯琛ㄨ揪寮忋佹帓搴忕畻娉曘侀掑綊绠楁硶銆侀棴鍖呫佸嚱鏁拌妭娴併佷綔鐢ㄥ煙閾俱佸熀浜庤窛绂昏繍鍔妗嗘灦銆侀潰鍚戝璞″熀纭銆丣Query锛氬熀纭浣跨敤 鎮潃鍣ㄣ丏OM鎿嶄綔銆佺壒鏁堝拰鍔ㄧ敾銆佹柟娉曢摼銆佹嫋鎷姐佸彉褰丣QueryUI缁勪欢鍩烘湰浣跨敤銆傜浜岄樁娈碉細HTML5鍜岀Щ鍔╓eb寮鍙 HTML5锛欻TML5鏂拌涔夋爣绛俱丠TML5琛ㄥ崟銆侀煶棰戝拰瑙嗛銆佺绾垮拰鏈湴瀛樺偍銆丼VG銆乄ebSocket銆...
绛旓細(1)UI涓浗:http://www.ui.cn/(2)UE璁捐骞冲彴:http://www.uehtml.com/(3)UI鍒堕犺:http://www.uimaker.com/(4)Hiiishare:http://www.hiiishare.com/(5)瀛I缃:http://www.xueui.cn/搴妗嗘灦浣跨敤杩欓噷鐨勬鏋朵富瑕佹寚鐨勬槸鍓嶇寮鍙戜腑鐨刄I妗嗘灦,鍚堢悊鐨勫埄鐢║I妗嗘灦鍙互鍦ㄧ編鍖栭〉闈㈢殑鍚屾椂鎻愰珮宸ヤ綔鏁堢巼鍜屽紑鍙戞垚鏈...
绛旓細2. 2.鏍稿績楂樼骇:JavaScript楂樼骇缂栫▼锛宧tml5+css3锛宩Query鎻掍欢寮鍙戯紝妯″潡鍖栫粍浠跺紑锛孊ootStrap Express(Node.js)锛孧ongoDB绛夈3. 3.鍓嶅彴浜や簰:AJAX锛孯EST API绛夈4.Web妗嗘灦涓庨」鐩鐞:MVC銆丮VVM鏋舵瀯妯″紡锛孷UE2锛學ebpack妯″潡鍔犺浇鍣&鎵撳寘宸ュ叿锛孯eact绛夈5.璺骞冲彴寮鍙:React Native锛屽井淇灏忕▼搴忥紝MUI绛夈傛兂...
绛旓細杩愯鏇存祦鐣咃紝鑳芥彁渚涙洿涓哄鏉傜殑鏈嶅姟銆2. 浣撻獙宸紓锛寰俊鍏紬鍙鐨勬搷浣滃欢鏃惰緝澶э紝鑰屽井淇″皬绋嬪簭鐨勪娇鐢ㄤ綋楠屾洿鎺ヨ繎鍘熺敓搴旂敤銆傚井淇″叕浼楀彿姣忔鎵撳紑閮介渶瑕佷粠鏈嶅姟鍣ㄨ姹傛暟鎹紝瀵艰嚧椤甸潰鍒锋柊鍜屽欢鏃躲傜浉姣斾箣涓嬶紝寰俊灏忕▼搴忓UI鍜屽浘鐗囪繘琛屾湰鍦扮紦瀛橈紝浠呭鏈嶅姟鍣ㄨ姹備氦浜掓暟鎹紝椤甸潰鍒囨崲鏃犻渶鍒锋柊锛屽洜姝や綋楠屾洿鍔犳祦鐣呫
绛旓細鍏充簬java闅句笉闅剧殑闂锛屼笉鍚岀殑浜鸿偗瀹氭湁涓嶅悓鐨勭湅娉曪紝鎺屾彙浜嗘柟娉曪紝灏卞彲浠ョ敤鏇存湁鏁堢巼鐨勬柟寮忚繘琛屽涔犮俲ava鏄洰鍓嶄富娴佺殑寮鍙戣瑷锛岀▼搴忓憳涓嶈鏄ぇ鏁版嵁銆佷簯璁＄畻銆亀eb鍓嶇銆佸悗绔紑鍙戠瓑閮介渶瑕佷粠java瀛﹁捣锛屽鏋滀綘鎯宠鍏T楂樿柂琛屽垪锛屽缓璁java锛乯ava瀛︿範鍐呭涓昏鏈夛細鈶燡AVA缂栫▼鍩虹锛堝熀纭璇硶銆侀潰鍚戝璞°佸拰璋愮壒鎬...
