小程序开发
文章平均质量分 92
微信小程序,简称小程序,是一种不需要下载安装即可使用的应用,随走随用的轻应用,用户扫一扫或搜一下即可打开应用。
SYFStrive
感谢关注,博主是一位前端、Unity,Python等爱好者。
欢迎查看我的主页一系列精品小案例、笔记。
展开
-
微信小程序开发实战 ②④(自定义 TabBar练习)
自定义组件Vant 组件库MobX 数据共享组件样式隔离组件数据监听器组件的 behaviorsVant 样式覆盖修改激活的颜色文档连接 :① 能够知道如何安装和配置 vant-weapp 组件库⚫ 参考 Vant 的官方文档② 能够知道如何使用 MobX 实现全局数据共享⚫ 安装包、创建 Store、参考官方文档进行使用③ 能够知道如何对小程序的 API 进行 Promise 化⚫ 安装包、在 app.js 中进行配置。原创 2023-06-04 16:39:41 · 954 阅读 · 0 评论 -
微信小程序开发实战 ②③(全局数据共享)
分包指的是把一个完整的小程序项目,按照需求划分为不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载。分包预下载指的是:在进入小程序的某个页面时,由框架自动预下载可能需要的分包,从而提升进入后续分包页面时的启动速度。本文到这里就结束了,大佬们的支持是我持续更新的最大动力,希望这篇文章能帮到大家💪相关专栏连接🔗下篇文章再见ヾ( ̄▽ ̄)ByeByeHomePage社区链接🔗专栏连接🔗。原创 2023-06-04 15:21:18 · 1671 阅读 · 0 评论 -
微信小程序开发实战 ②②(全局数据共享)
全局数据共享(又叫做:全局事件总线)是为了解决组件之间数据共享的问题。开发中常用的全局数据共享方案有:Vuex、Redux、MobX ……。数据管理清晰本文到这里就结束了,大佬们的支持是我持续更新的最大动力,希望这篇文章能帮到大家💪相关专栏连接🔗下篇文章再见ヾ( ̄▽ ̄)ByeByeHomePage社区链接🔗专栏连接🔗。原创 2023-06-04 13:53:58 · 1116 阅读 · 0 评论 -
微信小程序开发实战 ②〇(Npm包)
说明:npm (node package manager)是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具,也是世界上最大的软件注册表,每星期大约有 30 亿次的下载量,里面包含超过 600000 个 包的结构,能够使您轻松跟踪依赖项和版本 注册表(registry):是一个巨大的数据库,保存了每个包(package)的信息。命令行工具 (CLI):通过命令行或终端运行。Vant Weapp 是有赞前端团队开源的一套小程序 UI 组件库,助力开发者快速搭建小程序应用。原创 2022-10-09 22:17:38 · 3097 阅读 · 17 评论 -
微信小程序开发实战 ②①(网路请求Promise化)
API Promise化,指的是通过额外的配置,将官方提供的、基于回调函数的异步 API,升级改造为基于Promise 的异步 API,从而提高代码的可读性、维护性,避免回调地狱的问题。本文到这里就结束了,大佬们的支持是我持续更新的最大动力,希望这篇文章能帮到大家💪相关专栏连接🔗下篇文章再见ヾ( ̄▽ ̄)ByeByeHomePage社区链接🔗专栏连接🔗。原创 2022-10-09 22:26:39 · 2363 阅读 · 61 评论 -
微信小程序开发入门与实战 就 ⑩⑨(Behaviors使用)
behaviors 是小程序中,用于实现组件间代码共享的特性,类似于 Vue.js 中的 “mixins”。① 能够创建并引用组件全局引用、局部引用、usingComponents② 能够知道如何修改组件的样式隔离选项③ 能够知道如何定义和使用数据监听器observers④ 能够知道如何定义和使用纯数据字段⑤ 能够知道实现组件父子通信有哪3种方式属性绑定、事件绑定、this.selectComponent(’ id或class选择器’)⑥ 能够知道如何定义和使用behaviors。原创 2022-09-29 00:15:00 · 1630 阅读 · 30 评论 -
微信小程序开发入门与实战 ⑩⑧(三种通信方法)
① 属性绑定用于父组件向子组件的指定属性设置数据,仅能设置 JSON 兼容的数据 父 👉 子② 事件绑定用于子组件向父组件传递数据,可以传递任意数据 子 👉 父③ 获取组件实例父组件还可以通过 this.selectComponent() 获取子组件实例对象 这样就可以直接访问子组件的任意数据和方法 父 👉 子本文到这里就结束了,大佬们的支持是我持续更新的最大动力,希望这篇文章能帮到大家💪相关专栏连接🔗下篇文章再见ヾ( ̄▽ ̄)ByeByeHomePage社区链接🔗专栏连接🔗。原创 2022-09-28 00:15:00 · 1249 阅读 · 11 评论 -
微信小程序开发入门与实战 ⑩⑦(组件页面的生命周期及插槽)
有时,自定义组件的行为依赖于页面状态的变化,此时就需要用到组件所在页面的生命周期。例如:每当触发页面的 show 生命周期函数的时候,我们希望能够重新生成一个随机的 RGB 颜色值。在自定义组件中,组件所在页面的生命周期函数有如下 3 个,分别如 👇生命周期函数参数描述show无组件所在的页面被展示时执行hide无组件所在的页面被隐藏时执行resize组件所在的页面尺寸变化时执行在自定义组件的 wxml 结构中,可以提供一个 节点(插槽),用于承载组件使用者提供的 wxml 结构。原创 2022-09-27 00:15:00 · 829 阅读 · 7 评论 -
微信小程序开发入门与实战 ⑩⑥(纯数据字段及组件生命周期)
概念:纯数据字段指的是那些不用于界面渲染的 data 字段。应用场景:例如有些情况下,某些 data 中的字段既不会展示在界面上,也不会传递给其他组件,仅仅在当前组件内部使用。带有这种特性的 data 字段适合被设置为纯数据字段。好处:纯数据字段有助于提升页面更新的性能。options: {* 组件的属性列表} , /*** 组件的初始数据生命周期函数参数描述说明created无在组件实例刚刚被创建时执行attached无在组件实例进入页面节点树时执行ready无。原创 2022-09-26 10:25:37 · 1651 阅读 · 27 评论 -
微信小程序开发入门与实战 ⑩⑤(定义Data数据及监听器)
数据监听器用于监听和响应任何属性和数据字段的变化,从而执行特定的操作。它的作用类似于 vue 中的watch 侦听器。在小程序组件中数据监听器的基本语法格式如 👇'字段A' , '字段B' : function(A值,B值) {}本文到这里就结束了,大佬们的支持是我持续更新的最大动力,希望这篇文章能帮到大家💪相关专栏连接🔗下篇文章再见ヾ( ̄▽ ̄)ByeBye微信小程序专栏链接。原创 2022-09-25 18:28:05 · 7385 阅读 · 58 评论 -
微信小程序开发入门与实战 ⑩④(自定义组件&自定义组件样式)
自定义组件的样式只对当前组件生效,不会影响到组件之外的UI 结构如 👇组件 A 的样式不会影响组件 C 的样式组件 A 的样式不会影响小程序页面的样式小程序页面的样式不会影响组件 A 和 C 的样式防止外界的样式影响组件内部的样式防止组件的样式破坏外界的样式本文到这里就结束了,大佬们的支持是我持续更新的最大动力,希望这篇文章能帮到大家💪相关专栏连接🔗下篇文章再见ヾ( ̄▽ ̄)ByeBye微信小程序专栏链接。原创 2022-09-24 20:28:56 · 1819 阅读 · 33 评论 -
微信小程序开发实战 ⑩③(WX周期及WXS脚本)
WXS(WeiXin Script)是小程序独有的一套脚本语言,结合 WXML,可以构建出页面的结构。wxs 代码还可以编写在以 .wxs 为后缀名的文件内,就像 javascript 代码可以编写在以 .js 为后缀名的文件中一样。本文到这里就结束了,大佬们的支持是我持续更新的最大动力,希望这篇文章能帮到大家💪相关专栏连接🔗下篇文章再见ヾ( ̄▽ ̄)ByeByeHomePage社区链接🔗专栏连接🔗。原创 2022-10-05 04:30:00 · 2490 阅读 · 22 评论 -
微信小程序开发实战 ⑩②(刷新事件应用&自定义编译模式)
下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。上拉触底是移动端的专有名词,通过手指在屏幕上的上拉滑动操作,从而加载更多数据的行为。本文到这里就结束了,大佬们的支持是我持续更新的最大动力,希望这篇文章能帮到大家💪相关专栏连接🔗下篇文章再见ヾ( ̄▽ ̄)ByeByeHomePage社区链接🔗专栏连接🔗。原创 2022-10-02 05:45:00 · 1248 阅读 · 19 评论 -
微信小程序开发实战 ⑩①(页面导航)
页面导航指的是页面之间的相互跳转。① 《a》链接② 类似 HTTP 重定向③ 类似点击(a 标签)……本文到这里就结束了,大佬们的支持是我持续更新的最大动力,希望这篇文章能帮到大家💪相关专栏连接🔗下篇文章再见ヾ( ̄▽ ̄)ByeByeHomePage社区链接🔗专栏连接🔗。原创 2022-10-03 11:45:00 · 2078 阅读 · 18 评论 -
微信小程序开发实战 ⑩(网络请求设置)
微信小程序网络请求开 REQUEST ~ GET POST原创 2022-09-30 17:21:11 · 5565 阅读 · 29 评论 -
微信小程序开发实战 ⑨(TabBar)
tabBar 是移动端应用常见的页面效果,用于实现多页面的快速切换。底部 tabBar顶部 tabBartabBar中只能配置最少 2 个、最多 5 个 tab 页签当渲染顶部 tabBar原创 2023-06-03 13:41:38 · 4779 阅读 · 4 评论 -
微信小程序开发实战 ⑧(常用的配置项)
微信小程序开发实战(常用的配置项)原创 2022-10-02 00:15:00 · 809 阅读 · 0 评论 -
微信小程序开发实战 ⑦(WXSS VS CSS)
WXSS (WeiXin Style Sheets)是一套样式语言,用于美化 WXML 的组件样式,类似于网页开发中的 CSS。✔rpx(responsive pixel)是微信小程序独有的,用来解决屏适配的尺寸单位。rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。原创 2022-10-04 01:45:00 · 1602 阅读 · 20 评论 -
微信小程序开发入门与实战 ⑥(数据、事件、条件判断、条件渲染)
微信小程序开发入门与实战原创 2022-09-08 17:00:20 · 2035 阅读 · 60 评论 -
微信小程序开发实战 ⑤(API及多人协调开发)
能够知道小程序如何进行协同开发和发布:成员管理、发布小程序、查看运营数据本文到这里就结束了,大佬们的支持是我持续更新的最大动力,希望这篇文章能帮到大家💪相关专栏连接🔗下篇文章再见ヾ( ̄▽ ̄)ByeByeHomePage社区链接🔗微信小程序专栏🔗。原创 2022-10-01 00:15:00 · 3410 阅读 · 43 评论 -
微信小程序开发实战 ④(常用的内置组件)
微信小程序开发实战(常用的内置组件)原创 2022-10-01 16:00:00 · 1954 阅读 · 6 评论 -
微信小程序开发实战 ③(宿主环境与通信模型)
什么是宿主环境❓宿主环境(host environment)指的是程序运行所必须的依赖环境。如 👇Android 系统和 iOS 系统是两个不同的宿主环境。安卓版的微信 App 是不能在 iOS 环境下运行的,所以,Android 是安卓软件的宿主环境,脱离了宿主环境的软件是没有任何意义的!小程序的宿主环境❓微信是小程序的宿主环境,如图 👇小程序借助宿主环境提供的能力,可以完成许多普通网页无法完成的功能。如 👉 微信扫码、微信支付、微信登录、地理定位、etc…原创 2022-10-03 00:30:00 · 497 阅读 · 14 评论 -
微信小程序开发入门与实战 ②(小程序与前端开发的区别)
小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。简单说明 :WXML(WeiXin Markup Language)是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作用类似于网页开发中的 HTML。.....................原创 2022-08-31 19:49:38 · 776 阅读 · 43 评论 -
微信小程序开发入门与实战 ①(初始微信小程序)
小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。本文到这里就结束了,大佬们的支持是我们更新的最大动力,希望这篇文章能帮到大家💪相关专栏连接🔗下篇文章再见ヾ( ̄▽ ̄)ByeBye微信小程序专栏链接微信小程序。............................................................原创 2022-08-29 21:14:45 · 1626 阅读 · 61 评论