程序构建weex微应用微信小程序通过webpack打包构建成一个纯javascript文件,必要开发者本身写打包脚本,特别很是天真。通过IDE打包,打包路径是一个黑盒,不必要开发者写打包脚本九寨沟酒店住宿,必须按照它的规则书写入口以及营业代码 ...
程序构建 weex微应用微信小程序通过webpack打包构建成一个纯javascript文件,必要开发者本身写打包脚本,特别很是天真。通过IDE打包,打包路径是一个黑盒,不必要开发者写打包脚本,必须按照它的规则书写入口以及营业代码。代码包无穷制大小限定大小2M无配置文件必要入口配置文件来配置页面必须依靠的Path应用设计指南 weex微应用微信小程序无包含了视觉成都人事考试中心,交互等常规设计 微信小程序设计指南应用接入指南 weex微应用微信小程序有,但是很分散包含了应用接入指南主体 微信小程序接入指南数据 weex微应用微信小程序无可查看运营数据 小程序数据助手,这是发布平台的一部分开发者社区支撑 weex微应用微信小程序有,太分散,weex重要在https://segmentfault3564/t/weex , Vue的题目在https://github3564/vuejs/vue/issues开发者社区无量身打造的 UI 组件库https://github3564/Tencent/weui-wxss无量身打造的设计库https://github3564/weui/weui-design开发者数量少,百度或google搜索出来的信息量少开发者浩繁,题目能搜索出来IDE集成开发环境 weex微应用微信小程序无有提供IDE集成开发环境,包括调试,发布等环节。调试需使用weex-toolkit调试集成在IDE中调试分为Debugger和Inspector,只许可单独使用一种在IDE面板中既可以Debug也可以inspector还有网络请求等等可查看假如要调试必要额外安装 weex-debug不必要假如要分析性能依靠Safari提供简单易用的性能分析工具编辑器随意,假如要着色,提醒,必要开发者本身找插件集成在IDE中提供诸如智能提醒潍坊网页设计,代码着色等无法实时预览可以实时预览钉钉js-api必要依靠钉钉客户端模仿器包无需,已经模仿实现大部分api无发布平台IDE可以发布,将小程序代码上传到微信小程序后台无IDE有更多细节功能,可参考:uplog文件组织 weex微应用微信小程序通过vue单组件的体例组织,也可以使用render的体例,完全取决于开发者wxml wxss js的体例 ,开发者不可控Vue构造函数App Page生命周期 weex微应用微信小程序每一个组件都有本身自力的生命周期Page 才有,并且一个页面只能有一个PageVue的生命周期方法onLoad ... 之类 Page一个完备的应用,比如钉钉客户端在后台,应该注册在 入口文件中在App中 App,并且一个完备的小程序只许可有一个App保密软件,可以包含多个Page,一个Page代表一个完备的页面,且小于等于5页面跳转 weex微应用微信小程序可以使用vue-router或者openLink跳转bundle.js,等等...只有一种路由模块 路由数据绑定 weex微应用微信小程序逻辑判断:v-if="x"wx:if="{{x}}"数据绑定:<div> {{ message }} </div><view> {{ message }} </view>属性赋值:class="id"class="{{ id }}"运算: :class="[id ? 'a': 'b']"class="{{ id ? true : false }}"数组: <div v-for="item in items">{{ item }}</div><view wx:for="{{ items }}>{{ item }}</view>"对象:使用计算属性 或 data="foo"data="{{foo, bar}}" object: data:{foo: 'my-foo',bar: 'my-bar'}Vue 语法皆可支撑...N无列表渲染 weex微应用微信小程序数组: <div v-for="item in items">{{ item }}</div><view wx:for="{{ items }}>{{ item }}</view>"对象迭代: <div v-for="item in objects">{{ item }}</div>无获取索引:<div v-for="(item,index) in items">{{ index }} {{ item }}</div>(item的命名可以随便换)<div wx:for="{{ items }}">{{index}} {{ item }}</div>(必要使用wx:for-index或者wx:for-item修改)唯一标识 <div v-for="item in items" :key="item.id"></div><view wx:for="{{ items }}" wx:key="{{ item.id }}"></view>Vue 还有许多其他的处理体例,细致查看列表渲染无条件渲染 weex微应用微信小程序v-if="admin"wx:if="{{ admin }}"包装元素: <template v-if="ok"><.../></template><block wx:if="{{ ok }}"></block>else if and else:<div v-if="le > 5 "></div><div v-else-if="le > 2"></div><div v-else></div><view wx:if="{{length > 5}}"> 1 </view><view wx:elif="{{length > 2}}"> 2 </view><view wx:else> 3 </view>Vue支撑的更多,细致查看 条件渲染,且v-show指令在weex中不支撑无事件 weex微应用微信小程序@click="handler"或者v-on:click="handler"bindtap="handler"不支撑冒泡支撑冒泡事件对象为 weex构建事件对象支撑touch event文件引用 weex微应用微信小程序支撑ES import 或者 require,决定权在于开发者只许可import 或者 include,决定权在于微信组件级别的支撑模板载入 include样式 weex微应用微信小程序只支撑单组件 或者 style in Js 必要额外处理,文件怎么组织和引用完全的决定权在于开发者许可使用 @import 来组织样式只支撑class支撑 class id element ::after ::befor不支撑全局样式支撑全局样式支撑内联样式同样支撑基于750像素开发基于 rpx 单位开发,建议使用iPhone6视觉稿为基准布局只能使用flexbox都支撑支撑少数的样式大部分都支撑取决于你的设备组件 weex微应用微信小程序容器组件 div scroller listview scroll-view swiper movable-area文本表现必要依靠text,texttarea不必要text组件也可以表现文本,自己也有text组件,texttarea开关组件 switchswitch,checkbox,radio轮播 slider,indicatorslider 是滑动选择器媒体 video, imageaudio,video,imageinputinput欣赏器 web无无icon无contact-button 客服会话无map 地图gcanvas依靠第三方插件canvas无navigator无picker-view,picker,label,form,button,progress其他组件 cell, loading,refresh,waterfall,a无功能 weex微应用微信小程序钉钉js-api,weex自带的module,第三方插件的module微信小程序js-api |