小程序应用开发的示例分析

  介绍

这篇文章给大家分享的是有关小程序应用开发的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

<强>便捷开发

<人力资源/>

最近在弄自己的小程序,所以整一篇文章总结一下。如果你已经开发过小程序,这篇文章可以不用看了。

小程序开发相当的便捷,配合官方文档,微信小程序文档,支付宝小程序文档,即可在本地运行起来,如果只是单纯的展示,那只需要开发完之后上传,等待审核了。只需要一点前端基础,就可开发一个自己的小程序,有想法的同学可以行动起来。

如果在开发中出现问题,也可以在小程序社区求助,微信小程序社区。

不是在给官方推广。如果你希望开发属于自己的应用,小程序是一个可以快速入手的方案,便捷开发,快速发布,自带传播功能。<强>下面我选中微信小程序讲解。

微信原生小程序开发

& lt; !——,项目目录结构,——比;      | - - -,component ,,,,,,,,,,,,,,组件目录   |——,pages ,,,,,,,,,,,,,,,,,,页页面目录   |,,,……more  dir ,,,,,,,,,,   | - - - |,,还以为;index ,,,,,,,,,,,,,,索引页面   | |,,还以为;,|——,index.js ,,,,,,,, index.js安康;js逻辑文件,,,,,   | |,,还以为;,|——,index.json ,,,,,, index.json安康;json配置文件   | |,,还以为;,|——,index.wxml ,,,,,, index.wxml安康;wxml页面结构   | |,,还以为;,|——,index.wxss ,,,,,, index.wxss安康;wxs页面样式   | - - -,app.js ,,,,,,,,,,,,,,,,,全局js文件   | - - -,app.json ,,,,,,,,,,,,,,,全局json配置文件   | - - -,app.wxss ,,,,,,,,,,,,,,,全局样式文件   | - - -,project.config.json ,,,,项目配置   |——,sitemap.json ,,,,,,,,,,,爬虫文件

将项目导入到小程序开发工具中,就可以开始开发了。添加页面,直接在页目录添加新的文件目录。具体细节参考微信小程序文档

语法支持:

<李>

目前最新版本库已经支持Es6/Es7 async/等待和承诺;

<李>

开发工具会将代码转换成Es5语法,保证各种机型的样式适配;

<李>

部分语法类似于vue和反应;

组件支持:

<李>

提供模板模板支持,微信小程序模板模版;

<李>

组件自定义组件支持,组件内部存在生命周期,组件自定义组件;

API支持:

<李>

可以调用封装过的系统原生方法,比如蓝牙,网络信息,扫码等API方法;

<李>

常规的方法如:存储、Reqeuest,动画、帆布等,更多可以查看微信小程序API;

除小程序原生开发外,当然也可以使用框架了,我个人觉得芋头框架不错,支持多端小程序开发

<强>芋头开发

<人力资源/> 芋头开发文档,芋头支持多端开发,包括微信/百度/支付宝/头条小程序,H5, React-Native,目前我只使用开发过微信小程序和支付宝小程序,H5,其他的还没有尝试过。

|——,config ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,开发配置文件   | - - -,dist ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,目标文件目录   | - - -,src ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,开发目录   | - - - |,,还以为;actions ,,,,,,,,,,,,,,,,,,,,,,,, redux 行动文件   | - - - |,,还以为;constants ,,,,,,,,,,,,,,,,,,,,,,常量文件   | - - - |,,还以为;pages ,,,,,,,,,,,,,,,,,,,,,,,,,,页页面目录   ,,,,,,,……more  dir   | |,,还以为,,,|——指数   | |,,还以为,,,|,,,|——index.scss   | |,,还以为,,,|,,,|——index.txs   | - - - |,,还以为;reducers ,,,,,,,,,,,,,,,,,,,,,,, redux 还原剂文件   | - - - |,,还以为;store ,,,,,,,,,,,,,,,,,,,,,,,,,, redux 存储文件   | - - - |,,还以为;app.scss ,,,,,,,,,,,,,,,,,,,,,,,应用全局样式   null   null   null   null   null   null   null   null   null

小程序应用开发的示例分析