- 博客(12)
- 收藏
- 关注
原创 用js实现点击链接跳转APP对应页面
这不是一篇严格意义上的原创,参考了很多大佬的文章, 下面根据自己的情况做了一下整理。近两天,接到公司的需求----点击 H5 的购买按钮,跳转到 APP 对应的页面。啊! 一脸懵! 还等啥,赶紧查资料啊。下面的描述分为两点:js 的判断与跳转URL Scheme 、Universal link 、App link 的区别通过 js 判断与跳转的思路是这样的通过 let u = navigator.userAgent 判断浏览器的系统类型及版本信息通过 u.indexOf() 判断系统为
2020-08-06 22:59:40
5409
2
原创 HTML5点击拨打电话、发信息的写法
拨打电话<a href="tel:137xxxxxxxx">点击拨打电话</a><a href="tel://137xxxxxxxx">点击拨打电话</a><!-- 上面两种方法都可以 -->发送短信<!-- 不带信息的发送 --><a href="sms://137xxxxxxxx">发送信息</a><!-- 带信息的发送,相当于问号传参,键:body 值:要发送的内容 -->&
2020-08-05 22:38:58
550
原创 报错集1: 使用 let 声明变量报错
使用 let 声明变量报错, 报错信息SyntaxError: Block-scoped declarations (let, const, function, class) not yet sup ported outside strict mode一. 原因分析let, const 都是 ES6 才支持的浏览器版本过低, 不能识别该变量声明 (浏览器版本为: Chrome 48.0.2564.116)二. 解决方法在 js 文件的最前添加 "use strict" , 即在严格模式下执
2020-07-23 22:24:13
1156
原创 css3实现边框圆角内凹效果
我们知道在边框的四个角实现圆角可以用 border-radius 实现, 如果在边框中心实现边框的内凹效果呢?效果如下图:要实现上图的效果可以分为五个步骤:用一个 div 作为大容器, 设置 1px 的边框及圆角利用伪元素 ::before, ::after 创建两个边框 1px 且边框颜色同大容器的圆, 圆的背景色同该模块的背景色(障眼法)子绝父相, 将两个圆分别定位在左右两边将伪元素的其中两条边设置为透明(同三角形的做法)通过 transform: rotate() 设置合适的旋转角度
2020-07-22 22:56:37
6815
1
原创 pageX,clientX,offsetLeft,scrollLeft的区别
pageX,clientX,offsetLeft,scrollLeft的区别1、pageX / pageYpageX / pageY的值为鼠标相对于document的距离,即网页左上角的位置2、clientX / clientYclientX / clientY的值为鼠标相对于浏览器可视区域左上角的距离3、offsetLeft / offsetTopoffsetLeft /...
2020-04-15 13:35:18
1274
原创 原生js操作class的方式
原生js操作class的方式className – 会覆盖掉所有的class<div class="box">这里是内容</div>var div = document.querySelector(".box");div.className = "box1";– 以上代码的结果 box1覆盖了原来的boxclassLIst – 在原来的基...
2020-04-14 13:10:00
600
原创 let和var的区别
let和var的区别let 关键字声明的变量不会提升console.log(a);var a = 10;// 输出 undefined ,输出声明未赋值的变量,结果为undefinedconsole.log(b);let b = 20;// 报错 ReferenceError: Cannot access 'b' before initialization -- 在初始化前不...
2020-04-14 12:44:06
90
原创 js内置对象(数组)的方法
数组对象序号方法描述1concat()连接两个或更多的数组,并返回结果2filter()检测数值元素,并返回符合条件的所有对象3forEach()和回调函数一起使用,遍历数组元素,每遍历一个元素,执行一次回调函数4includes()判断一个数组是否包含一个指定的值5indexOf()搜索数组中的元素,并返回它所在的位置,如果不存...
2020-04-13 22:26:52
1193
原创 break和continue的区别
break 1.阻止switch-case的继续执行 2.跳出循环,循环不再继续执行continue 1.跳出当前循环,继续执行下一次循环
2020-04-13 13:21:51
113
原创 jQuery筛选元素
一、筛选奇数行或偶数行jQuery中筛选奇数行(偶数行)有两种方法:同css选择器一致:选择器:even–选中奇数行选择器:odd–选中偶数行$(function() { $("ul li:even").css("backgroundColor", "skyblue"); $("ul li:odd").css("backgroundColor", "or...
2020-02-28 10:34:52
374
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人