自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 Windi CSS框架使用

Windi CSS是一个CSS框架,上手非常简单。安装后在对应的标签添加类名即可进行文字、颜色、布局的修饰

2023-12-20 17:49:22 585 1

原创 vite配置报错整理

【代码】vite配置报错整理。

2023-12-20 17:16:52 590 1

原创 用js实现点击链接跳转APP对应页面

这不是一篇严格意义上的原创,参考了很多大佬的文章, 下面根据自己的情况做了一下整理。近两天,接到公司的需求----点击 H5 的购买按钮,跳转到 APP 对应的页面。啊! 一脸懵! 还等啥,赶紧查资料啊。下面的描述分为两点:js 的判断与跳转URL Scheme 、Universal link 、App link 的区别通过 js 判断与跳转的思路是这样的通过 let u = navigator.userAgent 判断浏览器的系统类型及版本信息通过 u.indexOf() 判断系统为

2020-08-06 22:59:40 4904 2

原创 HTML5点击拨打电话、发信息的写法

拨打电话<a href="tel:137xxxxxxxx">点击拨打电话</a><a href="tel://137xxxxxxxx">点击拨打电话</a><!-- 上面两种方法都可以 -->发送短信<!-- 不带信息的发送 --><a href="sms://137xxxxxxxx">发送信息</a><!-- 带信息的发送,相当于问号传参,键:body 值:要发送的内容 -->&

2020-08-05 22:38:58 453

原创 报错集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 1005

原创 css3实现边框圆角内凹效果

我们知道在边框的四个角实现圆角可以用 border-radius 实现, 如果在边框中心实现边框的内凹效果呢?效果如下图:要实现上图的效果可以分为五个步骤:用一个 div 作为大容器, 设置 1px 的边框及圆角利用伪元素 ::before, ::after 创建两个边框 1px 且边框颜色同大容器的圆, 圆的背景色同该模块的背景色(障眼法)子绝父相, 将两个圆分别定位在左右两边将伪元素的其中两条边设置为透明(同三角形的做法)通过 transform: rotate() 设置合适的旋转角度

2020-07-22 22:56:37 6353 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 1158

原创 原生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 554

原创 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 66

原创 js内置对象(数组)的方法

数组对象序号方法描述1concat()连接两个或更多的数组,并返回结果2filter()检测数值元素,并返回符合条件的所有对象3forEach()和回调函数一起使用,遍历数组元素,每遍历一个元素,执行一次回调函数4includes()判断一个数组是否包含一个指定的值5indexOf()搜索数组中的元素,并返回它所在的位置,如果不存...

2020-04-13 22:26:52 1106

原创 break和continue的区别

break​ 1.阻止switch-case的继续执行​ 2.跳出循环,循环不再继续执行continue​ 1.跳出当前循环,继续执行下一次循环

2020-04-13 13:21:51 82

原创 jQuery筛选元素

一、筛选奇数行或偶数行jQuery中筛选奇数行(偶数行)有两种方法:同css选择器一致:选择器:even–选中奇数行选择器:odd–选中偶数行$(function() { $("ul li:even").css("backgroundColor", "skyblue"); $("ul li:odd").css("backgroundColor", "or...

2020-02-28 10:34:52 293

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除