文章 2024-08-17 来自:开发者社区

微信小程序结合PWA技术,提供离线访问、后台运行、桌面图标及原生体验,增强应用性能与用户交互。

微信小程序全栈开发中的PWA技术应用 随着移动互联网的快速发展,微信小程序作为一种新兴的应用形态,受到了广泛关注。它以其便捷的用户体验和强大的社交传播能力,成为企业拓展业务、吸引用户的新渠道。小程序全栈开发涉及到前端设计、后端架构以及微信平台特有的API调用,是一个复杂而有趣的过程。本文将探讨微信小程序全栈开发中的PWA(Pr...

文章 2024-07-04 来自:开发者社区

【微信小程序-原生开发】实用教程22 - 绘制图表(引入 echarts,含图表的懒加载-获取到数据后再渲染图表,多图表加载等技巧)

最终效果预览 实现流程 微信小程序中使用 echarts 需使用官方提供的 ec-canvas 组件 1. 下载 ec-canvas 组件 点击下方链接,下载 ec-c...

【微信小程序-原生开发】实用教程22 - 绘制图表(引入 echarts,含图表的懒加载-获取到数据后再渲染图表,多图表加载等技巧)
文章 2024-07-04 来自:开发者社区

【微信小程序-原生开发】实用教程21 - 分包

分包的流程 当微信小程序主包大小超过2M时,则需要对微信小程序进行分包,方法如下: 1. 转移页面文件 在项目根目录下,新建文件夹 package1 (即自定义的分包名为 package1 ) 文件夹 package1 内新建文件夹 pages 将需要放入分包的页面文件,转移到 /package1/pages ...

【微信小程序-原生开发】实用教程21 - 分包
文章 2024-07-04 来自:开发者社区

【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)

可在系列教程的基础上继续开发,也可以单独使用 【微信小程序-原生开发】系列教程 效果预览 代码实现 点击触发生成海报 在活动详情页,指定点击某图标/按钮,触发跳转到生成海报的页面 pages\components\party\detail\index.js ...

【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
文章 2024-07-04 来自:开发者社区

【微信小程序-原生开发】添加自定义图标(以使用阿里图标库为例)

方式一 : 下载svg导入 优点:操作方便,支持多彩图标 缺点:会增加源代码大小 下载 svg 格式的图标图片,放入源码中使用 ...

【微信小程序-原生开发】添加自定义图标(以使用阿里图标库为例)
文章 2024-07-04 来自:开发者社区

【微信小程序-原生开发】客服

效果预览 实现方案 ...

【微信小程序-原生开发】客服
文章 2024-07-04 来自:开发者社区

【微信小程序-原生开发】TDesign 实战模板——聊天气泡

最终效果 实现原理 聊天气泡的尖角,通过css的边框绘制两个三角形实现,底部为绿色三角形,上方层叠一个小一点的白色三角形。 此范例为左聊天气泡,通过修改css参数,可以调整为右...

【微信小程序-原生开发】TDesign 实战模板——聊天气泡
文章 2024-07-04 来自:开发者社区

【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)

转发给好友/群 在对应页面的 js 文件中,添加...

【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)
文章 2024-07-04 来自:开发者社区

【微信小程序-原生开发】列表 - 拖拽排序(官方组件 movable-area 和 movable-view 的用法)

index.wxml <movable-area style="width: 100%;height:{{(dataList.length)*60}}px;"> <movable-view class="itemBox" style="z-index:{{inde...

【微信小程序-原生开发】列表 - 拖拽排序(官方组件 movable-area 和 movable-view 的用法)
文章 2024-07-04 来自:开发者社区

【微信小程序-原生开发】实用教程15 - 列表的排序、搜索(含云数据库常用查询条件的使用方法,t-search 组件的使用)

请先完成列表数据的分页、触底加载 【微信小程序-原生开发】实用教程14 - 列表的分页加载,触底加载更多(含无更多数据的提醒和显示,自定义组件) https://blog.csdn.net/weixin_41192489/article/details/129355396 效果预览 ...

【微信小程序-原生开发】实用教程15 - 列表的排序、搜索(含云数据库常用查询条件的使用方法,t-search 组件的使用)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"一站式快速开发多平台小程序","productDescription":"本方案使用阿里云多端低代码开发平台魔笔低代码快速搭建适配于微信、支付宝等多平台的小程序,帮助您提升开发效率、降低维护成本。","productContentLink":"https://www.aliyun.com/solution/tech-solution/develop-applets","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/develop-applets"},"productButton2":{"productButtonText":"一键部署","productButtonLink":"https://help.aliyun.com/document_detail/2715331.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"云上经典架构","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/habwoc","productPromotionInfoSecondText":"高效构建企业门户网站","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/build-a-website"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock"}}

阿里小程序云

阿里小程序云官方技术圈

+关注