javascript技巧

微信小程序和公众号实现签到页面

2022-08-26
本文实例为大家分享了微信小程序和公众号实现签到页面的具体代码,供大家参考,具体内容如下 微信小程序 之前做了一个酒庄的小程序签到,微信小程序和公众号一起的. wxml: <!--pages/Calendar/Calendar.wxml--> <!-- 打卡日历页面 --> <view class='all'>  <view class="bar">   <!-- 上一个月 -->   <view class="

JavaScript&nbsp;实现日期时间转时间戳

2022-08-26
目录 1.date.getTime() 2.date.valueOf() 3.Date.parse(date) 4.时间戳转年月日时分秒 5.当前时间往前推30天.7天.3天 6.获取最近七天日期 1.date.getTime() 2.date.valueOf() 3.Date.parse(date) 第一.第二种:会精确到毫秒 第三种:只能精确到秒,毫秒用000替代 注意:获取到的时间戳除以1000就可获得Unix时间戳,就可传值给后台得到. 4.时间戳转年月日时分秒 // 时间戳转年月日 g

uniapp中微信小程序与H5相互跳转以及传参详解(webview)

2022-08-26
目录 技术栈: 前言: 一.小程序向H5传递 1.小程序端发送数据 2.pages.json进行设置 3.H5端进行数据接收 4.调试方式以及数据查看 二.H5向小程序传递 1.引入需要的模块 2.更改文件内容 3.H5端发送数据 4.小程序端进行数据接收 5.调试方式以及数据查看 三.参考链接地址 总结 技术栈: uniapp-H5+uniapp-微信小程序(vue3+vite2+ts) 前言: 在单位做项目的时候碰到一个需求,需要从微信小程序跳转到H5页面,这两个端都是使用uniapp编写的

微信小程序实现五星评价功能

