
小程序开发实战
文章平均质量分 91
以Orange Can项目为参考,实现的第一个微信小程序项目。通过这个项目学习微信小程序的相关知识,欢迎大家订阅,会持续更新噢~
颜颜yan_
知不足而奋进,望远山而前行
商务合作wx:YANyan0918666
展开
-
微信小程序云开发快速入门
云开发是一种基于云计算技术的开发模式,它允许开发者在云端进行应用程序的开发、部署、运行和管理,而无需关心底层的服务器、存储、网络等基础设施。这种开发方式极大地简化了应用程序的开发流程,提高了开发效率,并降低了运维成本。在云开发中,开发者可以利用云服务提供商提供的各种工具和服务,如云函数、云数据库、云存储、云API等,来快速构建和部署应用程序。这些服务通常都是高度可扩展、高可用和安全的,能够满足不同规模和复杂度的应用需求。原创 2024-12-05 09:01:33 · 697 阅读 · 6 评论 -
【微信小程序】计算器案例
嗨嗨嗨,好久没更新小程序专栏了,本期浅浅用小程序写一个计算器。最终代码会上传至资源噢~以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2023-03-05 07:00:00 · 10574 阅读 · 13 评论 -
【微信小程序】文章点赞功能的实现
哈喽大家好,本期是微信小程序专栏第二十期。每期内容是连载呢,建议大家可以看看往期内容,更好理解噢~以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2023-01-23 10:59:47 · 3558 阅读 · 16 评论 -
【微信小程序】收藏功能的实现(条件渲染、交互反馈)
哈喽大家好,本期是微信小程序专栏第十九期。每期内容是连载呢,建议大家可以看看往期内容,更好理解噢~以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2023-01-18 07:00:00 · 6417 阅读 · 11 评论 -
【微信小程序】动态设置导航栏标题
哈喽大家好,本期是微信小程序专栏第十八期。本期主要内容是动态设置导航栏标题。导航栏是页面最顶部的一块区域。本期使用两种方法来实现动态导航栏标题的设置,分别是使用配置文件配置导航栏标题和使用wx.setNavigationBarTitle(OBJECT)设置导航栏。每期内容是连载呢,建议大家可以看看往期内容,更好理解噢~以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2023-01-17 07:00:00 · 5461 阅读 · 13 评论 -
【微信小程序】页面跳转、组件自定义、获取页面参数值
哈喽大家好,本期是微信小程序专栏第十七期。本期主要内容是页面跳转、组件自定义、获取页面参数值。每期内容是连载呢,建议大家可以看看往期内容,更好理解噢~要想实现点击文章就跳转到相应的文章详情页面,就需要给每个文章设置一个id,然后绑定这个id,如下,绑定postId:我们可以看到,每篇文章的id号都被绑定在该文章的view容器上。通过获取当前文章的postId。event事件对象是由MINA框架在调用onTapToDetail函数时传递的参数,其中,代表事件绑定的当前组件。dataset对象。原创 2022-12-04 07:00:00 · 2643 阅读 · 35 评论 -
【微信小程序】缓存数据库操作类——prototype和ES6方法
哈喽大家好,本期是微信小程序专栏第十六期。本期主要内容是构建一个访问缓存数据库的访问“类”,主要有prototype和ES6两种方法。每期内容是连载呢,建议大家可以看看往期内容,更好理解噢~以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2022-12-02 07:00:00 · 611 阅读 · 0 评论 -
【微信小程序】CSS模块化、使用缓存在本地模拟服务器数据库
哈喽大家好,本期是微信小程序专栏第十五期。本期主要内容是使用缓存在本地模拟服务器数据库。主要包括了解应用程序的生命周期、Storage缓存初始化、设置缓存和清理缓存等。每期内容是连载呢,建议大家可以看看往期内容,更好理解噢~以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2022-12-01 07:00:00 · 2321 阅读 · 12 评论 -
【微信小程序】冒泡事件与非冒泡事件、将文章数据从业务中分离、wxml的模块化
哈喽大家好,本期是微信小程序专栏第十四期。上期我们实现了从welcome页面跳转到page页面,本期我们先对上期内容进行一个补充知识点,也就是冒泡事件与非冒泡事件的定义。本期主要实现的功能是将page.js中的文章数据分离到一个单独的js中,即将文章数据从业务中分离,通过这一功能的实现学习wxml的模块与模块化等知识点。注意:每期内容是连载呢,建议大家可以看看往期内容,更好理解噢~以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2022-11-29 07:00:00 · 1116 阅读 · 0 评论 -
【微信小程序】实现页面跳转功能
哈喽大家好,本期是微信小程序专栏第十三期,本期我们将学习页面跳转功能,页面跳转功能主要使用小程序的导航API来实现。注意:每期内容是连载呢,建议大家可以看看往期内容,更好理解噢~以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2022-11-25 07:00:00 · 12061 阅读 · 10 评论 -
【微信小程序】列表渲染wx:for
哈喽大家好,本期是微信小程序专栏第十二期,本期我们将学习列表渲染wx:for。注意:每期内容是连载呢,建议大家可以看看往期内容,更好理解噢~以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2022-11-22 07:00:00 · 4813 阅读 · 12 评论 -
【微信小程序】数据绑定
哈喽大家好,本期是微信小程序专栏第十一期,本期主要是通过将post.wxml页面的数据移植到post.js中来学习数据绑定。注意:每期内容是连载呢,建议大家可以看看往期内容,更好理解噢~以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2022-11-19 07:00:00 · 3441 阅读 · 32 评论 -
【微信小程序】.js文件的代码结构与Page页面的生命周期
哈喽大家好,本次是微信小程序专栏的第十期。上期post页面已经完成,本期将为该页面加入js啦。本期的主要内容是了解.js文件的代码结构与Page页面的生命周期,后续应用会详细讲解噢~注意:每期内容是连载呢,建议大家可以看看往期内容,更好理解噢~以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2022-11-17 14:17:56 · 1474 阅读 · 2 评论 -
【微信小程序】image组件的4种缩放模式与9种裁剪模式
哈喽大家好,本次是微信小程序专栏的第九期。在项目中,我们经常要面对图片的尺寸结合设计图的尺寸不同的情况。在这种情况下,我们必须要有所舍弃,或放弃等比例,或裁剪掉图片的一部分。本期的主要内容是image组件的4种缩放模式与9种裁剪模式。注意:每期内容是连载呢,建议大家可以看看往期内容,更好理解噢~每种模式的字面意思都很好理解。要更改图片的裁剪或缩放模式,只需要给image组件加上一个mode属性值。以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2022-11-14 07:00:00 · 2314 阅读 · 25 评论 -
【微信小程序】vertical属性、文章列表
哈喽大家好,本期是微信小程序专栏第八期,本期的主要内容是以vertical属性为例了解Boolean值的一个小“陷阱”、文章列表的制作。注意:每期内容是连载呢,建议大家可以看看往期内容,更好理解噢~以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2022-11-10 15:53:25 · 1662 阅读 · 13 评论 -
【微信小程序】轮播图——swpier组件
哈喽大家好,本期是微信小程序专栏第六期,本期主要内容是文章列表页面。文章列表页面主体分为轮播图和文章列表两部分。本期主要通过轮播图来学习swipe组件。注意:每期内容是连载呢,建议大家可以看看往期内容,更好理解噢~以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2022-11-08 00:06:51 · 7138 阅读 · 6 评论 -
【微信小程序】全局样式文件app.wxss、页面的根元素page、 app.json中的window配置项
哈喽大家好,本期是微信小程序专栏第六期,本期主要是通过设置页面背景颜色、设置导航栏颜色来学习全局样式文件app.wxss、页面的根元素page、 app.json中的window配置项。以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2022-11-08 07:00:00 · 3480 阅读 · 4 评论 -
【微信小程序】小程序支持的css选择器、小程序自适应单位rpx简介
哈喽大家好,本次是微信小程序专栏第五期啦,本期主要内容是小程序支持的css选择器和小程序自适应单位rpx简介。注意:每期内容是连载呢,建议大家可以看看往期内容,更好理解噢~以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2022-11-07 07:00:00 · 2561 阅读 · 2 评论 -
【微信小程序】flex布局
哈喽大家好,本期是微信小程序的第三期,本期主要内容:flex布局。ps:本期有引用上期内容噢~Flex布局是W3C组织在2009年提出的一个新的布局方案,其宗旨是让页面的样式布局更加简单,并可以很好地支持响应式布局。Flex也成为“弹性布局”,主要作用在容器上,它将页面中所有的元素都包裹起来。在上期文章中,我们使用将view变成了一个弹性盒子。设置是应用一切弹性布局属性的先决条件,如果不设置,那么后续的其他相关弹性布局属性都将无效。以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~原创 2022-11-06 09:38:04 · 2461 阅读 · 33 评论 -
【微信小程序】welcome页面
app.js、app.json和app.wxss。一个小程序项目必须有这3个描述App的文件,它们必须放在应用程序的根目录下,否则小程序会提示找不到app.json文件。原创 2022-11-04 07:00:00 · 2294 阅读 · 12 评论 -
【微信小程序】微信Web开发者工具的部分界面功能
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2022-11-03 07:00:00 · 2951 阅读 · 2 评论 -
【微信小程序】微信Web开发者工具下载及安装
什么是微信小程序?小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无须安装卸载。本期我们来学习微信Web开发者工具的下载及安装。以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏,持续更新呢~咱们下期再见~原创 2022-11-02 07:00:00 · 6344 阅读 · 6 评论