\u4e00.WXML\u6a21\u677f\u8bed\u6cd5<\/h1> \n 1.1 \u6570\u636e\u7ed1\u5b9a<\/h2> \n \n - \u7ed1\u5b9a\u5185\u5bb9<\/li> \n <\/ul> \n
\u8ddfvue\u5dee\u4e0d\u591a\uff0c\u5728\u9875\u9762\u7684js\u6587\u4ef6\u5b9a\u4e49\u5230data\u91cc\u9762<\/p> \n
<\/p> \n
\u7136\u540e\u901a\u8fc7\u63d2\u503c\u8bed\u6cd5\u7528\u5728wxml\u4e2d\u5373\u53ef<\/p> \n
<\/p> \n
\n -
\u7ed1\u5b9a\u5c5e\u6027<\/p>
<\/p>
\u76f4\u63a5\u5199\u4e0a\u63d2\u503c\u8bed\u6cd5\uff0c\u6ca1\u6709\uff1a<\/p>
<\/p> <\/li> \n
-
\u4e09\u5143\u8fd0\u7b97<\/p>
\u751f\u6210\u4e00\u4e2a\u5341\u4ee5\u5185\u7684\u968f\u673a\u6570<\/p>
<\/p>
<\/p> <\/li> \n
-
\u7b97\u6570\u8fd0\u7b97<\/p>
<\/p>
<\/p> <\/li> \n <\/ul> \n
1.2 \u4e8b\u4ef6\u7ed1\u5b9a<\/h2> \n
\u5c0f\u7a0b\u5e8f\u5e38\u7528\u4e8b\u4ef6<\/p> \n
<\/p> \n
\u5c0f\u7a0b\u5e8f\u4e8b\u4ef6\u5bf9\u8c61\u5e38\u7528\u5c5e\u6027<\/p> \n
<\/p> \n
target\u548ccurrentTarget\u7684\u533a\u522b\uff0ctarget\u662f\u89e6\u53d1\u4e8b\u4ef6\u7684\u6e90\u5934\u7ec4\u4ef6\uff0c\u800ccurrentTarget\u662f\u5f53\u524d\u89e6\u53d1\u8fd9\u4e2a\u4e8b\u4ef6\u7684\u7ec4\u4ef6<\/p> \n
<\/p> \n
\u8981\u7ed1\u5b9a\u4e00\u4e2a\u4e8b\u4ef6\u53ea\u9700\u8981\u5728\u7ec4\u4ef6\u4e0a\u5199\u4e0a\u4e8b\u4ef6\u7c7b\u578b\u4ee5\u53ca\u5bf9\u5e94\u7684\u56de\u8c03\u51fd\u6570<\/p> \n
<\/p> \n
\u7136\u540e\u56de\u8c03\u51fd\u6570\u5199\u5728\u5bf9\u5e94\u7684js\u6587\u4ef6\u91cc\u9762\uff0c\u6ca1\u6709\u4ec0\u4e48\u5305\u88f9\u76f4\u63a5\u5199\u5728\u5916\u5c42<\/p> \n
<\/p> \n
1.2.1 \u4fee\u6539data\u6570\u636e<\/h3> \n
\u8fd9\u91cc\u4fee\u6539data\u91cc\u9762\u7684\u6570\u636e\uff0c\u9700\u8981\u5728\u51fd\u6570\u91cc\u9762\u6765\u6539\uff0c\u800c\u4e14\u6539\u7684\u65b9\u5f0f\u6709\u70b9\u4e0d\u540c\uff0c\u5229\u7528\u4e86 this.setData<\/mark>\u8fd9\u4e2a\u65b9\u6cd5\uff0c\u91cc\u9762\u4e3a\u4e00\u4e2a\u5bf9\u8c61\u53ef\u4ee5\u5bf9data\u91cc\u9762\u7684\u4e00\u4e9b\u503c\u505a\u4e00\u4e9b\u64cd\u4f5c\uff0c\u542c\u8bf4\u8fd9\u4e2a\u65b9\u5f0f\u662freact<\/mark>\u7684<\/p> \n <\/p> \n
<\/p> \n
<\/p> \n
1.2.2 \u4e8b\u4ef6\u4f20\u53c2<\/h3> \n
\u6ce8\u610f\u5c0f\u7a0b\u5e8f\u4f20\u53c2\u6570\uff0c\u4e0d\u80fd\u5199\u5728\u4e8b\u4ef6\u56de\u8c03\u7684\u62ec\u53f7\u91cc\u9762\uff0c\u8fd9\u6837\u5199\u53ea\u4f1a\u88ab\u5f53\u505a\u4e8b\u4ef6\u540d<\/mark><\/p> \n <\/p> \n
\u8981\u4f20\u53c2\u7684\u8bdd\uff0c\u9700\u8981\u5728\u8fd9\u4e2a\u7ec4\u4ef6\u91cc\u9762\u6765\u4e00\u4e2a\u81ea\u5b9a\u4e49\u5c5e\u6027\uff0cdata-\u4ec0\u4e48\u7684\u5f62\u5f0f\uff0c\u5176\u4e2d\u4ec0\u4e48\u5c31\u662f\u4f60\u7684\u53c2\u6570\u540d\uff0c\u503c\u4e3a\u4e00\u4e2a\u63d2\u503c\u8bed\u6cd5<\/mark><\/p> \n <\/p> \n
\u7136\u540e\u8981\u62ff\u53c2\u6570\u7684\u8bdd\u5c31\u901a\u8fc7 e.target.dataset.\u53c2\u6570\u540d\u83b7\u53d6<\/mark><\/p> \n <\/p> \n
1.2.3 bindinput\u8bed\u6cd5\u683c\u5f0f<\/h3> \n
\u9996\u5148\u7ec4\u4ef6\u7ed1\u5b9a\u4e8b\u4ef6<\/p> \n
<\/p> \n
\u7136\u540e\u6ce8\u610f\u8fd9\u91cc\u6536\u96c6\u503c\uff0c\u4e0d\u662f\u901a\u8fc7e.target\u800c\u662fe.detail<\/mark><\/p> \n <\/p> \n
1.2.4 \u6587\u672c\u6846\u4e0edata\u4e4b\u95f4\u7684\u6570\u636e\u540c\u6b65<\/h3> \n
\u9996\u5148data\u5b9a\u4e49\u6570\u636e\uff0c\u7136\u540e\u6587\u672c\u6846\u7ed1\u5b9a\u6570\u636e<\/p> \n
<\/p> \n
<\/p> \n
\u7136\u540e\u5c31\u662f\u4fee\u6539\u503c\u6539\u5230\u6570\u636e\u91cc\u9762\uff0c\u901a\u8fc7bindinput\u4e8b\u4ef6\u6765\u4fee\u6539<\/p> \n
<\/p> \n
<\/p> \n
1.3 \u6761\u4ef6\u6e32\u67d3<\/h2> \n
\u901a\u8fc7wx\uff1aif\u6765\u63a7\u5236\uff0c\u5f53\u7136\u4e5f\u6709\u5bf9\u5e94\u7684elif\u548celse<\/p> \n
<\/p> \n
<\/p> \n
<\/p> \n
1.3.1 block\u6807\u7b7e<\/h3> \n
\u7c7b\u4f3c\u4e8etemplate\u53ef\u4ee5\u5305\u88f9\u4e00\u7ec4\u6807\u7b7e\uff0c\u8ba9\u4ed6\u4eec\u96c6\u4f53\u663e\u793a\u9690\u85cf\uff0c\u800c\u4e14\u6700\u4e3b\u8981\u7684\u4ed6\u4f1a\u4e0d\u6682\u7528\u7a7a\u95f4\u5e03\u5c40<\/p> \n
1.3.2 hidden<\/h3> \n
\u53ef\u4ee5\u76f4\u63a5\u7528hidden\u63a7\u5236\u7ec4\u4ef6\u663e\u793a\u9690\u85cf\uff0c\u6ce8\u610f\u4e3atrue\u662f\u9690\u85cf<\/p> \n
<\/p> \n
hidden\u548cwxif\u533a\u522b<\/mark>\uff1ahidden\u5c31\u662fv-show\uff08display\uff1ablock\/none\uff09,wxif\u5c31\u662f\u76f4\u63a5\u5c06\u5143\u7d20\u5e72\u6389\u4e86<\/p> \n 1.4 \u5217\u8868\u6e32\u67d3<\/h2> \n
wx\uff1afor<\/mark><\/p> \n <\/p> \n
<\/p> \n
\u9700\u8981\u6ce8\u610f\u7684\u662f\u7d22\u5f15\u548c\u503c\u90fd\u901a\u8fc7\u91cc\u9762\u7684\u63d2\u503c\u8bed\u6cd5\u83b7\u5f97\uff0c\u8fd9\u91cc\u5c31\u504f\u5411\u4e8e\u6a21\u677f\u5f15\u64ce\u591a\u4e00\u70b9<\/mark><\/p> \n \u5f53\u7136\u6211\u4eec\u4e5f\u53ef\u4ee5\u81ea\u5b9a\u4e49\u7d22\u5f15\u7684\u540d\u5b57\u548c\u53d8\u91cf\u540d<\/p> \n
<\/p> \n
wxfor\u4e5f\u9700\u8981key<\/mark>\uff0c\u6ca1\u6709id\u4e5f\u53ef\u4ee5\u76f4\u63a5\u5199index\u7d22\u5f15\uff0c\u6ce8\u610fkey\u4e0d\u7528\u5199\u63d2\u503c\u8bed\u6cd5<\/mark><\/p> \n <\/p> \n
\u4e8c.WXSS\u6a21\u677f\u6837\u5f0f<\/h1> \n
wxss\u548ccss\u5927\u90e8\u5206\u76f8\u540c\uff0c\u4e3b\u8981\u533a\u522b\u662f rpx\u5355\u4f4d\u548c@import\u6837\u5f0f\u5f15\u5165<\/mark><\/p> \n 2.1 rpx<\/h2> \n
\u5c0f\u7a0b\u5e8f\u72ec\u6709\u5c3a\u5bf8\u5355\u4f4d\uff0c\u7c7b\u4f3c\u4e8erem\uff0c\u53ef\u4ee5\u9002\u914d\u4efb\u610f\u7aef\u3002<\/p> \n
\u662f\u5c06\u5bbd\u5ea6\u5206\u4e3a750\u4efd<\/mark>\uff0c\u6240\u4ee5\u6240\u6709\u5c4f\u5e55\u7684\u5bbd\u5ea6\u90fd\u662f750rpx\uff0c\u53ea\u662f\u67d0\u4e9b\u624b\u673a1rpx\u5927\u4e00\u70b9\u67d0\u4e9b\u624b\u673a1rpx\u5c0f\u4e00\u70b9<\/p> \n \u5355\u4f4d\u6362\u7b97<\/mark><\/p> \n \u63a8\u8350\u91c7\u7528iPhone6\u4f5c\u4e3a\u8bbe\u8ba1\u5c3a\u5bf8\u6765\u505a\uff0c\u56e0\u4e3a\u76f4\u63a5px\u4e58\u4ee52\u5c31\u662frpx\u5355\u4f4d<\/p> \n
<\/p> \n
2.2 \u6837\u5f0f\u5bfc\u5165<\/h2> \n
<\/p> \n
2.3 \u5168\u5c40\u6837\u5f0f\/\u5c40\u90e8<\/h2> \n
\u5b9a\u4e49\u5728app.wxss\u91cc\u9762\u7684\u5373\u4e3a\u5168\u5c40\u6837\u5f0f<\/p> \n
\u5728\u5355\u72ec\u6587\u4ef6\u91cc\u9762wxss\u90fd\u662f\u5c40\u90e8\u6837\u5f0f\u53ea\u5bf9\u5f53\u524d\u9875\u9762\u751f\u6548<\/p> \n
\u6ce8\u610f<\/mark>\uff1a<\/p> \n \u5f53\u4e24\u4e2a\u6837\u5f0f\u51b2\u7a81\u65f6\uff0c\u5c31\u8fd1\u539f\u5219\uff0c\u5c40\u90e8\u4f1a\u8986\u76d6\u5168\u5c40<\/p> \n
\u5f53\u5c40\u90e8\u6837\u5f0f\u6743\u91cd\u5927\u4e8e\u6216\u7b49\u4e8e\u5168\u5c40\u65f6\u624d\u4f1a\u8986\u76d6<\/p> \n
\u4e09.\u5168\u5c40\u914d\u7f6e<\/h1> \n
app.json\u5c31\u662f\u5168\u5c40\u914d\u7f6e\u6587\u4ef6<\/p> \n
\u9996\u5148\u9ed8\u8ba4\u6709\u8fd9\u4e9b\u8bbe\u7f6e\u9879<\/p> \n
<\/p> \n
\u800c\u6211\u4eec\u5c0f\u7a0b\u5e8f\u7ec4\u6210\u90e8\u5206\u662f<\/p> \n
<\/p> \n
3.1 window<\/h2> \n
\u9996\u5148window\u4e2d\u6bd4\u8f83\u5e38\u7528\u7684\u914d\u7f6e\u9879<\/p> \n
<\/p> \n
\u6ce8\u610f\u5bfc\u822a\u680f\u80cc\u666f\u989c\u8272\u53ea\u652f\u6301#\u5f00\u5934\u7684\u989c\u8272<\/p> \n
\u4e0a\u62c9\u89e6\u5e95\u8ddd\u79bb\u5c31\u662f\u5f53\u6211\u4eec\u6ed1\u52a8\u9875\u9762\u4e0b\u9762\u4f1a\u5237\u65b0\u6570\u636e\u51fa\u6765\u6bd4\u5982\u7535\u5546\u7f51\u7ad9\u4e00\u76f4\u6ed1\u4e0b\u9762\uff0c\u6eda\u52a8\u6761\u5230\u4e00\u5b9a\u8ddd\u79bb\u5c31\u4f1a\u5237\u65b0\u4e0b\u9762\u7684\u6570\u636e\uff0c\u5c0f\u7a0b\u5e8f\u9ed8\u8ba4\u4e3a50<\/mark><\/p> \n 3.1.1 tabBar<\/h3> \n
<\/p> \n
\u6700\u5c11\u4e24\u4e2a\u6700\u591a\u4e94\u4e2a<\/mark><\/p> \n \u9876\u90e8tabBar\u4e0d\u4f1a\u663e\u793aicon\u53ea\u4f1a\u663e\u793a\u6587\u672c<\/mark><\/p> \n tabBar\u516d\u4e2a\u7ec4\u6210\u90e8\u5206\uff1a<\/p> \n
<\/p> \n
tabBar\u8282\u70b9\u914d\u7f6e\u9879\uff1a<\/p> \n
\u76f4\u63a5\u6dfb\u52a0\u5728app.json\u91cc\u9762\u5373\u53ef<\/p> \n
<\/p> \n
<\/p> \n
\u6ce8\u610f<\/mark><\/p> \n \n -
list\u4e3a\u5fc5\u586b\u9879<\/p>
<\/p>
\u6bcf\u4e00\u4e2atab\u53c8\u53ef\u4ee5\u5199\u8fd9\u4e9b\u914d\u7f6e<\/p>
<\/p>
<\/p>
<\/p> <\/li> \n <\/ul> \n
\u56db.\u9875\u9762\u914d\u7f6e<\/h1> \n
\u6bcf\u4e2a\u9875\u9762\u81ea\u5df1\u7684json\u6587\u4ef6<\/p> \n
\u5bf9\u5f53\u524d\u9875\u9762\u7684\u7a97\u53e3\u5916\u89c2\u7b49\u8fdb\u884c\u914d\u7f6e<\/p> \n
\u9875\u9762\u914d\u7f6e\u5e38\u7528\u5c5e\u6027\uff1a<\/p> \n
<\/p> \n
\u4e94.\u7f51\u7edc\u6570\u636e\u8bf7\u6c42<\/h1> \n
\u6ce8\u610f\uff1a<\/mark><\/p> \n \n - \u53ea\u80fd\u8bf7\u6c42https\u5f00\u5934\u7684\u63a5\u53e3<\/li> \n
- \u5fc5\u987b\u5c06\u63a5\u53e3\u7684\u57df\u540d\u6dfb\u52a0\u5230\u4fe1\u4efb\u5217\u8868\u4e2d<\/li> \n <\/ul> \n
<\/p> \n
5.1 \u914d\u7f6erequest\u5408\u6cd5\u57df\u540d<\/h2> \n
<\/p> \n
5.2 \u53d1\u8d77get\u8bf7\u6c42<\/h2> \n
wx.request()<\/mark><\/p> \n <\/p> \n
post\u540c\u7406\uff0c\u5e76\u4e14\u53c2\u6570\u4e5f\u662fdata<\/mark><\/p> \n 5.3 \u9875\u9762\u521a\u52a0\u8f7d\u65f6\u8bf7\u6c42\u6570\u636e<\/h2> \n
\u5728js\u91cc\u9762\u627e\u5230\u94a9\u5b50onLoad\u5728\u8fd9\u7c7b\u8bf7\u6c42\u6570\u636e<\/p> \n
<\/p> \n
5.4 \u6ce8\u610f<\/h2> \n
\u8df3\u8fc7request\u5408\u6cd5\u6821\u9a8c\uff1a<\/p> \n
<\/p> \n
\u4f46\u662f\u4ec5\u80fd\u5728\u5f00\u53d1\u8c03\u8bd5\u9636\u6bb5\u4f7f\u7528\uff0c\u4e0d\u5141\u8bb8\u4e0a\u7ebf\u4f7f\u7528\uff01<\/p> \n
\u5173\u4e8e\u8de8\u57df\u548cajax<\/mark>\uff1a<\/p> \n \u7531\u4e8e\u8de8\u57df\u662f\u56e0\u4e3a\u6d4f\u89c8\u5668\u7684\u540c\u6e90\u7b56\u7565\uff0c\u800c\u5c0f\u7a0b\u5e8f\u5bbf\u4e3b\u662f\u5fae\u4fe1\uff0c\u6240\u4ee5\u5c0f\u7a0b\u5e8f\u4e0d\u5b58\u5728\u8de8\u57df\u95ee\u9898<\/p> \n
\u7136\u540e\u7531\u4e8eajax\u662f\u57fa\u4e8exhr\u8fd9\u4e2a\u6d4f\u89c8\u5668\u7684\u5bf9\u8c61\uff0c\u5c0f\u7a0b\u5e8f\u7684\u5bbf\u4e3b\u662f\u5fae\u4fe1\uff0c\u6240\u4ee5\u53d1\u8d77\u8bf7\u6c42\u4e5f\u4e0d\u80fd\u53eb\u505aajax\u8bf7\u6c42\u53eb\u505a\u53d1\u8d77\u7f51\u7edc\u8bf7\u6c42<\/p> \n
\u516d.\u672c\u5730\u751f\u6d3b\u6848\u4f8b<\/h1> \n
<\/p> \n
\u6ce8\u610f\uff1a<\/mark><\/p> \n \u63a5\u53e3\u8fd4\u56de\u6765\u7684\u6570\u636e\u53ef\u4ee5\u901a\u8fc7this.setData\u7ed9\u5230\u6211\u4eec\u7684data\u6570\u636e<\/p> \n
<\/p> \n<\/div>","orderid":"0","title":"day02\u6a21\u677f\u4e0e\u914d\u7f6e","smalltitle":"","mid":"0","fname":"\u5176\u5b83","special_id":"0","bak_id":"0","info":"0","hits":"87","pages":"1","comments":"0","posttime":"2023-07-23 13:25:42","list":"1690089942","username":"admin","author":"","copyfrom":"","copyfromurl":"","titlecolor":"","fonttype":"0","titleicon":"0","picurl":"https:\/\/www.cppentry.com\/upload_files\/","ispic":"0","yz":"1","yzer":"","yztime":"0","levels":"0","levelstime":"0","keywords":"day02<\/A>","jumpurl":"","iframeurl":"","style":"","template":"a:3:{s:4:\"head\";s:0:\"\";s:4:\"foot\";s:0:\"\";s:8:\"bencandy\";s:0:\"\";}","target":"0","ip":"119.59.235.169","lastfid":"0","money":"0","buyuser":"","passwd":"","allowdown":"","allowview":"","editer":"","edittime":"0","begintime":"0","endtime":"0","description":"day02\u6a21\u677f\u4e0e\u914d\u7f6e","lastview":"1714731143","digg_num":"0","digg_time":"0","forbidcomment":"0","ifvote":"0","heart":"","htmlname":"","city_id":"0"},"page":"1"}
- \n
- \u7ed1\u5b9a\u5185\u5bb9<\/li> \n <\/ul> \n
\u8ddfvue\u5dee\u4e0d\u591a\uff0c\u5728\u9875\u9762\u7684js\u6587\u4ef6\u5b9a\u4e49\u5230data\u91cc\u9762<\/p> \n
<\/p> \n
\u7136\u540e\u901a\u8fc7\u63d2\u503c\u8bed\u6cd5\u7528\u5728wxml\u4e2d\u5373\u53ef<\/p> \n
<\/p> \n
- \n
-
\u7ed1\u5b9a\u5c5e\u6027<\/p>
<\/p>
\u76f4\u63a5\u5199\u4e0a\u63d2\u503c\u8bed\u6cd5\uff0c\u6ca1\u6709\uff1a<\/p>
<\/p> <\/li> \n
-
\u4e09\u5143\u8fd0\u7b97<\/p>
\u751f\u6210\u4e00\u4e2a\u5341\u4ee5\u5185\u7684\u968f\u673a\u6570<\/p>
<\/p>
<\/p> <\/li> \n
-
\u7b97\u6570\u8fd0\u7b97<\/p>
<\/p>
<\/p> <\/li> \n <\/ul> \n
1.2 \u4e8b\u4ef6\u7ed1\u5b9a<\/h2> \n
\u5c0f\u7a0b\u5e8f\u5e38\u7528\u4e8b\u4ef6<\/p> \n
<\/p> \n
\u5c0f\u7a0b\u5e8f\u4e8b\u4ef6\u5bf9\u8c61\u5e38\u7528\u5c5e\u6027<\/p> \n
<\/p> \n
target\u548ccurrentTarget\u7684\u533a\u522b\uff0ctarget\u662f\u89e6\u53d1\u4e8b\u4ef6\u7684\u6e90\u5934\u7ec4\u4ef6\uff0c\u800ccurrentTarget\u662f\u5f53\u524d\u89e6\u53d1\u8fd9\u4e2a\u4e8b\u4ef6\u7684\u7ec4\u4ef6<\/p> \n
<\/p> \n
\u8981\u7ed1\u5b9a\u4e00\u4e2a\u4e8b\u4ef6\u53ea\u9700\u8981\u5728\u7ec4\u4ef6\u4e0a\u5199\u4e0a\u4e8b\u4ef6\u7c7b\u578b\u4ee5\u53ca\u5bf9\u5e94\u7684\u56de\u8c03\u51fd\u6570<\/p> \n
<\/p> \n
\u7136\u540e\u56de\u8c03\u51fd\u6570\u5199\u5728\u5bf9\u5e94\u7684js\u6587\u4ef6\u91cc\u9762\uff0c\u6ca1\u6709\u4ec0\u4e48\u5305\u88f9\u76f4\u63a5\u5199\u5728\u5916\u5c42<\/p> \n
<\/p> \n
1.2.1 \u4fee\u6539data\u6570\u636e<\/h3> \n
\u8fd9\u91cc\u4fee\u6539data\u91cc\u9762\u7684\u6570\u636e\uff0c\u9700\u8981\u5728\u51fd\u6570\u91cc\u9762\u6765\u6539\uff0c\u800c\u4e14\u6539\u7684\u65b9\u5f0f\u6709\u70b9\u4e0d\u540c\uff0c\u5229\u7528\u4e86 this.setData<\/mark>\u8fd9\u4e2a\u65b9\u6cd5\uff0c\u91cc\u9762\u4e3a\u4e00\u4e2a\u5bf9\u8c61\u53ef\u4ee5\u5bf9data\u91cc\u9762\u7684\u4e00\u4e9b\u503c\u505a\u4e00\u4e9b\u64cd\u4f5c\uff0c\u542c\u8bf4\u8fd9\u4e2a\u65b9\u5f0f\u662freact<\/mark>\u7684<\/p> \n
<\/p> \n
<\/p> \n
<\/p> \n
1.2.2 \u4e8b\u4ef6\u4f20\u53c2<\/h3> \n
\u6ce8\u610f\u5c0f\u7a0b\u5e8f\u4f20\u53c2\u6570\uff0c\u4e0d\u80fd\u5199\u5728\u4e8b\u4ef6\u56de\u8c03\u7684\u62ec\u53f7\u91cc\u9762\uff0c\u8fd9\u6837\u5199\u53ea\u4f1a\u88ab\u5f53\u505a\u4e8b\u4ef6\u540d<\/mark><\/p> \n
<\/p> \n
\u8981\u4f20\u53c2\u7684\u8bdd\uff0c\u9700\u8981\u5728\u8fd9\u4e2a\u7ec4\u4ef6\u91cc\u9762\u6765\u4e00\u4e2a\u81ea\u5b9a\u4e49\u5c5e\u6027\uff0cdata-\u4ec0\u4e48\u7684\u5f62\u5f0f\uff0c\u5176\u4e2d\u4ec0\u4e48\u5c31\u662f\u4f60\u7684\u53c2\u6570\u540d\uff0c\u503c\u4e3a\u4e00\u4e2a\u63d2\u503c\u8bed\u6cd5<\/mark><\/p> \n
<\/p> \n
\u7136\u540e\u8981\u62ff\u53c2\u6570\u7684\u8bdd\u5c31\u901a\u8fc7 e.target.dataset.\u53c2\u6570\u540d\u83b7\u53d6<\/mark><\/p> \n
<\/p> \n
1.2.3 bindinput\u8bed\u6cd5\u683c\u5f0f<\/h3> \n
\u9996\u5148\u7ec4\u4ef6\u7ed1\u5b9a\u4e8b\u4ef6<\/p> \n
<\/p> \n
\u7136\u540e\u6ce8\u610f\u8fd9\u91cc\u6536\u96c6\u503c\uff0c\u4e0d\u662f\u901a\u8fc7e.target\u800c\u662fe.detail<\/mark><\/p> \n
<\/p> \n
1.2.4 \u6587\u672c\u6846\u4e0edata\u4e4b\u95f4\u7684\u6570\u636e\u540c\u6b65<\/h3> \n
\u9996\u5148data\u5b9a\u4e49\u6570\u636e\uff0c\u7136\u540e\u6587\u672c\u6846\u7ed1\u5b9a\u6570\u636e<\/p> \n
<\/p> \n
<\/p> \n
\u7136\u540e\u5c31\u662f\u4fee\u6539\u503c\u6539\u5230\u6570\u636e\u91cc\u9762\uff0c\u901a\u8fc7bindinput\u4e8b\u4ef6\u6765\u4fee\u6539<\/p> \n
<\/p> \n
<\/p> \n
1.3 \u6761\u4ef6\u6e32\u67d3<\/h2> \n
\u901a\u8fc7wx\uff1aif\u6765\u63a7\u5236\uff0c\u5f53\u7136\u4e5f\u6709\u5bf9\u5e94\u7684elif\u548celse<\/p> \n
<\/p> \n
<\/p> \n
<\/p> \n
1.3.1 block\u6807\u7b7e<\/h3> \n
\u7c7b\u4f3c\u4e8etemplate\u53ef\u4ee5\u5305\u88f9\u4e00\u7ec4\u6807\u7b7e\uff0c\u8ba9\u4ed6\u4eec\u96c6\u4f53\u663e\u793a\u9690\u85cf\uff0c\u800c\u4e14\u6700\u4e3b\u8981\u7684\u4ed6\u4f1a\u4e0d\u6682\u7528\u7a7a\u95f4\u5e03\u5c40<\/p> \n
1.3.2 hidden<\/h3> \n
\u53ef\u4ee5\u76f4\u63a5\u7528hidden\u63a7\u5236\u7ec4\u4ef6\u663e\u793a\u9690\u85cf\uff0c\u6ce8\u610f\u4e3atrue\u662f\u9690\u85cf<\/p> \n
<\/p> \n
hidden\u548cwxif\u533a\u522b<\/mark>\uff1ahidden\u5c31\u662fv-show\uff08display\uff1ablock\/none\uff09,wxif\u5c31\u662f\u76f4\u63a5\u5c06\u5143\u7d20\u5e72\u6389\u4e86<\/p> \n
1.4 \u5217\u8868\u6e32\u67d3<\/h2> \n
wx\uff1afor<\/mark><\/p> \n
<\/p> \n
<\/p> \n
\u9700\u8981\u6ce8\u610f\u7684\u662f\u7d22\u5f15\u548c\u503c\u90fd\u901a\u8fc7\u91cc\u9762\u7684\u63d2\u503c\u8bed\u6cd5\u83b7\u5f97\uff0c\u8fd9\u91cc\u5c31\u504f\u5411\u4e8e\u6a21\u677f\u5f15\u64ce\u591a\u4e00\u70b9<\/mark><\/p> \n
\u5f53\u7136\u6211\u4eec\u4e5f\u53ef\u4ee5\u81ea\u5b9a\u4e49\u7d22\u5f15\u7684\u540d\u5b57\u548c\u53d8\u91cf\u540d<\/p> \n
<\/p> \n
wxfor\u4e5f\u9700\u8981key<\/mark>\uff0c\u6ca1\u6709id\u4e5f\u53ef\u4ee5\u76f4\u63a5\u5199index\u7d22\u5f15\uff0c\u6ce8\u610fkey\u4e0d\u7528\u5199\u63d2\u503c\u8bed\u6cd5<\/mark><\/p> \n
<\/p> \n
\u4e8c.WXSS\u6a21\u677f\u6837\u5f0f<\/h1> \n
wxss\u548ccss\u5927\u90e8\u5206\u76f8\u540c\uff0c\u4e3b\u8981\u533a\u522b\u662f rpx\u5355\u4f4d\u548c@import\u6837\u5f0f\u5f15\u5165<\/mark><\/p> \n
2.1 rpx<\/h2> \n
\u5c0f\u7a0b\u5e8f\u72ec\u6709\u5c3a\u5bf8\u5355\u4f4d\uff0c\u7c7b\u4f3c\u4e8erem\uff0c\u53ef\u4ee5\u9002\u914d\u4efb\u610f\u7aef\u3002<\/p> \n
\u662f\u5c06\u5bbd\u5ea6\u5206\u4e3a750\u4efd<\/mark>\uff0c\u6240\u4ee5\u6240\u6709\u5c4f\u5e55\u7684\u5bbd\u5ea6\u90fd\u662f750rpx\uff0c\u53ea\u662f\u67d0\u4e9b\u624b\u673a1rpx\u5927\u4e00\u70b9\u67d0\u4e9b\u624b\u673a1rpx\u5c0f\u4e00\u70b9<\/p> \n
\u5355\u4f4d\u6362\u7b97<\/mark><\/p> \n
\u63a8\u8350\u91c7\u7528iPhone6\u4f5c\u4e3a\u8bbe\u8ba1\u5c3a\u5bf8\u6765\u505a\uff0c\u56e0\u4e3a\u76f4\u63a5px\u4e58\u4ee52\u5c31\u662frpx\u5355\u4f4d<\/p> \n
<\/p> \n
2.2 \u6837\u5f0f\u5bfc\u5165<\/h2> \n
<\/p> \n
2.3 \u5168\u5c40\u6837\u5f0f\/\u5c40\u90e8<\/h2> \n
\u5b9a\u4e49\u5728app.wxss\u91cc\u9762\u7684\u5373\u4e3a\u5168\u5c40\u6837\u5f0f<\/p> \n
\u5728\u5355\u72ec\u6587\u4ef6\u91cc\u9762wxss\u90fd\u662f\u5c40\u90e8\u6837\u5f0f\u53ea\u5bf9\u5f53\u524d\u9875\u9762\u751f\u6548<\/p> \n
\u6ce8\u610f<\/mark>\uff1a<\/p> \n
\u5f53\u4e24\u4e2a\u6837\u5f0f\u51b2\u7a81\u65f6\uff0c\u5c31\u8fd1\u539f\u5219\uff0c\u5c40\u90e8\u4f1a\u8986\u76d6\u5168\u5c40<\/p> \n
\u5f53\u5c40\u90e8\u6837\u5f0f\u6743\u91cd\u5927\u4e8e\u6216\u7b49\u4e8e\u5168\u5c40\u65f6\u624d\u4f1a\u8986\u76d6<\/p> \n
\u4e09.\u5168\u5c40\u914d\u7f6e<\/h1> \n
app.json\u5c31\u662f\u5168\u5c40\u914d\u7f6e\u6587\u4ef6<\/p> \n
\u9996\u5148\u9ed8\u8ba4\u6709\u8fd9\u4e9b\u8bbe\u7f6e\u9879<\/p> \n
<\/p> \n
\u800c\u6211\u4eec\u5c0f\u7a0b\u5e8f\u7ec4\u6210\u90e8\u5206\u662f<\/p> \n
<\/p> \n
3.1 window<\/h2> \n
\u9996\u5148window\u4e2d\u6bd4\u8f83\u5e38\u7528\u7684\u914d\u7f6e\u9879<\/p> \n
<\/p> \n
\u6ce8\u610f\u5bfc\u822a\u680f\u80cc\u666f\u989c\u8272\u53ea\u652f\u6301#\u5f00\u5934\u7684\u989c\u8272<\/p> \n
\u4e0a\u62c9\u89e6\u5e95\u8ddd\u79bb\u5c31\u662f\u5f53\u6211\u4eec\u6ed1\u52a8\u9875\u9762\u4e0b\u9762\u4f1a\u5237\u65b0\u6570\u636e\u51fa\u6765\u6bd4\u5982\u7535\u5546\u7f51\u7ad9\u4e00\u76f4\u6ed1\u4e0b\u9762\uff0c\u6eda\u52a8\u6761\u5230\u4e00\u5b9a\u8ddd\u79bb\u5c31\u4f1a\u5237\u65b0\u4e0b\u9762\u7684\u6570\u636e\uff0c\u5c0f\u7a0b\u5e8f\u9ed8\u8ba4\u4e3a50<\/mark><\/p> \n
3.1.1 tabBar<\/h3> \n
<\/p> \n
\u6700\u5c11\u4e24\u4e2a\u6700\u591a\u4e94\u4e2a<\/mark><\/p> \n
\u9876\u90e8tabBar\u4e0d\u4f1a\u663e\u793aicon\u53ea\u4f1a\u663e\u793a\u6587\u672c<\/mark><\/p> \n
tabBar\u516d\u4e2a\u7ec4\u6210\u90e8\u5206\uff1a<\/p> \n
<\/p> \n
tabBar\u8282\u70b9\u914d\u7f6e\u9879\uff1a<\/p> \n
\u76f4\u63a5\u6dfb\u52a0\u5728app.json\u91cc\u9762\u5373\u53ef<\/p> \n
<\/p> \n
<\/p> \n
\u6ce8\u610f<\/mark><\/p> \n
- \n
-
list\u4e3a\u5fc5\u586b\u9879<\/p>
<\/p>
\u6bcf\u4e00\u4e2atab\u53c8\u53ef\u4ee5\u5199\u8fd9\u4e9b\u914d\u7f6e<\/p>
<\/p>
<\/p>
<\/p> <\/li> \n <\/ul> \n
\u56db.\u9875\u9762\u914d\u7f6e<\/h1> \n
\u6bcf\u4e2a\u9875\u9762\u81ea\u5df1\u7684json\u6587\u4ef6<\/p> \n
\u5bf9\u5f53\u524d\u9875\u9762\u7684\u7a97\u53e3\u5916\u89c2\u7b49\u8fdb\u884c\u914d\u7f6e<\/p> \n
\u9875\u9762\u914d\u7f6e\u5e38\u7528\u5c5e\u6027\uff1a<\/p> \n
<\/p> \n
\u4e94.\u7f51\u7edc\u6570\u636e\u8bf7\u6c42<\/h1> \n
\u6ce8\u610f\uff1a<\/mark><\/p> \n
- \n
- \u53ea\u80fd\u8bf7\u6c42https\u5f00\u5934\u7684\u63a5\u53e3<\/li> \n
- \u5fc5\u987b\u5c06\u63a5\u53e3\u7684\u57df\u540d\u6dfb\u52a0\u5230\u4fe1\u4efb\u5217\u8868\u4e2d<\/li> \n <\/ul> \n
<\/p> \n
5.1 \u914d\u7f6erequest\u5408\u6cd5\u57df\u540d<\/h2> \n
<\/p> \n
5.2 \u53d1\u8d77get\u8bf7\u6c42<\/h2> \n
wx.request()<\/mark><\/p> \n
<\/p> \n
post\u540c\u7406\uff0c\u5e76\u4e14\u53c2\u6570\u4e5f\u662fdata<\/mark><\/p> \n
5.3 \u9875\u9762\u521a\u52a0\u8f7d\u65f6\u8bf7\u6c42\u6570\u636e<\/h2> \n
\u5728js\u91cc\u9762\u627e\u5230\u94a9\u5b50onLoad\u5728\u8fd9\u7c7b\u8bf7\u6c42\u6570\u636e<\/p> \n
<\/p> \n
5.4 \u6ce8\u610f<\/h2> \n
\u8df3\u8fc7request\u5408\u6cd5\u6821\u9a8c\uff1a<\/p> \n
<\/p> \n
\u4f46\u662f\u4ec5\u80fd\u5728\u5f00\u53d1\u8c03\u8bd5\u9636\u6bb5\u4f7f\u7528\uff0c\u4e0d\u5141\u8bb8\u4e0a\u7ebf\u4f7f\u7528\uff01<\/p> \n
\u5173\u4e8e\u8de8\u57df\u548cajax<\/mark>\uff1a<\/p> \n
\u7531\u4e8e\u8de8\u57df\u662f\u56e0\u4e3a\u6d4f\u89c8\u5668\u7684\u540c\u6e90\u7b56\u7565\uff0c\u800c\u5c0f\u7a0b\u5e8f\u5bbf\u4e3b\u662f\u5fae\u4fe1\uff0c\u6240\u4ee5\u5c0f\u7a0b\u5e8f\u4e0d\u5b58\u5728\u8de8\u57df\u95ee\u9898<\/p> \n
\u7136\u540e\u7531\u4e8eajax\u662f\u57fa\u4e8exhr\u8fd9\u4e2a\u6d4f\u89c8\u5668\u7684\u5bf9\u8c61\uff0c\u5c0f\u7a0b\u5e8f\u7684\u5bbf\u4e3b\u662f\u5fae\u4fe1\uff0c\u6240\u4ee5\u53d1\u8d77\u8bf7\u6c42\u4e5f\u4e0d\u80fd\u53eb\u505aajax\u8bf7\u6c42\u53eb\u505a\u53d1\u8d77\u7f51\u7edc\u8bf7\u6c42<\/p> \n
\u516d.\u672c\u5730\u751f\u6d3b\u6848\u4f8b<\/h1> \n
<\/p> \n
\u6ce8\u610f\uff1a<\/mark><\/p> \n
\u63a5\u53e3\u8fd4\u56de\u6765\u7684\u6570\u636e\u53ef\u4ee5\u901a\u8fc7this.setData\u7ed9\u5230\u6211\u4eec\u7684data\u6570\u636e<\/p> \n
<\/p> \n<\/div>","orderid":"0","title":"day02\u6a21\u677f\u4e0e\u914d\u7f6e","smalltitle":"","mid":"0","fname":"\u5176\u5b83","special_id":"0","bak_id":"0","info":"0","hits":"87","pages":"1","comments":"0","posttime":"2023-07-23 13:25:42","list":"1690089942","username":"admin","author":"","copyfrom":"","copyfromurl":"","titlecolor":"","fonttype":"0","titleicon":"0","picurl":"https:\/\/www.cppentry.com\/upload_files\/","ispic":"0","yz":"1","yzer":"","yztime":"0","levels":"0","levelstime":"0","keywords":"day02<\/A>","jumpurl":"","iframeurl":"","style":"","template":"a:3:{s:4:\"head\";s:0:\"\";s:4:\"foot\";s:0:\"\";s:8:\"bencandy\";s:0:\"\";}","target":"0","ip":"119.59.235.169","lastfid":"0","money":"0","buyuser":"","passwd":"","allowdown":"","allowview":"","editer":"","edittime":"0","begintime":"0","endtime":"0","description":"day02\u6a21\u677f\u4e0e\u914d\u7f6e","lastview":"1714731143","digg_num":"0","digg_time":"0","forbidcomment":"0","ifvote":"0","heart":"","htmlname":"","city_id":"0"},"page":"1"}
-
-