您当前的位置: 首页 > 知识百科 > 小程序框架wepy是什么?

小程序框架wepy是什么?

时间:2023-07-01 14:05 阅读数:83 人阅读 分类:知识百科

  小程序框架wepy是什么?小程序框架的内容非常多,也非常复杂,今天我们来讲一下小程序框架wepy是什么,让大家更好的理解小程序框架。下面一起随小编看看吧。

  小程序框架wepy是什么?

  WePY 是一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化,Promise,Async Functions的引入都是为了能让开发小程序项目变得更加简单,高效。同时WePY也是一款成长中的框架,大量吸收借鉴了一些优化前端工具以及框架的设计理念和思想。当然肯定有一些不完善的地方,大家要包涵。

  小程序框架wepy代码规范:

  变量与方法使用尽量使用驼峰式命名,避免使用$开头。

  入口,页面,组件的命名后缀为.wpy。外链的文件可以是其它后缀。

  使用ES6语法开发。框架在ES6下开发,因此也需要使用ES6开发小程序,ES6中有大量的语法糖可以让我们的小程序代码更加简洁高效。

  使用Promise:框架默认对小程序提供的API全都进行了 Promise 处理,甚至可以直接使用async/await等新特*进行开发。

  事件绑定语法使用优化语法代替:原bindtap=”click”替换为@tap=”click”,原catchtap=”click”替换为@tap.stop=”click”。更多@符用法

  事件传参使用优化后语法代替: 原bindtap=”click” data-index={{index}}替换为@tap=”click({{index}})”。

  自定义组件命名应避开微信原生组件以及功能标签。不可以使用input, button, view, repeat等命名自定义组件。

  小程序框架wepy优点:

  支持组件化小程序开发。

  支持加载外部NPM包。

  单文件模式,使得目录结构更加清晰。

  默认使用babel编译,支持ES6/7的一些新特*。

  针对原生小程序API进行优化。

  小程序框架wepy文件说明:

  一个.wpy文件分为三个部分:

  1. 样式对应原有小程序wxss。

  2. 模板对应原有小程序wxml。

  3. 代码对应原有小程序js。

  其中入口文件app.wpy不需要template,所以编译时会被忽略。这三个标签都支持lang和src属*,lang决定了其代码编译过程,src决定是否外联代码,存在src属*且有效时,忽略内联代码。

  以上就是小编为大家搜集的小程序框架wepy是什么?的全部内容了,希望能帮到大家。如果你还有更多疑问或者建议,可以来我们微小乔的网站哦,谢谢大家的关注!

相关推荐:

微信小程序轮播框架如何单方向轮播?

微信小程序布局框架怎么开发?

微信小程序第三方框架怎么开发?