- 博客(395)
- 资源 (1)
- 收藏
- 关注
原创 使用WebSocket实现答题积分排名实时更新的功能
其中,WebSocket是HTML5提供的在WEB应用程序中客户端和服务器端之间进行的非HTTP的通信机制。使用WebSockets建立的连接是实时的,也是永久的,除非被显示关闭。接到一个需求,是一个答题积分小程序,其中有一个功能需求是需要实时更新答题积分排名的。之前通常比较常见的需求,都是指定某个时间点才更新答题排行榜的数据的。在后端写完接口后,使用postman测试WebSocket接口,调通后没问题了才进行写前端代码实现。无论是性能上还是效率上,第二种方案无疑优于第一种方案。
2024-04-17 22:46:48 302
原创 微信答题小程序云开发--实现云函数上传题目图片 base64功能
只上传文件路径是不能把本地文件成功上传到云存储的,但是我们可以将本地文件进行 进制 编码 转化为字节流上传到云函数中。基本方式在js文件中已经有具体描述,通过具体到秒的时间和图片的上传顺序进行编码 基本可以保证不会有重名的文件存在。_dirname代表的是文件根目录,官方文档能实现的功能貌似只是移动云存储空间中的文件,并不能操作本地文件。但是我们同时也知道,云函数是后台服务端,具有管理员权限,只要能调用云函数上传文件就可以解决这个问题了。再在云函数的操作中把字节或文件转化为相对应的格式。
2024-03-26 09:37:08 238 1
原创 微信运动小程序,实现经纬度信息上报与绘制运动轨迹
1、位置不变化时也上报,亮屏状态每隔两秒触发onLocationChange。微信小程序后台位置信息wx.onLocationChange实现间隔上报。2、api没有提供参数控制onLocationChange的上报间隔。微信运动小程序,实现经纬度信息上报与绘制运动轨迹。以下的代码可能解决以上两个问题。
2024-03-18 14:04:18 197 1
原创 开发微信运动轨迹小程序后台位置信息遇到的问题与梳理
安卓 8.0.0 , iOS 8.0.0 起,若开发者未通过wx.authorize({scope: 'scope.userLocation'})请求过位置权限,支持通过 wx.authorize({scope: 'scope.userLocationBackground'}) 唤起后台使用地理位置授权窗口。距离判断 =》当前点与上一点之间的距离是否合理,是否存在拉直线状况,可自行根据实际情况与需求判断;等距离判断:当前点与上一点之间的距离是否合理,是否存在拉直线状况,可自行根据实际情况与需求判断;
2024-03-07 11:18:22 1005
原创 微信餐饮外卖配送小程序实现后台持续获取位置信息
进入小程序后台管理页面找到开发-开发管理-接口设置,进行申请一般小程序都会申请开通 wx.getLocation 这个接口,然后我们会在第一次进入小程序时弹出让我们授权位置信息获取。wx.startLocationUpdate 开启小程序进入前台时接受位置信息(如果开通前后台的话,一般会用的前后台的,建议开通,服务其他页面需求);微信团队在公众号里说“满足线路导航、路线记录等服务场景下,小程序需要长时间持续定位来提供服务”,但在实际情况中是,小程序很难实现所谓的“长时间”(有时甚至不到5分钟)。
2024-03-06 14:59:23 395
原创 新版内容管理系统(CMS)搭建教程
默认关闭,数据存储在CMS中心化数据库,可通过OpenAPI获取数据。如果开启,模型数据则存储在云开发环境的数据库,且无法通过OpenAPI获取数据。基于云开发搭建的可视化的内容管理平台(CMS),新版内容管理系统(CMS)搭建教程。由公~号(木番薯科技)提供教程支持。注意开启这个开关,模型数据是否存储至云开发环境数据库。23、如果需要重新创建的话,需要先在这里【删除项目】17、不知道密码是多少?20、也可以采用导入模型的方式。14、关联的云开发环境。
2024-02-27 14:34:29 255
原创 闲来无事,开发了一款下单点餐微信小程序
1)用户注册登录:实现用户的微信授权注册登录,获取微信头像和昵称。2)首页轮播图:实现滑块视图容器显示面板指示点,采用衔接滑动的方式,每隔5秒进行自动切换,带有滑动动画效果。3)主页信息与功能按键:展示圆形店铺头图、店铺名称、标识和营业时间,联系方式以及地址,接入在线客服功能、一键拨号功能,点击[下单点餐]功能按键跳转到商品列表页面。4)商品列表页:左侧栏为分类,可以点击切换,右侧为对应当前分类下的商品信息列表,展示商品图片、名称、标签、销量和价格,加减功能按键。
2024-02-21 00:25:16 953 6
原创 使用HTML、CSS和JavaScript构建响应式企业官网
使用HTML、CSS和JavaScript构建响应式企业官网,web网页设计与制作-html+css+js实现企业官网展示。pc端和移动端动态演示assets文件夹:静态资源目录,主要存放css、fonts、images、js等静态资源文件;favicon.ico文件:网站图标;index.html文件:首页html,主要的页面结构与布局;适用于期末HTML大作业、课设项目、毕设项目等,更适用于商用,企业官网展示等。页面结构清晰,布局合理,纯原生实现响应式布局。
2024-02-16 11:54:04 439
原创 html+css+js 我的学校网页设计与制作实例(6个页面)
4.网页作品编辑方面:此作品为我的学校网页设计题材,代码为 html+css 布局制作,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、Vscode 、Sublime 所有编辑器均可使用)也适用于:大学生网页作业制作 (HTML+CSS)、大学生HTML期末大作业、web前端期末大作业、web课程设计网页规划与设计、我的学校网页设计作业成品、HTML+CSS+JS网页设计期末课程大作业等。主要有:首页、关于暨大、学校新闻、新闻详情页、校园风光、 联系我们等总共6个页面html下载。
2024-01-31 22:49:02 394
原创 html+css+js 三亚旅游网页设计与制作实例(6个页面)
2.网页作品编辑方面:此作品为旅游网页设计题材,代码为 html+css 布局制作,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、Vscode 、Sublime 所有编辑器均可使用)也适用于:大学生网页作业制作 (HTML+CSS)、大学生HTML期末大作业、web前端期末大作业、web课程设计网页规划与设计、旅游网页设计作业成品、HTML+CSS+JS网页设计期末课程大作业等。主要有:首页、关于我们、精选路线、详情页、旅游攻略、 联系我们等总共6个页面html下载。
2023-12-07 13:11:21 253
原创 HTML+CSS网页设计与制作 (我的家乡)
HTML+CSS网页设计与制作,我的家乡网页代码, 本实例适合于初学HTML+CSS的同学。该案例里面有div+css的样式布局设置,这个实例比较全面,有助于同学的学习。本文将介绍如何通过从零开始设计个人网站,并将其转换为代码的过程来实现设计与制作。大学生网页作业制作 (HTML+CSS)、大学生HTML期末大作业。HTML+CSS网页设计与制作 (我的家乡)
2023-12-06 10:58:59 2022 4
原创 Cascader 级联选择器动态加载数据的回显
如果后端没有只返回第三级的id,而是同时把第三级的名字一起返回了,那么就可以通过下面的方法来实现。4.把placeholder="请选择"改成你所赋值的字段名。5.给placeholder加个样式,把浅灰色改成浅黑色。3.赋值 如过后端返回的有第三级的选项名。1.在级联选择器里面加上这句代码。
2023-11-27 17:09:33 716
原创 使用HTML+CSS+JS网页设计与制作,酷炫动效科技农业网页
使用HTML+CSS+JS网页设计与制作,酷炫动效科技农业网页。可以用于家乡介绍、科技农业、图片画廊展示等个人网站的设计与制作。农业网站、家乡网站、农产品网站、旅游网站。
2023-11-26 17:18:30 662
原创 HTML+CSS+JS网页设计与制作摄影类个人网页
1、网站程序:主要使用网页三剑客html+css+javaScript实现网页设计与制作,完成网站的功能设计。制作适用于任何浏览器或设备的精美网站。2、网站布局:主要采用浮动布局。兼容各大主流浏览器、显示效果稳定。3、网站文件:网站系统文件种类包含html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件等。4、网站素材:搜集或制作适合网页风格和尺寸的图片,追求优质视觉体验。
2023-11-26 16:22:41 185
原创 web静态网页设计与制作-基于HTML+CSS+JS实现旅游摄影网站
我使用了基本的HTML结构来构建网页,并使用CSS样式进行美化设计,然后使用jquery.js实现酷炫的交互效果。需要注意的是,确保将所需的图片文件与HTML和CSS文件放在同一目录下。最后,将文件部署到Web服务器上,即可通过浏览器访问旅游摄影网站的单页应用。同时,要注意页面的响应式设计和用户体验,确保网站可以在不同的设备和屏幕尺寸上正常显示和访问。web静态网页设计与制作,基于HTML+CSS+JS实现精美的旅游摄影网站,拥有极简的设计风格,丰富的交互动效,让人眼前一亮,享受视觉上的体验。
2023-11-24 17:14:43 1024 2
原创 从word复制内容到wangEditor富文本框的时候会把html标签也复制过来,如果只想实现直接复制纯文本,有什么好的实现方式
很多富文本编辑器支持类似的快捷键,允许将内容作为纯文本粘贴,通常是 Ctrl + Shift + V(在Windows上)或 Cmd + Shift + V(在Mac上)。有些富文本编辑器提供了自定义粘贴事件的功能,你可以拦截粘贴的内容并对其进行处理。你可以先将内容粘贴到一个中间变量中,然后从中间变量中提取纯文本,再将纯文本插入到富文本编辑器中。以上方法可能需要根据具体的富文本编辑器和需求进行调整,但都是常见的处理方式,可以帮助你在粘贴时获取纯文本并插入到编辑器中。// 插入纯文本到富文本编辑器中。
2023-11-24 12:00:15 712
原创 Webpack Bundle Analyzer包分析器
报错了,“'cross-env' is not recognized as an internal or external command, operable program or batch file.”当我们需要分析打包文件dist里哪些资源可以进一步优化时,就可以使用包分析器插件webpack-bundle-analyzer。6、浏览器会自动打开127.0.0.1:8888(我们手动输入localhost:8888也是可以的)1、webpack-bundle-analyzer插件的安装。
2023-11-14 14:23:34 525
原创 vue 中 asstes 和 static 有什么联系与区别
Vue CLI 是一个官方提供的 Vue.js 项目脚手架工具,它生成的项目通常具有一种约定的目录结构。目录是位于源代码根目录下的静态资源文件夹,其中的文件不会被构建工具处理,而是原封不动地复制到构建输出的根目录(如。目录是相对于源代码的,通常用于存放项目中需要经过构建处理的资源文件,例如图片、样式表、字体等。这是一个简化的目录结构,实际项目中可能会包含更多的文件和文件夹。目录中的资源文件会被构建工具处理和优化,适合需要通过模块引入的文件。目录中的资源文件不会经过构建处理,适合不需要改变路径和处理的文件。
2023-11-13 09:57:47 197
原创 js获取页面中某个元素的中心位置
属性获取元素的左上角位置,加上元素宽度和高度的一半,即可计算出元素的中心位置。最后,将中心位置输出到控制台。请注意,上述代码假设元素没有相对定位或绝对定位,如果元素具有这些定位方式,则需要根据具体情况进行调整。要获取页面中某个元素的中心位置,可以使用JavaScript的DOM API。获取要获取中心位置的元素。在上面的代码中,首先通过。
2023-10-26 09:35:14 356
原创 javascript中map和filter的区别与联系
在功能和返回值上有区别,但都是对数组进行操作的方法。假设你有一个对象数组,每个对象都包含一个名字属性,你想要获取所有对象的名字。是两个常用的数组方法,用于对数组进行转换和过滤操作。,并返回一个新的数组,新数组的元素是原数组元素经过操作后的结果。,并返回一个新的数组,新数组包含符合条件的元素。属性的值,然后返回一个包含所有名字的新数组。方法将该值提取出来,并返回一个新的数组。,其中每个元素都是通过操作得到的结果。要获取对象数组中的某个值,你可以使用。如果你要获取的是其他属性的值,只需将。
2023-09-25 09:14:17 994
原创 在vue项目中封装WebSockets请求
2. 创建WebSocket服务:在Vue项目中,可以创建一个WebSocket服务,用于管理连接、发送和接收消息等操作。1. 安装WebSocket库:首先,导入WebSocket库,例如`vue-native-websocket`或`socket.io-client`。根据项目需求选择适当的库,并根据官方文档进行安装和配置。6. 销毁连接:在Vue组件的`beforeDestroy()`生命周期钩子函数中,使用`this.socket.close()`关闭WebSocket连接,以避免资源泄漏。
2023-08-04 17:21:53 592
原创 对Vue组件化开发思想的一些理解
组件系统是 Vue的一个重要概念,让我们可以用独立可复用的小组件来构建大型应用。几乎任意类型的应用的界面都可以抽象为一个组件树:写一个 Vue 项目,其实就是在写一个个的组件。
2023-07-13 21:41:59 445
原创 函数的节流与防抖在答题小程序项目中的应用
防止事件频繁触发回调函数的方法有很多,其中防抖和节流是现在比较主流的处理方式。节流和防抖动最大的区别就是,节流函数不管事件触发有多频繁,都会保证在规定时间内一定会执行一次真正的事件处理函数,而防抖动只是在最后一次事件后才触发一次函数。
2023-07-11 13:48:51 207
原创 事件的节流(throttle)与防抖(debounce)
scroll 事件,resize 事件、鼠标事件(比如 mousemove、mouseover 等)、键盘事件(keyup、keydown 等)都存在被频繁触发的风险。频繁触发回调导致的大量计算会引发页面的抖动甚至卡顿。为了规避这种情况,我们需要一些手段来控制事件被触发的频率。然而,节流(throttle)与防抖(debounce)是我们在日常开发中常用的优质代码片段,能够给我们的项目带来性能的提升。这两个东西都以闭包的形式存在。它们通过对事件对应的回调函数进行包裹、以自由变量的形式缓存时间信息,最后用 s
2023-07-11 11:18:20 161
原创 Local Storage 与 Session Storage 的区别
生命周期:Local Storage 是持久化的本地存储,存储在其中的数据是永远不会过期的,使其消失的唯一办法是手动删除;而 Session Storage 是临时性的本地存储,它是会话级别的存储,当会话结束(页面被关闭)时,存储内容也随之被释放。作用域:Local Storage、Session Storage 和 Cookie 都遵循同源策略。但 Session Storage 特别的一点在于,即便是相同域名下的两个页面,只要它们。打开,那么它们的 Session Storage 内容便无法共享。
2023-07-11 09:35:54 272
原创 sessionStorage可以在多个Tab之间共享数据吗
不同之处在于,localStorage 中的数据不会过期,而 sessionStorage 中的数据会在页面会话结束时被清除。sessionStorage不能在多个窗口或选项卡之间共享数据,但是,当通过window.open或链接打开新页面时,新页面会复制上一个页面的sessionStorage。每当文档加载到浏览器的特定选项卡中时,就会创建一个唯一的页面会话并将其分配给该特定选项卡。在新选项卡或窗口中打开页面会创建一个具有顶级浏览上下文值的新会话,这与会话 cookie 的工作方式不同。
2023-07-10 22:47:21 169
原创 Vue3 的 hook函数
Vue3 的 hook函数 可以帮助我们提高代码的复用性, 让我们能在不同的组件中都利用 hooks 函数;Vue3 的 hook函数 相当于 vue2 的 mixin, 不同在于 hooks 是函数;其实就是代码的复用,可以用到外部的数据,生命钩子函数...,具体怎么用直接看代码,
2023-07-10 18:14:47 307
原创 反诈防骗网络安全知识竞赛导出排行榜数据到excel遇到的问题复盘
在昨天的反诈防骗网络安全知识竞赛活动结束后,应主办方要求,我就帮忙导出排行榜全部数据(含排名、编号、赛区、成绩、答题用时、答题日期等信息)。导出excel后,打开查看,发现有好几条数据的答题日期并不是昨天的。但是,我查看存储在数据库的对应数据的日期,是没有问题的呀。这怎么回事?
2023-07-09 12:14:57 143
原创 投票评选活动小程序v2-搜索功能和最新排序功能实现
优秀人物评选活动,五四奖章评选、优秀工作者人物评选、劳动最光荣评选。通常需要一个搜索功能,用户通过输入名称或编号搜索对应的作品项目或者人物,进行投票。或者通过最新排序功能查看列表情况。
2023-07-08 18:54:53 622
原创 投票评选活动小程序v2-用户报名图片上传
如果请求参数中带有 success/fail/complete 回调中的任一个,则会返回一个 UploadTask 对象,通过 UploadTask 对象可监听上传进度变化事件,以及取消上传任务。在开发中,可以利用小程序云开发的云存储能力,将图片上传至云存储内。主要收集项目或者作品图片及其描述,可以在后台进行统一录入,也可以是在用户界面,让用户自行报名上传。wx.cloud.uploadFile,将本地资源上传至云存储空间,如果上传至同一路径则是覆盖写。这里页面布局三个要素:图片上传、多行文本、提交按钮。
2023-07-07 12:00:00 670 2
原创 投票评选活动小程序v2
这是五四奖章评选网络初选评议活动,为表彰优秀青年所作出的突出贡献及优秀表现,濮阳县委开展的评选活动,通过活动,展现了广大青年的“五四”精神,更激励了广大青年不忘初心、牢记青春使命,充分发挥生力军和突击队作用。:举办方通过提名选拔出26名青年五四奖章候选人,通过员工投票的方式对初选的26名候选人进行投票。每人每天可为10名候选人投票。符合条件后在网上进行公示,接受群众投票,表彰劳动模范,为全社会做引领标杆。举办优秀工作者人物评选,可以弘扬劳模精神,弘扬劳动精神,弘扬中国工人阶级和广大劳动群众的伟大品格。
2023-07-06 11:58:37 124
原创 2023年全国节能宣传“节能低碳,你我同行”主题有奖竞答
低碳,指较低(更低)的温室气体(以二氧化碳为主)排放。低碳的内涵为:低碳社会、低碳经济、低碳生产、低碳消费、低碳生活、低碳城市、低碳社区、低碳家庭、低碳旅游、低碳文化等,核心内容为低碳生活和低碳经济。低碳生活,是指日常生活中所耗用的能量要尽可能减少,从而降低二氧化碳的排放量。具体地说,低碳生活就是在不降低生活质量的前提下,通过改变一些生活方式,充分利用高科技以及清洁能源,减少煤、石油、天然气等化石燃料的耗用,减少能耗,降低二氧化碳排放量。让我们一起从小事做起,全面践行低碳生活理念。
2023-07-05 14:49:07 177 1
原创 防范非法集资宣传教育知识答题竞赛之活动回顾
答题首页设置“模拟答题”专栏和“正式答题”专栏,参与者可通过“模拟答题”专栏提前学习防非知识;本次知识竞赛题型均为选择题,根据展示的题目内容,点击“选择答题”选择正确答案;3、参赛者每个微信账号可多次答题,答题80分及以上可领取奖品1次。防范非法集资知识答题赛活动,增强金融风险意识,守住“钱袋子”。2、每次答题随机抽取20道,每道5分,限时5分钟,满分100。4、本次答题参赛者限领奖品1次,每天限量4万份,先到先得。防范非法集资宣传月 | 防范非法集资,这些知识要知道!1、长按或扫描二维码进行线上答题。
2023-07-03 11:16:57 82
原创 糟糕透了!知识答题PK出线上bug了!复盘与总结一下吧
我之前做的大部分1v1邀请 pk 对战答题系统,甲乙双方在开始前都可以选择是否开始或者退出,匹配之后,乙方可以选“接受”,然后甲方可以选“开始”,然后才开始pk的。比如,官方服务器问题、个别用户非常规的操作(pk对战过程中退出)等。再者,1v1邀请 pk 对战答题的机制不同在于它是不限制pk次数的,只统计基于正常操作流程正常 pk 完的,所以即使有的人在pk中途退出了,也不会产生任何影响。腾讯云服务器厂商官方很快就解决了,然后我也立刻反馈给用户,该问题已经解决,他也测试了一下,就没有再出现这个问题了。
2023-06-30 15:34:21 108
原创 关于开发答题小程序技术选型思考
1. 跨平台需求:如果你需要开发的是一个跨平台应用(例如,你需要同时在微信、支付宝、百度等多个平台上发布你的小程序,或者是H5),那么使用uni-app可能会更好。然而,如果你的小程序只在微信平台上运行,那么使用微信原生开发可能更方便,因为你可以直接使用微信提供的最新API和功能。2. 开发复杂度:如果你需要开发的是一个功能复杂、需要深度调用微信API的小程序,那么使用微信原生开发可能会更好。总的来说,uni-app和微信原生开发都有各自的优势,你需要根据自己的具体需求和条件来选择最适合你的开发方式。
2023-06-27 14:01:58 107
原创 安全生产月评选活动-优秀的“安全之星”,塑造榜样力量
安全生产一直是企业发展的重要基石,为了加强员工的安全意识,树立安全文化,可以通过开展“安全之星”评选活动,来表彰那些在安全工作中积极参与、作出突出贡献的员工,激励员工积极投身于安全工作。通过以上策划方案,我们可以有效地组织和实施“安全生产月评选活动”,选出优秀的“安全之星”,为企业树立安全榜样,塑造榜样力量。在活动开始前,通过企业内部通讯、企业微信公众号等渠道进行宣传,告知员工活动内容和参与方式,引起员工的关注和积极性。企业可以举办安全生产月评选活动,选出优秀的“安全之星”,进行内部评选,塑造榜样力量。
2023-06-27 10:22:37 176
原创 关于安全生产月宣传教育答题活动的策划方案
安全生产月采用答题活动,可以最大化的检测到员工的安全生产意识,可设置门槛抽奖,规定满分员工可以参与抽奖,促进员工更快掌握安全知识,还可以从后台数据检测到每个人的分数,可针对不了解的员工进行单独培训;总之,在策划安全生产月答题活动时,要注重活动的趣味性和实用性,尽量让员工在参与活动的过程中能够增加对安全生产知识的了解和认识。本次安全生产月,我们借助智慧科技,打造了一款创新的答题小程序,让您轻松盘点自己的安全知识,同时,还有机会抽中丰厚的奖品哦!在规定的时间内,回答一系列与安全生产相关的问题,并按时提交答卷。
2023-06-26 21:41:44 627
原创 十个你必须要会的TypeScript技巧
TypeScript 中的映射类型(Mapped Types)是一种非常强大的类型操作符,它可以根据一个已有的对象类型,生成一个新的对象类型。类型守卫(Type Guards)是 TypeScript 中用来检测类型的一种机制,它可以帮助开发者在运行时检测某个变量的类型,并在不同的条件下提供不同的类型声明。在 TypeScript 中,泛型通常使用类型参数来定义一个通用的类型或函数,并在使用时指定具体的类型。是 TypeScript 中的一个关键字,用于获取对象类型的所有键的联合类型。
2023-06-21 09:40:14 257
原创 消防安全知识答题活动小程序v5.0-支持答题后抽奖
1. 功能设计:作为答题抽奖活动小程序,核心功能应包括答题和抽奖两部分。用户通过答题获取抽奖机会,答题可以设置为多个题目,用户回答正确则获得相应分数。在用户答完问题后,可以立即展示是否获得了抽奖机会。抽奖部分需要有相应的抽奖界面,用户可以点击抽奖按钮来进行抽奖,以增加用户参与度和竞争性。2. 页面设计:小程序的页面设计要简洁、清晰,并符合消防安全知识这类主题活动的风格。可以使用橙色调作为主题色,并合理运用简洁的图标和排版,使用户界面看起来大方简洁又不失知识性。
2023-06-16 13:19:18 965
漂亮的单页应用-企业类展示网站
2023-03-28
毕设项目-图书馆座位预约微信小程序
2023-03-28
口罩给我-疫情知识趣味科普小程序
2023-03-27
垃圾分类小程序项目源码
2023-03-27
化妆品门店是一个基于微信小程序云开发 商品类小程序
2023-03-27
答题活动小程序v2.0
2023-03-27
纯前端实现答题小程序
2020-08-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人