![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序学习
文章平均质量分 62
小程序学习
AAA非专业划水人士小张
这个作者很懒,什么都没留下…
展开
-
npm包、全局数据共享、分包
Vant Weapp 是有赞前端团队开源的一套小程序 UI 组件库,助力开发者快速搭建小程序应用。它所使用的是 MIT 开源许可协议,对商业使用比较友好。API Promise 化,指的是通过额外的配置,将官方提供的、基于回调函数的异步 API ,升级改造为基于Promise 的异步 API ,从而提高代码的可读性、维护性,避免回调地狱的问题。全局数据共享(又叫做:状态管理)是为了解决组件之间数据共享的问题。开发中常用的全局数据共享方案有: Vuex 、 Redux 、 MobX 等。原创 2024-03-17 01:33:04 · 1225 阅读 · 0 评论 -
自定义组件
数据监听器用于监听和响应任何属性和数据字段的变化,从而执行特定的操作。它的作用类似于 vue 中的watch 侦听器。如果某个对象中需要被监听的属性太多,为了方便,可以使用通配符 ** 来监听对象中所有属性的变化概念:纯数据字段指的是那些不用于界面渲染的 data 字段。应用场景:例如有些情况下,某些 data 中的字段既不会展示在界面上,也不会传递给其他组件,仅仅在当前组件内部使用。带有这种特性的 data 字段适合被设置为纯数据字段。好处:纯数据字段有助于提升页面更新的性能。原创 2024-03-17 00:57:51 · 640 阅读 · 0 评论 -
生命周期、wxs
生命周期函数:是由小程序框架提供的内置函数,会伴随着生命周期,自动按次序执行。生命周期函数的作用:允许程序员在特定的时间点,执行某些特定的操作。例如,页面刚加载的时候,可以在 onLoad 生命周期函数中初始化页面的数据。注意:生命周期强调的是时间段,生命周期函数强调的是时间点。WXS ( WeiXin Script )是小程序独有的一套脚本语言,结合 WXML ,可以构建出页面的结构。原创 2024-03-16 21:12:26 · 824 阅读 · 0 评论 -
页面事件
上拉触底是移动端的专有名词,通过手指在屏幕上的上拉滑动操作,从而加载更多数据的行为。原创 2024-03-16 21:02:25 · 692 阅读 · 0 评论 -
页面导航
页面导航指的是页面之间的相互跳转。例如,浏览器中实现页面导航的方式有如下两种:①。原创 2024-03-16 20:49:19 · 891 阅读 · 0 评论 -
页面配置、网络数据请求
小程序中,每个页面都有自己的 .json 配置文件,用来对当前页面的窗口外观、页面效果等进行配置。原创 2024-03-16 20:37:46 · 381 阅读 · 0 评论 -
全局配置
tabBar 是移动端应用常见的页面效果,用于实现多页面的快速切换。小程序中通常将其分为: 底部 tabBar 顶部 tabBar注意: tabBar 中只能配置最少 2 个、最多 5 个 tab页签 当渲染顶部 tabBar 时,不显示 icon ,只显示文本。原创 2024-03-16 20:27:58 · 900 阅读 · 0 评论 -
WXSS 模板样式
WXSS (WeiXin Style Sheets) 是一套样式语言,用于美化 WXML 的组件样式,类似于网页开发中的CSS。原创 2024-03-16 20:07:45 · 288 阅读 · 0 评论 -
WXML 模板语法
① 在 data 中定义数据 在页面对应的 .js 文件中,把数据定义到 data 对象中即可② 在 WXML 中使用数据。原创 2024-03-16 20:00:26 · 718 阅读 · 0 评论 -
协同工作和发布
④ 开发设置:设置小程序服务器域名、消息推送及扫描普通链接二维码打开小程序。① 开发者权限:可使用小程序开发者工具及对小程序的功能进行代码开发。③ 登录权限:可登录小程序管理后台,无需管理员确认。② 体验者权限:可使用体验版小程序。⑤ 腾讯云管理:云开发相关设置。2. 开发者的权限说明。原创 2024-03-16 19:38:10 · 140 阅读 · 0 评论 -
宿主环境
小程序中的 API 是由宿主环境提供的,通过这些丰富的小程序 API ,开发者可以方便的调用微信提供的能力,例如:获取用户信息、本地存储、支付功能等。小程序官方把 API 分为了如下 3 大类:① 事件监听 API 特点:以 on 开头,用来监听某些事件的触发 举例: wx.onWindowResize(function callback) 监听窗口尺寸变化的事件② 同步 API 特点 1 :以 Sync 结尾的 API 都是同步 API。原创 2024-03-16 19:34:41 · 720 阅读 · 0 评论 -
WXML 模板、wxss样式、js交互
WXML ( WeiXin Markup Language )是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作用类似于网页开发中的 HTML。WXSS (WeiXin Style Sheets) 是一套样式语言,用于描述 WXML 的组件样式,类似于网页开发中的CSS。一个项目仅仅提供界面展示是不够的,在小程序中,我们通过 .js 文件来处理用户的操作。 WXSS 在底层支持新的尺寸单位 rpx ,在不同大小的屏幕上小程序会自动进行换算。 数据绑定 列表渲染 条件渲染。原创 2024-03-16 19:17:54 · 286 阅读 · 0 评论 -
JSON 配置文件
注意: sitemap 的索引提示是默认开启的,如需要关闭 sitemap 的索引提示,可在小程序项目配置文件 project.config.json 的 setting 中配置字段 checkSiteMap 为 false。小程序项目中也不例外:通过不同的 .json 配置文件,可以对小程序项目进行不同级别的配置。小程序中的每一个页面,可以使用 .json 文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖app.json 的 window 中相同的配置项。当用户的搜索关键字和。原创 2024-03-16 19:14:06 · 896 阅读 · 0 评论 -
小程序初步
由于运行环境的不同,所以小程序中,无法调用 DOM 和 BOM 的API。网页的开发模式:浏览器 + 代码编辑器。 安装小程序开发者工具。 创建和配置小程序项目。③ 对小程序功能进行调试。 申请小程序开发账号。① 快速创建小程序项目。④ 小程序的预览和发布。② 代码的查看和编辑。原创 2024-03-16 19:03:49 · 207 阅读 · 0 评论 -
小程序代码和页面的构成
② utils 用来存放工具性质的模块(例如:格式化时间的自定义模块)① .js 文件(页面的脚本文件,存放页面的数据、事件处理函数等)② .json 文件(当前页面的配置文件,配置窗口的外观、表现等)⑥ project.config.json 项目的配置文件。④ app.json 小程序项目的全局配置文件。⑤ app.wxss 小程序项目的全局样式文件。④ .wxss 文件(当前页面的样式表文件)③ .wxml 文件(页面的模板结构文件)③ app.js 小程序项目的入口文件。小程序页面的组成部分。原创 2024-03-16 19:06:19 · 261 阅读 · 0 评论 -
B站小程序学习day3
原创 2024-01-24 18:33:02 · 363 阅读 · 1 评论 -
B站小程序学习day1
原创 2024-01-02 23:28:15 · 349 阅读 · 0 评论 -
B站小程序学习Day2
原创 2024-01-04 10:41:48 · 404 阅读 · 1 评论 -
微信小程序基本组成结构解释
微信小程序基本组成结构原创 2022-10-31 11:24:47 · 828 阅读 · 1 评论