微信小程序基础理论

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

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

相关文章
|
小程序 UED
软件工程毕设参考-基于微信小程序的干洗系统源码
该系统主要分为小程序和管理端两个部分。小程序包含登录/注册、轮播图、衣物信息、衣物添加干洗清单、创建清洗订单、我的订单、通知公告、我要留言、个人信息等功能。管理端包含登录、轮播图管理、留言管理、订单管理、通知管理、干洗衣物管理、留言管理、用户管理、个人信息等功能。通过该系统,用户可以方便地添加和管理衣物干洗清单,创建清洗订单并查看订单状态,以及查看系统公告和留言回复等信息。管理员可以方便地管理轮播图、留言、订单、通知、干洗衣物和用户等信息。该系统具有操作简便、用户体验好、管理高效等优点,可以为用户和管理员提供更加便利的服务。
|
存储 小程序 算法
【微信小程序】粤语教学平台-粤言粤语(上)
【微信小程序】粤语教学平台-粤言粤语
303 0
|
6月前
|
存储 小程序 JavaScript
基于微信小程序的移动学习平台的设计与实现_kaic
基于微信小程序的移动学习平台的设计与实现_kaic
|
3月前
|
JSON 小程序 JavaScript
超详细微信小程序开发学习笔记,看完你也可以动手做微信小程序项目
这篇文章是一份全面的微信小程序开发学习笔记,涵盖了从小程序介绍、环境搭建、项目创建、开发者工具使用、文件结构、配置文件、模板语法、事件绑定、样式规范、组件使用、自定义组件开发到小程序生命周期管理等多个方面的详细教程和指南。
|
6月前
|
数据安全/隐私保护 Android开发 UED
【Uniapp 专栏】Uniapp 在社交应用开发中的案例研究
【5月更文挑战第12天】本文探讨了一个使用Uniapp开发的社交应用案例,该应用提供用户注册登录、个人资料管理、好友关系、动态发布、消息聊天等功能。Uniapp的跨平台特性和丰富的组件简化了开发过程,确保应用在iOS和Android上的兼容性。特色功能如话题标签、点赞评论和附近的人增加了用户互动。设计上追求简洁美观,同时重视数据安全。此案例展示了Uniapp在社交应用开发的潜力和优势。
107 4
|
小程序 前端开发 JavaScript
微信小程序系列之入门级(带你领略微信小程序的魅力)
微信小程序系列之入门级(带你领略微信小程序的魅力)
77 0
|
存储 自然语言处理 小程序
【微信小程序】粤语教学平台-粤言粤语(下)
【微信小程序】粤语教学平台-粤言粤语
307 0
|
数据采集 JSON 小程序
《智能前端技术与实践》——第 2 章 前端开发基础 ——2.7 微信小程序开发——2.7.1 微信小程序框架结构分析
《智能前端技术与实践》——第 2 章 前端开发基础 ——2.7 微信小程序开发——2.7.1 微信小程序框架结构分析
159 0
|
小程序 前端开发 JavaScript
强烈推介的几个微信小程序开发小技巧,简单又实用
前段时间在下开发了个微信小程序,开发过程中总结了一些我觉得对我有用的小技巧,提炼出来,相当于一个总结复盘,也希望可以帮助到大家。如果对大家确实有帮助,别忘了点赞哦 🌟 ~ 微信开发者工具版本:1.03.2006090(2020-06-19) 基础库版本: v2.12.1 (2020-08-04)
强烈推介的几个微信小程序开发小技巧,简单又实用
|
前端开发 开发工具
微信小程序开发之路(五)
很久没有写有关微信小程序的文章了,正好最近在做小程序项目,也遇到了一些小问题,与大家分享一下。 一、如何在video、map和canvas等组件上定位元素? 在小程序中video、map和canvas等组件是原生组件,层级是最高的,我们无法通过CSS样式来控制其层级,但是有时候我们确实需要在这些组件上定位元素,比如文字和图片。
1205 0