开发微信小程序捷 第1篇
uni-app 就是 用 开发所有前端应用 的框架
用vue去写,uni-app会帮我们生成 各个终端适配的一个应用
可以实现开发者编写一套代码,就能发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。【即:一次开发 多端覆盖】
① HBuilder X 开发工具
了解 HBuilder X :
uni-app开发工具 是由 HBuilder X 开发工具来写的,对这个框架的支持度比较高
进 HBuilder X 的官网 下载 :(免安装 解压完就可直接用)
② 微信小程序的模拟器 (也称 微信开发者工具)
了解 微信小程序的模拟器:
它是将 HBuilder X 上写的代码,构建成 符合微信小程序的项目结构 在这上面编译并运行的
进官网 下载稳定版更新日志 :
开发微信小程序捷 第2篇
说人话就是:导航栏
以下搬运一下优质UP主的详细tarBar属性内容
最常用的有:iconPath、selectedIconPath
1.打开文件 2.打开微信公众平台 3.将官方的tabBar格式复制进 4.打开平台找tabBar相关属性配置
开发微信小程序捷 第3篇
利用navigate标签 navigate标签+URL地址+参数 url=“…/…/indexDetail?id=3”
给容器定义一个bind事件 触发时 带着参数data-id=3 传给js +URL地址+参数 url=“…/…/indexDetail?id=3”
顾名思义:作用于全局的变量 当一个变量在多个页面使用时,为了方便调用,我们便会选择将它定义为全局变量
定义
使用
顾名思义:存储在本地的数据 (永久保存) 当我们需要一个数据永久保存在小程序页面时,我们会用到本地存储
开发微信小程序捷 第4篇
[plugin:vite:vue] [@vue/compiler-sfc]
数据收集:
当表单提交时,formSubmit
方法被触发。
事件对象 e
包含了表单的数据,可以通过 获取。
这些数据被打印到控制台,并通过 显示给用户。
数据处理:
数据并没有被导出到外部,而是在组件内部被处理。
若是将数据导出到外部,
例如发送到服务器或保存到本地存储中,
需要在 formSubmit
方法中添加相应的逻辑。例如,可以使用 fetch
或 axios
发送 HTTP 请求 来将数据发送到服务器
开发微信小程序捷 第5篇
小程序中的data是一个对象 页面中所涉及到的变量都要在data中定义
内容绑定:
属性绑定:
通常我们获取到有效数据,需要将有效数据追加或替换原有的数据,这时,我们需要用到数据修改,非常常用。
这里给个栗子:
bindtouchstart 手指触摸事件 bindtouchmove 手指触摸移动事件
翻译:在选择器为list的元素中,检索isTouchMove,为true则给list添加‘touch-move’样式,为false则添加“”(空)
开发微信小程序捷 第6篇
可以把template模板理解成一个外包公司的产品,在它之前,我们都是自己一条工序走到底,有了它之后,它的精美框架和样式,可以直接被我们使用,不仅方便而且能省去很多的力气,可谓人类之星!
template(模板):主要用于显示,简单的说主要是用于嵌入wxml的代码,模板中是可以拥有对应的样式以及逻辑,但是他并没有属于的对应的js文件,它的逻辑依赖于引用的页面。
导入模板框架
导入模板样式
将复杂的应用程序分解为一系列独立的模块,每个模块负责完成特定的功能或业务逻辑。
可以理解为一个NFC,“滴”一下就能完成“开灯”的命令。
与我们创建的js文件一样,只不过我们把特定的需要调用的数据装在js文件中,赋予了它新的名字“xx模块” 以下这个例子就是用来存储固定数据的
你可能会问了,为什么要另存这么麻烦?
其实更多的是为了简洁代码页,方便编写,也方便后续的数据修改。
模块和普通js文件相比,最重要的是 将list数组暴露出去 {list:list} 这样外部的文件总才能调用到它
导入模块
使用模块