首页 > 微信 > 详细

微信小程序入门

时间:2020-02-22 13:21:46      阅读:52      评论:0      收藏:0      [点我收藏+]

【为什么会有小程序】

小程序是基于微信App的二级生态,它的功能介于H5和App之间。我们知道:

H5页面虽然无需下载,几乎不用占用手机内存空间,但它的系统功能契合度低,且在网速较慢的情况下切换页面或加载数据时,会有明显的卡顿。

App虽然较H5页面级应用更加流畅,且和系统完美契合,但安装App会占用手机较多的内存,还需用户开各种权限,且就开发团队而言,需要安卓开发和iOS开发,成本极高。   

微信小程序内存占用极小,可以缓存,操作足够流程,无需安装,用户体验很好,且在微信上极易营销传播。

 

【响应的数据绑定】

小程序框架的核心是一个响应的数据绑定系统,可以让数据与视图非常简单地保持同步。当做数据修改的时候,只需要在逻辑层修改数据,视图层就会做相应的更新。

逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。

视图层由 WXML 与 WXSS 编写,由组件来进行展示。将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。

注意:小程序框架的逻辑层并非运行在浏览器中,因此 JavaScript 在 web 中一些能力都无法使用,如 windowdocument 等。

 

【相关网站】

微信公众平台  https://mp.weixin.qq.com/

微信官方文档  https://mp.weixin.qq.com/wiki

 

【目录结构】:

技术分享图片

1. assets放置各种资源,如:图片、视频、音频等;

2. components组件抽离;

3. pages下放置各页面,各页面下的各文件必须和对应的文件夹名保持一致;

4. app.js文件是全局的,别的文件中要想获取(设置)这个js文件中的某个值,可以通过var app = getApp()获取;

5. app.json 负责整个项目的配置,比如:

    pages路由、window顶部菜单、tabbar底部Tab、newworkTimeout超时设置、debug定义debug模式;

6. app.wxss样式会被整个项目的页面引用,公共CSS可以写在这里;

 

(另外注意):

1. 写在路由中的js文件,必须使用page方法生成一个示例函数,不然会报错;

2. MINA框架不是前端框架,不存在DOM,没办法使用jQuery;

 

【核心语法展示】:

技术分享图片

 

微信小程序入门

原文:https://www.cnblogs.com/edwardwzw/p/12344430.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!