微信小程序开发遇到的坑:(如何把转发的卡片返回首页,setInterval和settimeout的区别,跳转关联公众号文章,如何上线)

微信小程序如何延时定时后执行一段代码 其中,第一个参数是需要延时执行的代码,可以是一个函数或者一段代码;第二个参数是延时的时间,单位为毫秒。 阅读详情

     首先,采用的是原生开发,框架也都了解过,我也是VUE的忠实爱好者,但是还是不想去踩用框架的坑,等稳定点再说哈哈,原生本身就足够强大。一开始写不太熟练边看文档边写还抄抄github上的各种栏。其实和HTML很接近,主要耗时还是在CSS样式方面。后台也就认证,发模板这种要点操作,但是都是做一次就会的操作。可以说小程序的入门门槛比传统的web开发要低一些。但同时成本也是提高了,就像要使用HTTPS协议,备案这种就需要很长的时间成本。

1.对于第一个问题:默认的使用分享分享到的只是一个页面,如果用户按返回是无法继续在小程序页面的,这当然对引流不利,对于这种其实使用一种很取巧的方法就可以了,简单描述一下这个方法,基本都会。

  在这个页面的分享事件中(onShare事件),我们都知道可以设置title,path这种,在这里我们设置一个path,在路径后面用url传值的方式,带上“?XXX=XXX”,然后再需要有返回的页面中的onload事件中,每次判断这个XXX的参数存不存在,来判断是不是由分享卡片进入,如果存在则表示从分享卡片进入,然后设置一个定时器,setInterval或者settimeout,直接跳转到那个分享卡片的路径,这样用户既看到了那个页面,又能返回我们想要他返回的页面。

2.第二个问题,接上面的问题,也许有人知道setInterval和settimeout的区别了,觉得都可以用用法类似,其实小程序里的setInterval是无法主动在unload事件中释放的,需要手动释放,这点我也是在web开发者工具中的Audits体验检测中被提示的,两者区别其实和web的区别没有区别,前者可以执行多次,后者一次就完了。如果对于我上面说的场景,如果用前者,你要去手动释放它,比如将定时器绑定到data的变量中,然后clear它。对于后者就不必了,因为本就是只用一次的,但对于用多次的场景,一定要去手动回收。

3.第三个问题

使用web-view标签,详情可以看微信官方文档,很强大的工具,不要理解成src跳转后就直接是网站了,不再是在小程序里,其实还是在小程序里,只是小程序的页面被这个src所指向的路径所占满了,按返回仍然能返回之前浏览的小程序页面,分享这个页面也仍然还是在小程序里,所以有些在web后台使用富文本上传的那种其实很没必要这种成本,公众号的文章效果很难达到的,直接使用公众号写文章资讯然后直接跳转过去是个很直接的方法。

4.第四个问题如何上线:

首先后台要是认证备案超过24小时的,并且协议是https的地址,认证备案没办法大多数只能去老老实实备案(遵纪守法),注意这样认证得到的是http协议的,我们要加个ssl证书,传统方法有点麻烦,有个比较好的方法推荐,github上搜索acme,是个比较好的脚本,可以自动更新证书,两三个命令就自动配置证书。下面是地址(比手动方便的多)

http://www.acme.sh/

这里我是使用nginx,由于https采用默认端口是443,而http是80,我们让80的所有资源跳转443,具体可以百度,然后将后台启动在别的端口,将nginx监听的443端口下的location/的proxy代理项改为你后台的端口,这样小程序就能调用该域名了,然后记住要去微信公众平台设置你的小程序request域名,必须备案超过24小时才可合法。设置完成后即可体验,最后就是提交微信官方审核上线了。

如果还要部署后台也简单,在监听的端口,再开一个location项,然后把后台的静态文件反向代理来解决跨域问题,就可以访问后台了。

 

总结:就像刚学C语言一样,坑是一直有的,但是不能被坑坑再里面,虽然打算考研,但是偶尔编程relax一下自己发散一下思维感觉也还不错。

