微信小程序基础理论

简介: 微信小程序基础理论

1.微信小程序的目录结构

pages 主要存放小程序的页面文件

app.js 小程序逻辑

app.json 小程序公共配置

app.wxss 小程序公共样式表

xxx.js 页面逻辑

xxx.wxml 页面结构

xxx.json 页面配置

xxx.wxss 页面样式表

2.wxml与标准的html的异同

开发工具限制:WXML仅能在微信小程序开发工具中预览,而HTML可以在浏览器内预览。

组件封装不同:WXML对组件进行了重新封装,为后续的性能优化提供了可能,同时避免开发者写出低质量的代码。

没有DOM树:小程序运行在JS Core内,没有DOM树和window对象,没有办法使用相关API。

3.微信小程序的优劣势

优点:

微信平台流量大,用户基数大。

可以调用丰富的手机系统功能

安全性高,便于维护。

无需下载,内存小,方便用户。

打开速度快,接近原生APP。

性能优于H5,开发成本低于APP。

缺点:

代码包限制为2M,开发大型项目需要分包加载。

微信小程序更新频繁,技术框架不稳定。

关闭时不能给用户推送消息和个人相关的通知。

有时开发工具预览和实际预览不符。

上架需要像APP一样审核,比H5即做即发布要麻烦些。

4.小程序的数据驱动和vue的双向绑定有何异同

在vue中,通过this.reason取值。使用this.渲染

小程序中,通过this.data.reason取值。使用this.setData()渲染

5.小程序中用于跳转页面的5个api是什么?区别?

wx.navigateTo() 保留当前页面,跳转到应用内的某个非tabBar页面。

wx.navigateBack() 获取当前的页面栈,决定需要返回几层。

wx.redirectTo() 关闭当前页面,跳转到应用内的某个非tabBar页面

wx.reLaunch() 关闭所有页面,跳转到小程序内的某个非tabBar页面

wx.switchTab() 关闭其他所有非tabBar页面,跳转到 tabBar 页面

相关文章
|
存储 小程序 算法
【微信小程序】粤语教学平台-粤言粤语(上)
【微信小程序】粤语教学平台-粤言粤语
258 0
|
3月前
|
存储 小程序 JavaScript
基于微信小程序的移动学习平台的设计与实现_kaic
基于微信小程序的移动学习平台的设计与实现_kaic
|
2月前
|
小程序 前端开发 安全
微信小程序|大学生党务学习平台的设计与实现
微信小程序|大学生党务学习平台的设计与实现
|
9月前
|
小程序 前端开发 JavaScript
微信小程序系列之入门级(带你领略微信小程序的魅力)
微信小程序系列之入门级(带你领略微信小程序的魅力)
58 0
|
存储 自然语言处理 小程序
【微信小程序】粤语教学平台-粤言粤语(下)
【微信小程序】粤语教学平台-粤言粤语
273 0
|
JSON 小程序 JavaScript
如何学习微信小程序? 学习微信小程序所需基础
如何学习微信小程序? 学习微信小程序所需基础
192 0
|
数据采集 JSON 小程序
《智能前端技术与实践》——第 2 章 前端开发基础 ——2.7 微信小程序开发——2.7.1 微信小程序框架结构分析
《智能前端技术与实践》——第 2 章 前端开发基础 ——2.7 微信小程序开发——2.7.1 微信小程序框架结构分析
146 0
|
前端开发 JavaScript 索引
|
JSON JavaScript 前端开发
|
前端开发 开发工具
微信小程序开发之路(五)
很久没有写有关微信小程序的文章了,正好最近在做小程序项目,也遇到了一些小问题,与大家分享一下。 一、如何在video、map和canvas等组件上定位元素? 在小程序中video、map和canvas等组件是原生组件,层级是最高的,我们无法通过CSS样式来控制其层级,但是有时候我们确实需要在这些组件上定位元素,比如文字和图片。
1191 0