微信小程序15天
微信小程序15天学习计划UniApp和微信小程序概述及对比 安装并配置HBuilderX(UniApp)和微信开发者工具 创建第一个UniApp Vue3项目和微信小程序项目 了解两个平台的项目结构差异 配置外部浏览器和各种小程序模拟器(UniApp) 学习UniApp的.vue文件结构(template, script, style) 了解微信小程序的.wxml, .wxss, .js, .json文件 掌握共同的基础组件:view,text,image,button,input 学习scroll-view和swiper组件的使用 实现一个简单的页面布局,对比两个平台的写法 UniApp: 学习ref定义响应式数据 微信小程序: 了解Page中的data和setData 掌握v-bind(UniApp)和{{}}(微信小程序)的使用 学习class和style的动态绑定 完成一个数据展示和更新的小案例 UniApp: v-if, v-else, v-else-if, v-show 微信小程序: wx:if, wx:elif, wx:else UniApp: v-for和:key 微信小程序: wx:for和wx:key 完成一个包含条件和列表渲染的购物车案例 UniApp: @click, @tap等事件处理 微信小程序: bindtap, catchtap等事件处理 学习表单元素的使用和事件(focus, blur等) UniApp: v-model双向绑定 微信小程序: 实现类似双向绑定的效果 完成一个表单提交的案例 UniApp: computed计算属性 UniApp: watch和watchEffect 微信小程序: 使用函数模拟计算属性 微信小程序: 使用observers实现侦听效果 完成一个使用计算属性的商品统计案例 UniApp页面生命周期: onLoad, onShow, onReady等 微信小程序页面生命周期对比 UniApp组件生命周期 微信小程序组件生命周期 创建一个页面,观察并记录不同生命周期的触发顺序 UniApp: 创建和使用自定义组件 微信小程序: 创建和使用自定义组件 Props传递数据(UniApp和微信小程序) 插槽的使用(UniApp的具名插槽和微信小程序的slot) 创建一个复用型组件并在页面中使用 UniApp: emit触发事件 微信小程序: 触发自定义事件 UniApp: defineExpose暴露方法 微信小程序: 通过selectComponent调用组件方法 父子组件通信案例实现 UniApp: uni.navigateTo等API 微信小程序: wx.navigateTo等API 页面传参和参数接收 tabBar配置和切换 实现一个多页面切换的应用框架 UniApp: uni.request发送网络请求 微信小程序: wx.request发送请求 Promise化网络请求封装 UniApp和微信小程序的数据缓存方法 实现一个带缓存的数据列表页面 UniApp: uni-ui组件库介绍和使用 微信小程序: WeUI组件库介绍和使用 学习日期选择、轮播图、弹出层等复杂组件 使用组件库快速搭建一个页面 UniApp条件编译的使用方法 跨平台兼容性处理 在UniApp中编写微信小程序特有功能 抽离共用代码,提高跨平台效率 修改之前的案例,使其能同时适配UniApp和微信小程序 UniApp性能优化技巧 微信小程序性能优化技巧 HBuilderX调试技巧 微信开发者工具调试技巧 分析并优化之前开发的案例 综合运用前14天的知识,开发一个小型项目 UniApp条件编译,适配微信小程序 项目打包与发布(UniApp多平台与微信小程序) 回顾学习内容,总结UniApp和微信小程序的异同 规划进一步学习的方向
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/bicheng/55991.shtml
如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！