微信小程序开发中遇到的坑 1、小程序环境配置的问题 这个坑确实的个大坑,因为这个是开发微信小程序的基础,配置不好就没法使用小程序。 这个问题是首先要解决的,刚开始开发微信小程序,由于设置的不校验域名,所以忽略了这一点,等上线后才发现,里面数据全是空的,因为小程序环境没配置好。小程序环境需要https支持,也就是需要安装ssl证书,然后我就买了证书安装上,参考着百度经验里面的教程,很快就安装好了,一切都设置好后,也能正式... 阅读详情

相关推荐

从零到一:RK3588平台上的星闪模块驱动移植全解析

本文详细解析了在RK3588平台上移植UB37星闪模块驱动的完整流程,涵盖内核配置、设备树适配、驱动编译、功能测试等关键步骤。通过实践指导,帮助开发者掌握星闪技术在嵌入式系统中的集成与应用,提升无线通信模块的开发效率。

qsc90123456的博客 337

微信小程序--setTimeout

setTimeout 语法 setTimeout(function callback, number delay, any rest) 参数解释: function callback:回调函数 number delay:延迟的时间,函数的调用会在该延迟之后发生,单位 ms。 any rest:param1, param2, …, paramN 等附加参数,它们会作为参数传递给回调函数。 返回值: number:定时器的编号,这个值可以传递给 clearTimeout 来取消该定时。 作用 设定一个定

海到无边天作岸 山登绝顶我为峰 1万+

中兴畅行60 ZTE 7552N 深度改造指南:从解锁BL到Magisk Root与IMEI硬改全流程

本文详细介绍了中兴畅行60(ZTE 7552N)的深度改造全流程,包括解锁BL、刷入Magisk获取Root权限以及IMEI硬改等关键步骤。通过专业的操作指南和实用技巧,帮助用户安全完成设备改造,同时提醒注意法律风险和技术难点。

weixin_33670786的博客 1885

小程序时间延迟功能setTimeout和setInterval

微信小程序时间延迟功能setTimeout和setInterval,具体实现和主要区别。

f12306555的博客 7149

Qt Installer Framework4.6.1的最基础使用1(win10+离线安装包 )

因工作需要,win程序发布后,打包成一可执行exe文件,且兼容win7系统笔者记录了一些关键要点,供有需要的小伙伴使用。

aggs1990的专栏 904

请叫我鱼拆,2024扫地机器人的第一次拆机

从背面可以看出,这个机器人是两轮差速模型,两个驱动轮,一个万向轮,驱动轮位于机器人中心位置,这样原地旋转的圆心就是机器人的中心。可以看到设备已经连接,但是没有办法进shell,厂家应该有做了安全保护之类的,有知道从这个口可以登录系统办法的小伙伴可以后台留言。但这台机器人一直报警说,机器人轮子离地,小鱼 估计是防跌落模块有问题,误触发了,所以打算先拆机看看。接着小鱼试了下,机器可以开机,然后给他重新配置wifi,连上 米家。Allwinner,全志的片子,不知道哪个型号的,看产品id,应该支持adb。

生活不止眼前的苟且 3927

学习微信小程序时间延迟setTimeout和setInterval的使用方法

在执行到setInterval代码时,在执行number++之后,延迟1秒,可以继续进入setInterval代码块,执行function(){}大括号中的代码功能。如果想要退出循环,需要clearInterval(),也就是将这个时间控制器销毁。在程序执行到setTimeout时,根据预设的时间(单位是毫秒。例如2000,指的是2秒),时间结束执行“要实现延迟执行效果的代码块”对应位置的代码功能。setTimeout在使用的时候可以实现代码块延迟执行的效果,并且可以设置延迟执行的具体时间。

徊忆羽菲 3437

OpenClaw的引导配置(onboard)流程

脚本安装的直接安装完到引导配置界面,其他安装方式还可以直接命令到配置。

supersolon的专栏 1324

