微信小程序基础理论

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

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 页面

相关文章
|
存储 小程序 算法
【微信小程序】粤语教学平台-粤言粤语(上)
【微信小程序】粤语教学平台-粤言粤语
273 0
|
4月前
|
存储 小程序 JavaScript
基于微信小程序的移动学习平台的设计与实现_kaic
基于微信小程序的移动学习平台的设计与实现_kaic
|
1月前
|
JSON 小程序 JavaScript
超详细微信小程序开发学习笔记,看完你也可以动手做微信小程序项目
这篇文章是一份全面的微信小程序开发学习笔记,涵盖了从小程序介绍、环境搭建、项目创建、开发者工具使用、文件结构、配置文件、模板语法、事件绑定、样式规范、组件使用、自定义组件开发到小程序生命周期管理等多个方面的详细教程和指南。
|
3月前
|
小程序 前端开发 安全
微信小程序|大学生党务学习平台的设计与实现
微信小程序|大学生党务学习平台的设计与实现
|
10月前
|
小程序 前端开发 JavaScript
微信小程序系列之入门级(带你领略微信小程序的魅力)
微信小程序系列之入门级(带你领略微信小程序的魅力)
63 0
|
10月前
|
小程序 开发者 UED
探索微信小程序框架的精华——高质量的优秀选择
引言: 微信小程序作为一种轻量级、高效便捷的应用形式,已经在移动应用领域占据了重要地位。而其中,选择一个得分90分以上的优秀小程序框架是确保开发过程顺利和用户体验优秀的关键。本文将带您一同探索这些优秀的小程序框架,并理解它们为什么值得选择。
65 0
|
存储 自然语言处理 小程序
【微信小程序】粤语教学平台-粤言粤语(下)
【微信小程序】粤语教学平台-粤言粤语
288 0
|
数据采集 JSON 小程序
《智能前端技术与实践》——第 2 章 前端开发基础 ——2.7 微信小程序开发——2.7.1 微信小程序框架结构分析
《智能前端技术与实践》——第 2 章 前端开发基础 ——2.7 微信小程序开发——2.7.1 微信小程序框架结构分析
150 0
|
小程序 前端开发 JavaScript
强烈推介的几个微信小程序开发小技巧,简单又实用
前段时间在下开发了个微信小程序,开发过程中总结了一些我觉得对我有用的小技巧,提炼出来,相当于一个总结复盘,也希望可以帮助到大家。如果对大家确实有帮助,别忘了点赞哦 🌟 ~ 微信开发者工具版本:1.03.2006090(2020-06-19) 基础库版本: v2.12.1 (2020-08-04)
强烈推介的几个微信小程序开发小技巧,简单又实用
|
前端开发 开发工具
微信小程序开发之路(五)
很久没有写有关微信小程序的文章了,正好最近在做小程序项目,也遇到了一些小问题,与大家分享一下。 一、如何在video、map和canvas等组件上定位元素? 在小程序中video、map和canvas等组件是原生组件,层级是最高的,我们无法通过CSS样式来控制其层级,但是有时候我们确实需要在这些组件上定位元素,比如文字和图片。
1198 0