H5 及 web 页面微信授权登录流程
摘要:一、事先准备工作 配置参数测试公众平台信息(测试号相关配置示例): 1、打开公众平台的测试账号 2、配置js接口安全域名 3、扫码关注测试公众号 4、修改网页授权地址 配置授权回调的域名,至于什么是OAuth2.0,大家自行百度吧。这里的域名也要与上面的域名一致。配置成功会有通过安全监测的提示,这里
阅读全文
posted @
2021-04-26 14:37
JoeYoung
阅读(2355)
推荐(0) 编辑
模板引擎的基础概念
摘要:1.模板引擎的基础概念 1.1 模板引擎 模板引擎是 node.js 提供的第三方模块。 让开发者以更加友好的方式拼接字符串,使项目代码更加清晰、更加易于维护。 // 未使用模板引擎的写法 var ary = [{ name: '张三', age: 20}]; var str = '<ul>'; f
阅读全文
posted @
2021-01-06 15:08
JoeYoung
阅读(1095)
推荐(1) 编辑
TypeScript 快速上手及学习笔记
摘要:TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。 TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。 什么是 TypeScript TypeScript 是 JavaScript 的、带有类型的超集,并且能够编译成普通的 J
阅读全文
posted @
2020-10-23 15:07
JoeYoung
阅读(1263)
推荐(0) 编辑
Vue 之 element 输入框验证及常用正则
摘要:1.控制输入位数 限制输入为10位,这种方式可以使输入框中输入10位后不能输入后续内容因为number输入框自动将最后一位小数点忽略不计,因此“.”,"2.","3.3."这三种情况均为正确的输入 <el-form-item label="渠道:" prop="channelName"> <el-i
阅读全文
posted @
2020-10-10 10:52
JoeYoung
阅读(12946)
推荐(1) 编辑
JS 常用方法集合
摘要:除数取整: 1.只保留整数部分:parseInt(5/2) 2.向上取整,有小数就整数部分加1:Math.ceil(5/2) 3,四舍五入:Math.round(9/2) 4,向下取整:Math.floor(5/2) 大小写: 1.使字符串全部变为小写:toLowerCase() \ toLocal
阅读全文
posted @
2020-09-30 10:52
JoeYoung
阅读(5320)
推荐(2) 编辑
JS获取当前日期,并将其格式化为 YYYY-MM-DD
摘要:相关代码: var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) my
阅读全文
posted @
2020-09-11 15:36
JoeYoung
阅读(1248)
推荐(0) 编辑
常见的移动端H5页面开发遇到的坑和解决办法
摘要:转过来,平时看看。虽然还有很多问题至今无解。比如:华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。!! 1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,
阅读全文
posted @
2020-08-07 15:02
JoeYoung
阅读(3390)
推荐(0) 编辑
H5调用原生APP的js方法
摘要:和原生开发定好调用的方法名: function appMessage(str) { str = String(str); var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Andro
阅读全文
posted @
2020-07-31 10:42
JoeYoung
阅读(2539)
推荐(1) 编辑
setTimeout 和 setInterval 的区别及相互模拟
摘要:这几天用到了 setinterval(),但是发现 setInterval 有缺点,都建议用 setTimeout 模拟 setInterval,也可理解为链式的 setTimeout。所以这里总结一下settimeout()和setinterval()的区别,以及它们之间的相互模拟。 一、setT
阅读全文
posted @
2020-07-30 11:26
JoeYoung
阅读(7636)
推荐(1) 编辑
jQuery 旋转插件 jqueryrotate 用法详解
摘要:jqueryrotate 是可以实现 jQuery 旋转效果的插件,它支持 Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome,高级浏览器下使用duTransform,低版本ie使用VML实现。 rotate()
阅读全文
posted @
2020-07-29 16:19
JoeYoung
阅读(3980)
推荐(0) 编辑
alert 弹窗去掉上方 title 网址域名
摘要:在页面中添加弹框元素,自定义其样式,默认隐藏 注:alert()方法重写,不能传多余参数(仅去掉网址) window.alert = function (name) { const iframe = document.createElement('IFRAME'); iframe.style.dis
阅读全文
posted @
2020-07-28 09:24
JoeYoung
阅读(5397)
推荐(1) 编辑
移动端H5 转盘抽奖
摘要:移动端h5的转盘抽奖 项目介绍:根据用户id,每天可以抽奖一次,有实物奖、积分奖、及谢谢参与。 效果图: 具体 jqueryrotate 简单用法请参见: https://www.cnblogs.com/joe235/p/13397737.html html 代码: <!DOCTYPE html>
阅读全文
posted @
2020-07-27 11:15
JoeYoung
阅读(3524)
推荐(0) 编辑
解决手机(移动端)点击事件失效问题
摘要:1、在微信点击按钮没有反映 微信ios内置浏览器认为,不是button a标签之外的非点击元素 比如div 是不可点击的 比如给div绑了click事件,在微信里边是不生效的,解决办法是给这个div元素添加一个样式属性 cursor: pointer; 2、弹框中某个区域内内容很多,我们希望使用ov
阅读全文
posted @
2020-07-25 09:35
JoeYoung
阅读(9751)
推荐(1) 编辑
请求服务器报错 Access-Control-Allow-Origin
摘要:今天遇到一个问题,发送请求能够成功了,返回的数据也能在 network 中看见,但是报错: Access to XMLHttpRequest at 'http://192.168.200.112:8080/lottery/getIsWinLottery?Id=966&succ7F0D92C70492
阅读全文
posted @
2020-07-24 20:26
JoeYoung
阅读(865)
推荐(0) 编辑
jquery 正则表达式验证(中文名称、手机号、地址)
摘要:此实例需要验证的内容:中文姓名、手机号、地址,验证方法分享给大家供大家参考,具体内容如下: <form class="txzl"> <p>请填写资料:</p> <label>姓名:<input type="text" name="username" id="name" /></label> <lab
阅读全文
posted @
2020-07-22 15:47
JoeYoung
阅读(2996)
推荐(1) 编辑
ES6 数组遍历方法的实战用法总结
摘要:ES6原生语法中提供了非常多好用的数组'遍历'方法给我们(forEach,every,some,map,filter,reduce,reduceRight,indexOf,lastIndexOf),让我们可以实现更多更强大的功能,下面让我们通过这篇文章好好学习下,该如何使用它们。 forEach 对
阅读全文
posted @
2020-04-29 14:02
JoeYoung
阅读(1639)
推荐(0) 编辑
nth-child(n)后代选择器IE8不兼容问题
摘要:使用jQuery解决方案: if (navigator.appName 'Microsoft Internet Explorer') { //判断是否是IE浏览器 if(navigator.userAgent.match(/Trident/i)&&navigator.userAgent.match(
阅读全文
posted @
2020-04-11 01:06
JoeYoung
阅读(422)
推荐(0) 编辑
localStorage设置过期时间
摘要:一般可以使用cookie,localstorage,sessionStorage来实现浏览器端的数据缓存,减少对服务器的请求。 1.cookie数据存放在本地硬盘中,只要在过期时间之前,都是有效的,即使重启浏览器。但是会在每次HTTP请求中添加到请求头中,如果数据过多,会造成性能问题。 2.sess
阅读全文
posted @
2020-02-19 17:43
JoeYoung
阅读(5306)
推荐(0) 编辑
js替换字符串中的空格,换行符\r\n或\n替换成<br>
摘要:为了让回车换行符正确显示,需要将 \n 或 \r\n 替换成 <br>。同样地,将空格替换存 。这里我们通过正则表达式来替换。 二、去掉所有的空格、回车换行符
阅读全文
posted @
2019-11-21 16:09
JoeYoung
阅读(6148)
推荐(0) 编辑
js中遍历对象(5种)和遍历数组(6种)的方法总结(转载)
摘要:一、遍历对象方法 1.for...in遍历输出的是对象自身的属性以及原型链上可枚举的属性(不含Symbol属性),原型链上的属性最后输出说明先遍历的是自身的可枚举属性,后遍历原型链上的eg: 输出结果: key = name value = yayayakey = age value = 12 ke
阅读全文
posted @
2019-09-25 16:51
JoeYoung
阅读(12964)
推荐(1) 编辑