Vue 完整版系统知识文档

《Vue全栈开发实战手册》摘要 本手册系统整合Vue2/Vue3全栈知识体系,涵盖基础语法、组件开发、状态管理、工程化等核心内容,适合从入门到精通的完整学习路径。主要特点: 基础核心 详解MVVM架构和响应式原理(Vue2的Object.defineProperty vs Vue3的Proxy) 完整模板语法规则与16种内置指令解析 组件系统核心:通信机制(8种方案)、插槽、动态组件、递归组件 进阶实战 状态管理:Vuex/Pinia完整解决方案 路由开发:动态路由、权限控制、懒加载 工程化:Webpack

专注 Java 后端开发,分享基础语法、JVM、并发、Spring 全家桶、微服务、分布式、性能优化等实战干货。坚持输出高质量技术笔记,用简单语言讲清复杂原理,助力每一位 Java 开发者稳步进阶。 400

手把手教你学Simulink——基于Simulink的无感FOC(滑模观测器+PLL)实战

摘要: 本文详细介绍了基于Simulink的无感FOC(滑模观测器+PLL)实现方法。主要内容包括:1)SMO+PLL原理,通过滑模观测器估算反电动势,结合PLL抑制抖振;2)系统架构,替代编码器信号;3)Simulink建模流程,涵盖Clarke变换、SMO离散化实现、PLL设计等关键步骤;4)参数整定指南和工程实践要点,如启动策略和故障处理。该方法具有成本低、可靠性高的优势,适用于家电、电动车等场景,仿真结果显示角度误差±5°,速度动态跟随良好。文章还提供了调试建议和常见问题解决方案。

MHD0815的博客 136

HTML炫酷烟花④(完整代码)

HTML语言实现炫酷烟花的完整代码。

AIGC 9万+

小程序中setInterval定时器无限轮询问题

日常开发中可能会遇到每过2秒请求接口的问题,查询某种状态的问题,通常应用于支付的场景, 最近项目开发中遇到这种需求,页面二维码每过2秒请求支付状态,如果接口返回支付状态显示成功,则跳转到【评价】页面,然后执行后续的操作,如果支付状态一直是“未支付”,则还是停留在当前页面。 下面是项目需求 需求: 每间隔2秒请求支付接口查看是否完成支付, 完成支付—> 跳转到 评价页 未完成支付 —> 继续停留在当前二维码页面 第一感觉大家都会想到使用setInterval 无限定时器解决就好了,但是这里面会遇

吴佳强的博客 4544

RK3588, FFmpeg 拉流 RTSP, mpp 硬解码转RGB

RK3588, FFmpeg 拉流 RTSP, mpp 硬解码转RGB

J。 2339

小程序定时器——setTimeOut

小程序的一些实用知识

m0_61126125的博客 1296

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

uniapp&&微信小程序 ---倒计时【setTimeout】封装

可以单独封装一个js里后调用 也可以直接当前文件编写(我这个是直接写到当前页面了)调用方式:this.addTimeout(() => {},1000)

heavenz19的博客 805

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

微信小程序setInterval定时器递归关闭定时器报错问题

微信小程序使用定时器实现 发送短信60秒倒计时功能。

weixin_48464215的博客 1516

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

【小程序】setInterval定时执行与停止定时执行踩坑点