2022-08-26
本文实例为大家分享了微信小程序实现五星评价的具体代码,供大家参考,具体内容如下 需求如图: 1个星-很不满意: 2个星-不满意: 3个星-一般: 4个星-还不错: 5个星-很满意: 找了demo,删删改改,demo地址:微信小程序实现星星评价效果 需要的页面引入: json: {       "usingComponents": {         "star": "../../components/star/star"       },   

微信小程序预览二进制流文件的方法

2022-08-26
微信小程序将后端接口返回的二进制流PDF 文件在线预览,供大家参考,具体内容如下 一.微信小程序的文件系统 微信小程序文件系统参考官方文档:微信小程序文档我们主要是把后端接口获取到的pdf二进制流,下载保存到微信的本地用户文件,下载后预览再删掉,因为本地用户文件每个用户只有200M,所以预览后删掉. 二.小程序实现文件预览 代码如下(示例): //使用登记牌扫码查询         usequercode() {             uni.scanCode({               

JS利用循环解决的一些常见问题总结

2022-08-25
目录 1. 打印0-100中3的倍数 2. 在页面中写入 1000-2000年中的闰年 3. 打印100以内所有偶数的和 4.求出1-1/2+1/3-1/4……1/100的和 5. 打印三角形 5.1 普通三角形 5.2 倒三角 5.3 等腰三角形 6.等腰梯形 7.输出100-200之间所有的质数 9. 有一个棋盘,有64个方格,在第一个方格里面放1粒芝麻重量是0.00001kg,第二个里面放2粒,第三个里面放4,棋盘上放的所有芝麻的重量 10.在页面上完成以一个九九乘法表 11.打印一个3行

微信小程序实现自定义拍摄组件

2022-08-25
微信小程序实现自定义摄像头(在摄像头内添加提示信息),供大家参考,具体内容如下 摄像头组件(wxml) <!-- 拍照功能 自定义摄像头           bindtap:takePhotoDepot----从图库获取           bindtap:takePhoto----拍照           bindtap:takeFrontBack---转换摄像头  --> <view wx:if="{{useCameraTakePhoto}}" class=&qu

小程序实现日历打卡功能

2022-08-25
本文实例为大家分享了小程序实现日历打卡功能的具体代码,供大家参考,具体内容如下 一.效果图展示 老惯例,先上效果图 二.实现思路 1.日历展示 例如下图中: 2021月7月打卡日历页面,共35个日期数据,上月残余4天+本月31天: 2021月6月打卡日历页面,共35个日期数据,上月残余2天+本月30天+下月残余3天: 2021月5月打卡日历页面,共42个日期数据,上月残余6天+本月31天+下月残余5天. [结论]打卡日历页面存在展示35个或42个日期数据的情况,35个或42个日期数据=当前显示月

微信小程序canvas实现环形渐变

2022-08-25
本文实例为大家分享了微信小程序canvas实现环形渐变的具体代码,供大家参考,具体内容如下 这个例子是在微信小程序中写的 效果图 后端返回的数据格式,需要的只有otherInfo里面的数据 wxml <view>     <canvas class="progress_bg" canvas-id="{{otherInfo.bgid}}"> </canvas>     <canvas class="progress_

JavaScript对象的四种创建方法

2022-08-25
目录 前言 1. 基于对象字面量 2. 利用new Object方式创建对象 3. 基于构造函数 4. 基于工厂方法 前言 今天我们来学习一下JavaScript中关于对象的四种创建方法. 首先,我们来确定一个对象的属性和方法.比如说,我们想要我们定义一个girlFriend的对象,希望她有名字name.年龄age的属性,希望有一个getName方法,来获取名字:最后属性是一个稍微复杂的对象属性address,它具有两个属性值,所在地name和邮政编码code. 接下来,我们来通过本篇内容,来看

微信小程序web-view不支持打开非业务域名https //XXXX 请重新配置的解决办法

2022-08-24
目录 发现问题 解决方法 总结 发现问题 微信小程序提供web-view,可以在小程序中加载网页 我在微信公众平台中的开发管理—>开发设置中对于服务器域名中的request合法域名进行了正确设置,但是在微信开发者工具中仍然无法跳转网页,显示不支持打开非业务域名https //XXXX 请重新配置 解决方法 网上查找了很久资料,后来在官方文档中发现了问题所在,配置服务器域名是不够的,需要管理后台中配置业务域名 官方介绍文档在这里 但是还有一个最大的问题,个人类型的小程序暂不支持使用 orz 我的小

微信小程序实现tab页面切换效果

2022-08-24
本文实例为大家分享了微信小程序实现tab页面切换的具体代码,供大家参考,具体内容如下 html 页面 <view class="bgwhite">     <scroll-view scroll-x="true">         <view class="width100 row nowrap">             <view class="f32 c666 p-tb-20 p-lr-3

微信小程序实现列表分页功能

2022-08-24
微信小程序列表分页功能(未使用API),供大家参考,具体内容如下 概述 主要实现功能: 1.列表展示2.上下页点击 效果图: 知识点:wx:for.bindtap.生命周期函数–监听页面加载..filter.取余( % )取整(parseInt(x/y) )函数 js data: {     frontPage: false,//上一页 存在true,不存在false     nextPage: false,//下一页 存在true,不存在false     pages: 0,//所有页    

一文教会你解决js数字精度丢失问题

2022-08-24
目录 一.关于为什么要解决精度丢失 二.怎么解决js的计算精度丢失问题? 三.toPrecision 特定方法返回四舍五入长度字符串 结语 一.关于为什么要解决精度丢失 可以看下例子,因为js失去精度问题也是常见的问题,正常我们可以四舍五入或者 toFixed保留小数这种去解决 现在遇到问题是我们明知道计算结果是等于0.01的但是最后的结果确实true,如果我们遇到运算问题,小数数值比对问题,那么我们就必须要去解决他,否则也就会出现上者情况,出现逻辑判断出错问题 二.怎么解决js的计算精度丢失问

JS实现表单验证案例

2022-08-24
本文实例为大家分享了JS实现表单验证案例的具体代码,供大家参考,具体内容如下 1.当输入框失去焦点时,验证输入内容是否符合要求 (1)获取表单输入框(2)绑定 onblur 事件(3)获取输入内容(4)判断是否符合规则(5)如果不符合规则,则显示错误提示信息 2.当点击注册按钮是,判断所有输入框的内容是否符合要求,如果不符合则阻止表单提交 (1)获取表单对象(2)微表单对象绑定 onsubmit(3)判断所有输入框是否都符合要求,如果符合,则返回true,如果有一项不符合,则返回false <b

小程序实现分页查询列表的模板

2022-08-24
本文实例为大家分享了小程序实现分页查询列表的模板,供大家参考,具体内容如下 list.wxml <view class="home-main">     <!-- 搜索 -->     <view class="search-bar">         <view class="search-bar-form">             <image class="search-im

Javascript &nbsp;Constructor构造器模式与Module模块模式

2022-08-23
目录 前言 1.Constructor构造器模式 1.1基础Constructor构造器模式 1.2进阶 带原型的Constructor构造器模型 2. Module 模块模式 2.1对象字面量 2.2 Module(模块)模式 前言 首先我们要知道:什么是模式? 模式,就是专门为某些常见问题开发的.优秀的解决方案.它通常经过一系列实践证明.针对某类问题具有可重用性的解决方案. 而设计模式,不同于编程模式,其与具体的语言无关. 1.Constructor构造器模式 1.1基础Constructo

js实现注册页面校验功能

2022-08-23
本文实例为大家分享了js实现注册页面的校验代码,供大家参考,具体内容如下 基本操作 document.getElementById():获取页面元素alert():向页面弹出提示框.innerHTML:操作页面某个元素的内容,可以获取,也可以赋值.document.write():向页面中写内容. 本案例实现注册表单的基本验证功能,主要实现非空验证.重复输入验证.邮箱验证(正则验证),通过alert提示对话框给予用户提示信息.并且当用户输入非法时阻止表单提交. 步骤分析: 第一步:绑定事件(on

js实现登录弹框

2022-08-23
本文实例为大家分享了js实现登录弹框,供大家参考,具体内容如下 html: <body>     <div id="M"><!--用div将所有东西套起来,需要设置绝对位置-->     <input type="button" value="登录" class="login_btn" onclick="login()"><!--触发登陆弹框按钮--&g

js实现本地持久化存储登录注册

2022-08-23
本文实例为大家分享了js实现本地持久化存储登录注册的具体代码,供大家参考,具体内容如下 1.登录html文件 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     &