https://fantastic-note.vercel.app/assets/js/db9f02f6.370876c1.js

1"use strict";(self.webpackChunkfantastic_note=self.webpackChunkfantastic_note||[]).push([["3955"],{67988(e,n,i){i.r(n),i.d(n,{metadata:()=>s,default:()=>h,frontMatter:()=>t,contentTitle:()=>c,toc:()=>o,assets:()=>d});var s=JSON.parse('{"id":"Other/\u8BFB\u4E66\u7B14\u8BB0/\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F/\u9762\u8BD5\u9898","title":"\u9762\u8BD5\u9898","description":"\u5C0F\u7A0B\u5E8F","source":"@site/docs/Other/08-\u8BFB\u4E66\u7B14\u8BB0/\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F/02-\u9762\u8BD5\u9898.md","sourceDirName":"Other/08-\u8BFB\u4E66\u7B14\u8BB0/\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F","slug":"/Other/\u8BFB\u4E66\u7B14\u8BB0/\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F/\u9762\u8BD5\u9898","permalink":"/docs/Other/\u8BFB\u4E66\u7B14\u8BB0/\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F/\u9762\u8BD5\u9898","draft":false,"unlisted":false,"editUrl":"https://github.com/heinfy/fantastic-note/tree/main/docs/Other/08-\u8BFB\u4E66\u7B14\u8BB0/\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F/02-\u9762\u8BD5\u9898.md","tags":[],"version":"current","sidebarPosition":2,"frontMatter":{},"sidebar":"otherSidebar","previous":{"title":"\u81EA\u5B9A\u4E49\u7EC4\u4EF6","permalink":"/docs/Other/\u8BFB\u4E66\u7B14\u8BB0/\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F/\u81EA\u5B9A\u4E49\u7EC4\u4EF6"},"next":{"title":"\u8C03\u7528\u6280\u5DE7","permalink":"/docs/Other/\u8BFB\u4E66\u7B14\u8BB0/\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F/\u8C03\u7528\u6280\u5DE7"}}'),r=i(74848),l=i(28453);let t={},c,d={},o=[{value:"\u5C0F\u7A0B\u5E8F",id:"\u5C0F\u7A0B\u5E8F",level:3}];function a(e){let n={a:"a",blockquote:"blockquote",code:"code",em:"em",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,l.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h3,{id:"\u5C0F\u7A0B\u5E8F",children:"\u5C0F\u7A0B\u5E8F"}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.a,{href:"https://developers.weixin.qq.com/ebook?action=get_post_info&docid=0008aeea9a8978ab0086a685851c0a",children:"\u5C0F\u7A0B\u5E8F\u5F00\u53D1\u6307\u5357"})}),"\n",(0,r.jsxs)(n.ol,{children:["\n",(0,r.jsx)(n.li,{children:"\u5C0F\u7A0B\u5E8F\u7684\u6807\u7B7E\u6709\u54EA\u4E9B\uFF1A"}),"\n"]}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsx)(n.p,{children:"\u89C6\u56FE\u5BB9\u5668(View Container)\uFF1A view(\u89C6\u56FE\u5BB9\u5668)\u3001scroll-view\uFF08\u53EF\u6EDA\u52A8\u89C6\u56FE\u5BB9\u5668\uFF09\u3001swiper\uFF08\u53EF\u6ED1\u52A8\u7684\u89C6\u56FE\u5BB9\u5668\uFF09\u57FA\u7840\u5185\u5BB9(Basic Content)\uFF1Aicon(\u56FE\u6807) text(\u6587\u5B57) progress(\u8FDB\u5EA6\u6761) \u8868\u5355\u7EC4\u4EF6(Form)\uFF1Abutton(\u6309\u94AE) form(\u8868\u5355) input(\u8F93\u5165\u6846) checkbox(\u591A\u9879\u9009\u62E9\u5668) radio(\u5355\u9879\u9009\u62E9\u5668) picker(\u5217\u8868\u9009\u62E9\u5668) slider(\u6ED1\u52A8\u9009\u62E9\u5668) switch(\u5F00\u5173\u9009\u62E9\u5668) \u64CD\u4F5C\u53CD\u9988\u7EC4\u4EF6(Interaction)\uFF1Aaction-sheet(\u4E0A\u62C9\u83DC\u5355) modal(\u6A21\u6001\u5F39\u7A97) progress(\u8FDB\u5EA6\u6761) toast \u901A\u77E5\u5BFC\u822A(Navigation)\uFF1Anavigator \u5E94\u7528\u5185\u8DF3\u8F6C\u591A\u5A92\u4F53(Media)\uFF1Aaudio \u97F3\u9891 image \u56FE\u7247 video \u89C6\u9891\u5730\u56FE(Map) \u753B\u5E03(Canvas)"}),"\n"]}),"\n",(0,r.jsxs)(n.ol,{start:"2",children:["\n",(0,r.jsx)(n.li,{children:"WXSS \u6837\u5F0F \u548C CSS \u7684\u5F02\u540C\u70B9"}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"WXSS \u4E0E Web \u5F00\u53D1\u4E2D\u7684 CSS \u7C7B\u4F3C\u3002\u4E3A\u4E86\u66F4\u9002\u5408\u5C0F\u7A0B\u5E8F\u5F00\u53D1\uFF0CWXSS \u5BF9 CSS \u505A\u4E86\u4E00\u4E9B\u8865\u5145\u4EE5\u53CA\u4FEE\u6539\u3002"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"\u9879\u76EE\u516C\u5171\u6837\u5F0F\uFF1A\u6839\u76EE\u5F55\u4E2D\u7684 app.wxss \u4E3A\u9879\u76EE\u516C\u5171\u6837\u5F0F\uFF0C\u5B83\u4F1A\u88AB\u6CE8\u5165\u5230\u5C0F\u7A0B\u5E8F\u7684\u6BCF\u4E2A\u9875\u9762\u3002"}),"\n",(0,r.jsx)(n.li,{children:"\u9875\u9762\u6837\u5F0F\uFF1A\u4E0E app.json \u6CE8\u518C\u8FC7\u7684\u9875\u9762\u540C\u540D\u4E14\u4F4D\u7F6E\u540C\u7EA7\u7684 WXSS \u6587\u4EF6\u3002"}),"\n",(0,r.jsx)(n.li,{children:"\u5C3A\u5BF8\u5355\u4F4D\uFF1A rpx"}),"\n",(0,r.jsxs)(n.li,{children:["\u5F15\u7528\u6837\u5F0F\uFF1A ",(0,r.jsx)(n.code,{children:"@import './test_0.wxss'"})]}),"\n",(0,r.jsx)(n.li,{children:"WXSS \u5185\u8054\u6837\u5F0F\u4E0E Web \u5F00\u53D1\u4E00\u81F4"}),"\n",(0,r.jsx)(n.li,{children:"\u9009\u62E9\u5668: . # \u5143\u7D20 \u4F2A\u7C7B"}),"\n",(0,r.jsx)(n.li,{children:"\u5B98\u65B9\u6837\u5F0F\u5E93\uFF08WeUI.wxss\uFF09"}),"\n"]}),"\n",(0,r.jsxs)(n.ol,{start:"3",children:["\n",(0,r.jsx)(n.li,{children:"\u7406\u89E3\u5C0F\u7A0B\u5E8F\u7684\u5BBF\u4E3B\u73AF\u5883\uFF08\u5C0F\u7A0B\u5E8F\u7684\u9875\u9762\u548C js \u600E\u4E48\u901A\u4FE1\u7684\uFF09"}),"\n"]}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsx)(n.p,{children:"WXML \u548C WXSS \u5DE5\u4F5C\u5728\u6E32\u67D3\u5C42\uFF0Cjs \u5DE5\u4F5C\u5728\u9

103B\u8F91\u5C42"}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"\u901A\u4FE1\u6A21\u578B\uFF1A"})}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsx)(n.p,{children:"\u5C0F\u7A0B\u5E8F\u7684\u6E32\u67D3\u5C42\u548C\u903B\u8F91\u5C42\u5206\u522B\u7531 2 \u4E2A\u7EBF\u7A0B\u7BA1\u7406\uFF1A\u6E32\u67D3\u5C42\u7684\u754C\u9762\u4F7F\u7528\u4E86 WebView \u8FDB\u884C\u6E32\u67D3\uFF1B\u903B\u8F91\u5C42\u91C7\u7528 JsCore \u7EBF\u7A0B\u8FD0\u884C JS \u811A\u672C\u3002\u4E00\u4E2A\u5C0F\u7A0B\u5E8F\u5B58\u5728\u591A\u4E2A\u754C\u9762\uFF0C\u6240\u4EE5\u6E32\u67D3\u5C42\u5B58\u5728\u591A\u4E2A WebView \u7EBF\u7A0B\uFF0C\u8FD9\u4E24\u4E2A\u7EBF\u7A0B\u7684\u901A\u4FE1\u4F1A\u7ECF\u7531\u5FAE\u4FE1\u5BA2\u6237\u7AEF\uFF08\u505A\u4E2D\u8F6C\uFF0C\u903B\u8F91\u5C42\u53D1\u9001\u7F51\u7EDC\u8BF7\u6C42\u4E5F\u7ECF\u7531 Native \u8F6C\u53D1\u3002"}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"WXML \u53EF\u4EE5\u5148\u8F6C\u6210 JS \u5BF9\u8C61\uFF0C\u7136\u540E\u518D\u6E32\u67D3\u51FA\u771F\u6B63\u7684 Dom \u6811\uFF1A"}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.img,{alt:"20200813163233557",src:i(38523).A+"",width:"791",height:"247"})}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"\u53CC\u7EBF\u7A0B\u4E0B\u7684\u754C\u9762\u6E32\u67D3\uFF1A"})}),"\n",(0,r.jsx)(n.p,{children:"\u5C0F\u7A0B\u5E8F\u7684\u903B\u8F91\u5C42\u548C\u6E32\u67D3\u5C42\u662F\u5206\u5F00\u7684\u4E24\u4E2A\u7EBF\u7A0B\u3002==\u5728\u6E32\u67D3\u5C42\uFF0C\u5BBF\u4E3B\u73AF\u5883\u4F1A\u628A WXML \u8F6C\u5316\u6210\u5BF9\u5E94\u7684 JS \u5BF9\u8C61\uFF0C\u5728\u903B\u8F91\u5C42\u53D1\u751F\u6570\u636E\u53D8\u66F4\u7684\u65F6\u5019\uFF0C\u6211\u4EEC\u9700\u8981\u901A\u8FC7\u5BBF\u4E3B\u73AF\u5883\u63D0\u4F9B\u7684 setData \u65B9\u6CD5\u628A\u6570\u636E\u4ECE\u903B\u8F91\u5C42\u4F20\u9012\u5230\u6E32\u67D3\u5C42\uFF0C\u518D\u7ECF\u8FC7\u5BF9\u6BD4\u524D\u540E\u5DEE\u5F02\uFF0C\u628A\u5DEE\u5F02\u5E94\u7528\u5728\u539F\u6765\u7684 Dom \u6811\u4E0A\uFF0C\u6E32\u67D3\u51FA\u6B63\u786E\u7684 UI \u754C\u9762\u3002=="}),"\n",(0,r.jsxs)(n.ol,{start:"4",children:["\n",(0,r.jsx)(n.li,{children:"\u57FA\u672C\u5E03\u5C40\u65B9\u6CD5\u662F\u4EC0\u4E48\uFF1F"}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.code,{children:"flex"}),"\u5E03\u5C40"]}),"\n",(0,r.jsxs)(n.ol,{start:"5",children:["\n",(0,r.jsx)(n.li,{children:"\u5C0F\u7A0B\u5E8F\u4E3A\u4EC0\u4E48\u91C7\u7528\u53CC\u7EBF\u7A0B\u6A21\u578B\uFF08\u5929\u751F\u7684\u5F02\u6B65\uFF09\uFF1F"}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"\u5F97\u76CA\u4E8E\u5BA2\u6237\u7AEF\u7CFB\u7EDF\u6709 JavaScript \u7684\u89E3\u91CA\u5F15\u64CE\uFF08\u5728 iOS \u4E0B\u662F\u7528\u5185\u7F6E\u7684 JavaScriptCore \u6846\u67B6\uFF0C\u5728\u5B89\u5353\u5219\u662F\u7528\u817E\u8BAF x5 \u5185\u6838\u63D0\u4F9B\u7684 JsCore \u73AF\u5883\uFF09\uFF0C\u6211\u4EEC\u53EF\u4EE5\u521B\u5EFA\u4E00\u4E2A\u5355\u72EC\u7684\u7EBF\u7A0B\u53BB\u6267\u884C JavaScript\uFF0C\u5728\u8FD9\u4E2A\u73AF\u5883\u4E0B\u6267\u884C\u7684\u90FD\u662F\u6709\u5173\u5C0F\u7A0B\u5E8F\u4E1A\u52A1\u903B\u8F91\u7684\u4EE3\u7801\uFF0C\u4E5F\u5C31\u662F\u6211\u4EEC\u524D\u9762\u4E00\u76F4\u63D0\u5230\u7684\u903B\u8F91\u5C42\u3002\u800C\u754C\u9762\u6E32\u67D3\u76F8\u5173\u7684\u4EFB\u52A1\u5168\u90FD\u5728 WebView \u7EBF\u7A0B\u91CC\u6267\u884C\uFF0C\u901A\u8FC7\u903B\u8F91\u5C42\u4EE3\u7801\u53BB\u63A7\u5236\u6E32\u67D3\u54EA\u4E9B\u754C\u9762\uFF0C\u90A3\u4E48\u8FD9\u4E00\u5C42\u5F53\u7136\u5C31\u662F\u6240\u8C13\u7684\u6E32\u67D3\u5C42\u3002\u8FD9\u5C31\u662F\u5C0F\u7A0B\u5E8F\u53CC\u7EBF\u7A0B\u6A21\u578B\u7684\u7531\u6765\u3002"}),"\n",(0,r.jsxs)(n.ol,{start:"6",children:["\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://developers.weixin.qq.com/ebook?action=get_post_info&docid=0000aac998c9b09b00863377251c0a",children:"Exparser \u6846\u67B6\u662F\u600E\u4E48\u6837\u7684\uFF1F"})}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"\u76F8\u5F53\u4E8E\u4E00\u4E2A\u7B80\u5316\u7248\u7684 Shadow DOM \u5B9E\u73B0\uFF1A"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"\u57FA\u4E8E Shadow DOM \u6A21\u578B\uFF1A\u6A21\u578B\u4E0A\u4E0E WebComponents \u7684 ShadowDOM \u9AD8\u5EA6\u76F8\u4F3C\uFF0C\u4F46\u4E0D\u4F9D\u8D56\u6D4F\u89C8\u5668\u7684\u539F\u751F\u652F\u6301\uFF0C\u4E5F\u6CA1\u6709\u5176\u4ED6\u4F9D\u8D56\u5E93\uFF1B\u5B9E\u73B0\u65F6\uFF0C\u8FD8\u9488\u5BF9\u6027\u5730\u589E\u52A0\u4E86\u5176\u4ED6 API \u4EE5\u652F\u6301\u5C0F\u7A0B\u5E8F\u7EC4\u4EF6\u7F16\u7A0B\u3002"}),"\n",(0,r.jsx)(n.li,{children:"\u53EF\u5728\u7EAF JS \u73AF\u5883\u4E2D\u8FD0\u884C\uFF1A\u8FD9\u610F\u5473\u7740\u903B\u8F91\u5C42\u4E5F\u5177\u6709\u4E00\u5B9A\u7684\u7EC4\u4EF6\u6811\u7EC4\u7EC7\u80FD\u529B\u3002"}),"\n",(0,r.jsx)(n.li,{children:"\u9AD8\u6548\u8F7B\u91CF\uFF1A\u6027\u80FD\u8868\u73B0\u597D\uFF0C\u5728\u7EC4\u4EF6\u5B9E\u4F8B\u6781\u591A\u7684\u73AF\u5883\u4E0B\u8868\u73B0\u5C24\u5176\u4F18\u5F02\uFF0C\u540C\u65F6\u4EE3\u7801\u5C3A\u5BF8\u4E5F\u8F83\u5C0F\u3002"}),"\n"]}),"\n",(0,r.jsxs)(n.ol,{start:"7",children:["\n",(0,r.jsx)(n.li,{children:"\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u8FD0\u884C\u539F\u7406\uFF1F"}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:["\u5C0F\u7A0B\u5E8F\u901A\u8FC7",(0,r.jsx)(n.code,{children:"Compontents"}),"\u6784\u9020\u5668\uFF0C\u5728\u5C0F\u7A0B\u5E8F\u542F\u52A8\u65F6\uFF0C\u6784\u9020\u5668\u4E3A\u5F00\u53D1\u8005\u8BBE\u7F6E\u4E86 properties\u3001data\u3001methods \u7B49\u5B9A\u4E49\u6BB5\uFF0C\u7136\u540E\u5199\u5165 Exparser \u7684\u7EC4\u4EF6\u6CE8\u518C\u8868\u4E2D\u3002\u5F53\u8FD9\u4E2A\u7EC4\u4EF6\u88AB\u5F15\u7528\u65F6\uFF0C\u5C31\u53EF\u4EE5\u6839\u636E\u6CE8\u518C\u8868\u4FE1\u606F\u6765\u521B\u5EFA\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u7684\u5B9E\u4F8B\u3002"]}),"\n",(0,r.jsx)(n.p,{children:"\u521D\u59CB\u5316\u9875\u9762\u65F6\uFF0CExparser \u4F1A\u521B\u5EFA\u51FA\u9875\u9762\u8DDF\u7EC4\u4EF6\u7684\u4E00\u4E2A\u5B9E\u4F8B\uFF0C\u7528\u5230\u7684\u5176\u4ED6\u7EC4\u4EF6\u4E5F\u4F1A\u54CD\u5E94\u521B\u5EFA\u7EC4\u4EF7\u5B9E\u4F8B\uFF0C\u7EC4\u4EF6\u521B\u5EFA\u5B9E\u4F8B\u7684\u8FC7\u7A0B\u5927\u81F4\u6709\u4EE5\u4E0B\u51E0\u4E2A\u8981\u70B9\uFF1A"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"\u6839\u636E\u7EC4\u4EF6\u6CE8\u518C\u4FE1\u606F\uFF0C\u4ECE\u7EC4\u4EF6\u539F\u578B\u4E0A\u521B\u5EFA\u51FA\u7EC4\u4EF6\u8282\u70B9\u7684 JS \u5BF9\u8C61\uFF0C\u5373\u7EC4\u4EF6\u7684 this\uFF1B"}),"\n",(0,r.jsx)(n.li,{children:"\u5C06\u7EC4\u4EF6\u6CE8\u518C\u4FE1\u606F\u4E2D\u7684 data \u590D\u5236\u4E00\u4EFD\uFF0C\u4F5C\u4E3A\u7EC4\u4EF6\u6570\u636E\uFF0C\u5373 this.data\uFF1B"}),"\n",(0,r.jsx)(n.li,{children:"\u5C06\u8FD9\u4EFD\u6570\u636E\u7ED3\u5408\u7EC4\u4EF6 WXML\uFF0C\u636E\u6B64\u521B\u5EFA\u51FA Shadow Tree\uFF0C\u7531\u4E8E Shadow Tree \u4E2D\u53EF\u80FD\u5F15\u7528\u6709\u5176\u4ED6\u7EC4\u4EF6\uFF0C\u56E0\u800C\u8FD9\u4F1A\u9012\u5F52\u89E6\u53D1\u5176\u4ED6\u7EC4\u4EF6\u521B\u5EFA\u8FC7\u7A0B\uFF1B"}),"\n",(0,r.jsx)(n.li,{children:"\u5C06 ShadowTree \u62FC\u63A5\u5230 Composed Tree \u4E0A\uFF0C\u5E76\u751F\u6210\u4E00\u4E9B\u7F13\u5B58\u6570\u636E\u7528\u4E8E\u4F18\u5316\u7EC4\u4EF6\u66F4\u65B0\u6027\u80FD\uFF1B"}),"\n",(0,r.jsx)(n.li,{children:"\u89E6\u53D1\u7EC4\u4EF6\u7684 created \u751F\u547D\u5468\u671F\u51FD\u6570\uFF1B"}),"\n",(0,r.jsx)(n.li,{children:"\u5982\u679C\u4E0D\u662F\u9875\u9762\u6839\u7EC4\u4EF6\uFF0C\u9700\u8981\u6839\u636E\u7EC4\u4EF6\u8282\u70B9\u4E0A\u7684\u5C5E\u6027\u5B9A\u4E49\uFF0C\u6765\u8BBE\u7F6E\u7EC4\u4EF6\u7684\u5C5E\u6027\u503C\uFF1B"}),"\n",(0,r.jsx)(n.li,{children:"\u5F53\u7EC4\u4EF6\u5B9E\u4F8B\u88AB\u5C55\u793A\u5728\u9875\u9762\u4E0A\u65F6\uFF0C\u89E6\u53D1\u7EC4\u4EF6\u7684 attached \u751F\u547D\u5468\u671F\u51FD\u6570\uFF0C\u5982\u679C Shadw Tree \u4E2D\u6709\u5176\u4ED6\u7EC4\u4EF6\uFF0C\u4E5F\u9010\u4E2A\u89E6\u53D1\u5B83\u4EEC\u7684\u751F\u547D\u5468\u671F\u51FD\u6570\u3002"}),"\n"]}),"\n",(0,r.jsxs)(n.ol,{start:"8",children:["\n",(0,r.jsx)(n.li,{children:"\u7EC4\u4EF6\u95F4\u901A\u4FE1\uFF1F"}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"WXML \u5C5E\u6027\u503C\u4F20\u9012\u3001\u4E8B\u4EF6\u7CFB\u7EDF\u3001selectComponent \u548C relations \u7B49\u65B9\u5F0F"}),"\n",(0,r.jsxs)(n.ol,{start:"9",children:["\n",(0,r.jsx)(n.li,{children:"\u539F\u751F\u7EC4\u4EF6\u7684\u8FD0\u884C\u673A\u5236\uFF1F"}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"\u51E0\u4E2A\u6B65\u805A\uFF1A\u521B\u5EFA =\u300B \u63D2\u5165\u5230 DOM \u6811 =\u300B \u5BA2\u6237\u7AEF\u63D2\u5165\u539F\u751F\u533A\u57DF =\u300B \u76F8\u5E94\u7684\u8C03\u6574"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"\u7EC4\u4EF6\u88AB\u521B\u5EFA\uFF0C\u5305\u62EC\u7EC4\u4EF6\u5C5E\u6027\u4F1A\u4F9D\u6B21\u8D4B\u503C\u3002"}),"\n",(0,r.jsx)(n.li,{children:"\u7EC4\u4EF6\u88AB\u63D2\u5165\u5230 DOM \u6811\u91CC\uFF0C\u6D4F\u89C8\u5668\u5185\u6838\u4F1A\u7ACB\u5373\u8BA1\u7B97\u5E03\u5C40\uFF0C\u6B64\u65F6\u6211\u4EEC\u53EF\u4EE5\u8BFB\u53D6\u51FA\u7EC4\u4EF6\u76F8\u5BF9\u9875\u9762\u7684\u4F4D\u7F6E\uFF08x, y \u5750\u6807\uFF09\u3001\u5BBD\u9AD8\u3002"}),"\n",(0,r.jsx)(n.li,{children:"\u7EC4\u4EF6\u901A\u77E5\u5BA2\u6237\u7AEF\uFF0C\u5BA2\u6237\u7AEF\u5728\u76F8\u540C\u7684\u4F4D\u7F6E\u4E0A\uFF0C\u6839\u636E\u5BBD\u9AD8\u63D2\u5165\u4E00\u5757\u539F\u751F\u533A\u57DF\uFF0C\u4E4B\u540E\u5BA2\u6237\u7AEF\u5C31\u5728\u8FD9\u5757\u533A\u57DF\u6E32\u67D3\u754C\u9762"}),"\n",(0,r.jsx)(n.li,{children:"\u5F53\u4F4D\u7F6E\u6216\u5BBD\u9AD8\u53D1\u751F\u53D8\u5316\u65F6\uFF0C\u7EC4\u4EF6\u4F1A\u901A\u77E5\u5BA2\u6237\u7AEF\u505A\u76F8\u5E94\u7684\u8C03\u6574"}),"\n"]}),"\n",(0,r.jsxs)(n.ol,{start:"10",children:["\n",(0,r.jsx)(n.li,{children:"\u5C0F\u7A0B\u5E8F\u548C\u5BA2\u6237\u7AEF\u901A\u4FE1\u539F\u7406\uFF1F"}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"\u89C6\u56FE\u5C42\u4E0E\u5BA2\u6237\u7AEF\u7684\u4EA4\u4E92\u901A\u4FE1\u3002\u8FD9\u5C42\u901A\u4FE1\u673A\u5236\u5728 iOS \u548C\u5B89\u5353\u7C

1FB\u7EDF\u7684\u5B9E\u73B0\u65B9\u5F0F\u5E76\u4E0D\u4E00\u6837\uFF1A"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"iOS \u662F\u5229\u7528\u4E86 WKWebView \u7684\u63D0\u4F9B messageHandlers \u7279\u6027"}),"\n",(0,r.jsx)(n.li,{children:"\u800C\u5728\u5B89\u5353\u5219\u662F\u5F80 WebView \u7684 window \u5BF9\u8C61\u6CE8\u5165\u4E00\u4E2A\u539F\u751F\u65B9\u6CD5\uFF0C\u6700\u7EC8\u4F1A\u5C01\u88C5\u6210 WeiXinJSBridge \u8FD9\u6837\u4E00\u4E2A\u517C\u5BB9\u5C42\uFF0C\u4E3B\u8981\u63D0\u4F9B\u4E86\u8C03\u7528\uFF08invoke\uFF09\u548C\u76D1\u542C\uFF08on\uFF09\u8FD9\u4E24\u79CD\u65B9\u6CD5"}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"\u903B\u8F91\u5C42\u4E0E\u5BA2\u6237\u7AEF\u539F\u751F\u901A\u4FE1\u673A\u5236\u4E0E\u6E32\u67D3\u5C42\u7C7B\u4F3C\uFF1A\u4E0D\u540C\u5728\u4E8E\uFF0C"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"iOS \u5E73\u53F0\u53EF\u4EE5\u5F80 JavaScripCore \u6846\u67B6\u6CE8\u5165\u4E00\u4E2A\u5168\u5C40\u7684\u539F\u751F\u65B9\u6CD5"}),"\n",(0,r.jsx)(n.li,{children:"\u800C\u5B89\u5353\u65B9\u9762\u5219\u662F\u8DDF\u6E32\u67D3\u5C42\u4E00\u81F4\u7684\u3002"}),"\n"]}),"\n",(0,r.jsxs)(n.ol,{start:"11",children:["\n",(0,r.jsx)(n.li,{children:"\u6027\u80FD\u4F18\u5316"}),"\n"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"\u5206\u5305\u52A0\u8F7D"}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://developers.weixin.qq.com/ebook?action=get_post_info&docid=000a64a29c48b0eb0086f161b5940a",children:"\u9875\u9762\u5C42\u7EA7\u51C6\u5907"})}),"\n",(0,r.jsx)(n.li,{children:"\u4E0D\u8981\u8FC7\u4E8E\u9891\u7E41\u8C03\u7528 setData"}),"\n",(0,r.jsx)(n.li,{children:"\u6570\u636E\u901A\u4FE1\u7684\u6027\u80FD\u4E0E\u6570\u636E\u91CF\u6B63\u76F8\u5173\uFF0C\u56E0\u800C\u5982\u679C\u6709\u4E00\u4E9B\u6570\u636E\u5B57\u6BB5\u4E0D\u5728\u754C\u9762\u4E2D\u5C55\u793A\u4E14\u6570\u636E\u7ED3\u6784\u6BD4\u8F83\u590D\u6742\u6216\u5305\u542B\u957F\u5B57\u7B26\u4E32\uFF0C\u5219\u4E0D\u5E94\u4F7F\u7528 setData \u6765\u8BBE\u7F6E\u8FD9\u4E9B\u6570\u636E\uFF1B"}),"\n",(0,r.jsx)(n.li,{children:"\u4E0E\u754C\u9762\u6E32\u67D3\u65E0\u5173\u7684\u6570\u636E\u6700\u597D\u4E0D\u8981\u8BBE\u7F6E\u5728 data \u4E2D\uFF0C\u53EF\u4EE5\u8003\u8651\u8BBE\u7F6E\u5728 page \u5BF9\u8C61\u7684\u5176\u4ED6\u5B57\u6BB5\u4E0B"}),"\n",(0,r.jsx)(n.li,{children:"\u53BB\u6389\u4E0D\u5FC5\u8981\u7684\u4E8B\u4EF6\u7ED1\u5B9A"}),"\n",(0,r.jsx)(n.li,{children:"\u4E8B\u4EF6\u7ED1\u5B9A\u65F6\u9700\u8981\u4F20\u8F93 target \u548C currentTarget \u7684 dataset\uFF0C\u56E0\u800C\u4E0D\u8981\u5728\u8282\u70B9\u7684 data \u524D\u7F00\u5C5E\u6027\u4E2D\u653E\u7F6E\u8FC7\u5927\u7684\u6570\u636E"}),"\n",(0,r.jsx)(n.li,{children:"\u51CF\u5C11 WXML \u4E2D\u8282\u70B9\u7684\u6570\u91CF\u53EF\u4EE5\u6709\u6548\u964D\u4F4E\u521D\u59CB\u6E32\u67D3\u548C\u91CD\u6E32\u67D3\u7684\u65F6\u95F4\u5F00\u9500\uFF0C\u63D0\u5347\u6E32\u67D3\u6027\u80FD\u3002"}),"\n",(0,r.jsx)(n.li,{children:"\u91CD\u6E32\u67D3\uFF0C\u53BB\u6389\u4E0D\u5FC5\u8981\u8BBE\u7F6E\u7684\u6570\u636E\u3001\u51CF\u5C11 setData \u7684\u6570\u636E\u91CF\u4E5F\u6709\u52A9\u4E8E\u63D0\u5347\u8FD9\u4E00\u4E2A\u6B65\u9AA4\u7684\u6027\u80FD\u3002"}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.em,{children:"\u5728 setData \u7684\u6570\u636E\u901A\u4FE1\u6D41\u7A0B\u4E2D\uFF0C\u6570\u636E\u4ECE\u903B\u8F91\u5C42\u7ECF\u8FC7 native \u5C42\u8F6C\u53D1\uFF0C\u4F20\u5165\u89C6\u56FE\u5C42\u7684 WebView\uFF0C\u518D\u7ECF\u8FC7\u4E00\u7CFB\u5217\u6E32\u67D3\u6B65\u9AA4\u4E4B\u540E\u4F20\u5165\u7EC4\u4EF6\u3002\u800C\u4F7F\u7528 context \u65F6\uFF0C\u6570\u636E\u4ECE\u903B\u8F91\u5C42\u4F20\u5230 native \u5C42\u540E\uFF0C\u76F4\u63A5\u4F20\u5165\u7EC4\u4EF6\u4E2D\uFF0C\u8FD9\u6837\u53EF\u4EE5\u663E\u8457\u964D\u4F4E\u4F20\u8F93\u5EF6\u8FDF\u3002"})})]})}function h(e={}){let{wrapper:n}={...(0,l.R)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(a,{...e})}):a(e)}},38523(e,n,i){i.d(n,{A:()=>s});let s=i.p+"assets/images/image-20200813163233557-41ee0c33778efb2ca48eafb7d3d9fc85.png"},28453(e,n,i){i.d(n,{R:()=>t,x:()=>c});var s=i(96540);let r={},l=s.createContext(r);function t(e){let n=s.useContext(l);return s.useMemo(function(){return"function"==typeof e?e(n):{...n,...e}},[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:t(e.components),s.createElement(l.Provider,{value:n},e.children)}}}]);