实现代码: var timer = setInterval(function () { if (that.data.imageUrl != "false") { console.log(that.data.imageUrl); // 关闭定时循环 clearInterval(that.d...

qq_35808136的博客 6248

微信小程序如何延时?定时?后执行一段代码?

类似于前面那个函数的调用凡事,该函数类似于设置一个定时器中断,现在我们做一个实例:每两秒一个周期在控制台打印输出Hello World。如果这样写会提示console.log该函数未定义,不管在里面写什么代码好像都会报错然后程序卡在那里。正确的写法是这样子的:文章来源地址https://www.yii666.com/blog/394458.html。微信小程序的延时函数位setTimeout(),现在我们来利用该函数,两秒后打印一次“hello”。这里要注意的一点就是里面需要添加()=>{你的代码}。

琅枫的博客 2004

微信小程序服务端开发遇到的一些坑

微信小程序服务端开发遇到的一些坑欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 ...

godwei_ding的博客 2652

微信小程序关于setInterval的问题

小程序中用到了setInterval进行一个简单的图片切换。 使用微信开发者工具进行调试没有什么异常;但进行真机调试的时候,图片的切换变得很慢(setInterval处的时间设置的是50毫秒) 真机调试: 在进行上传之后,进行扫码,再进行操作,真机调试的问题就解决了,也不知道是为啥? 我知道应该避免使用setInterval,它是一种重复的调用,可能造成页面阻塞;但是这里是不得不用;如果出现与我类似的问题,可以先尝试上传,看看能不能解决。如果解决不了,也可以试试用setTimeout递归来进一步实现set

renaissance79的博客 1117

微信小程序setTimeout实现单个倒计时以及循环倒计时(超详细,项目需要做个笔录)

先来看一下效果图吧 循环倒计时 单个倒计时 接下来看一下具体代码吧 循环倒计时 wxml <!--pages/commodity/commodity-time-limit/index.wxml--> <wxs module="format" src="../../../../wxs/format.wxs"></wxs> <wxs module="filter" src="../../../../wxs/filter.wxs"></w

青衫折扇的博客 2960

微信小程序休眠setTimeout

在java C#中,都有自己的休眠函数,那在微信小程序中,也有对应的休眠函数。那是-------setTimeout 使用小案例 这个我在写微信小程绘制 canvas,生产图片的案例,因为绘制头像需要一点时间,这里先让程序停留20毫秒,等候绘制完,在生成图片 setTimeout(() => { //转化为图片 wx.canvasToTempFilePath({ x: 0, y: 0, canvas: canvas, .

Linlietao0587的博客 3073

小程序定时器使用

注意回收:定时器是全局的,并不是跟页面绑定的,当小程序从一个页面路由到另一个页面之后,前一个页面定时器应注意手动回收。1、setInterval:按照指定的周期来执行注册的回调函数。(任务每隔一段时间执行)2、setTimeout:在定时到期以后执行注册的回调函数。(指定的时间后执行)

weixin_42504805的博客 2023

微信小程序定时器setTimeout 和跳转页面定时器销毁clearInterval

微信小程序定时器setTimeout 和跳转页面定时器销毁clearInterval 页面初始数据 Page({ data: { timer : '', 定时器循环方法 /* * 定时器循环方法 */ ==forChat()== { var timerTem = setTimeout(function ()...

zhanghy2019的博客 1万+

微信小程序 定时器setInterval、setTimeout,简单易用

setTimeout setTimeout(function() { console.log('doSomething') }, 2000); 上面就是一个2s的定时器,最基础的简单用法。 这个方法也可以返回一个id,即定时器id,用来清除定时,比如: clearTimeout(timeoutID) setInterval setInterval与setTimeout的使用差别不大,参数都是一样的,区别就在于setTimeout是到时执行一次,setIn

12程序猿的博客 1568

微信小程序下使用定时器setTimeout实现弹窗功能

setTimeout(func, time)可以使得每隔time毫秒就执行一次func函数,常用来做计时器/时钟。 其中的两个参数,一个参数是一个函数,用来定义你需要这个定时器执行的操作。 另一个参数是时间,用来定义循环的时间,单位是毫秒。 微信小程序的弹窗功能 wxml部分: <view class="myToast" hidden="{{nullHouse}...

7TribeZ的博客 4120
上一篇: 基于Google authentic实现的双因子登录认证系统前后台基于SSMP+Vue+Element(解决SecureRandom造成的服务器请求缓慢)
下一篇: nginx配置静态文件代理(通过网络地址直接访问服务器资源)
Tate_Brown
博客等级 码龄9年 39粉丝 107原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值