自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 将H5网页整个页面黑白

只需要在html里加个-webkit-filter: grayscale(.95 );

2022-12-07 23:43:00 220 1

原创 <textarea> 标签placeholder不生效

当之间文本有空格的时候会不生效,将空格删掉即可。placeholder的样式设置。

2022-11-25 16:56:36 357

原创 HTMl5 Geolocation API用来得到用户的地理位置(经纬度)

该方法用于获取当前的位置,其参数如下:(1)geo_success:成功回调函数(2)geo_error:失败回调函数(3)geo_options:传递的参数。其支持的属性有:timeout:指定获取地理位置的超时时间,默认不限时。单位为毫秒。maximumAge:最长有效期,在重复获取地理位置时,此参数指定多久再次获取位置。默认为 0,表示浏览器需要立刻重新计算位置。enableHighAccuracy:指示浏览器获取高精度的位置,默认为 false。

2022-11-03 18:15:10 523

原创 动效出现弹窗focus聚焦时,Android没有调起键盘

点击按钮动效出现弹窗,弹窗内的元素调用输入框自动获取焦点focus事件。正常情况下,使用 jQuery 的focus()方法Android的是可以获取焦点,并且调起输入键盘的。:这里的弹窗输入框是动态展示,所以直接使用focus()是不起作用的,需要结合延迟执行。:在这里只是动效出现了弹窗,并没有聚焦调起键盘。加一个延迟执行focus即可。

2022-09-09 19:01:01 1127

原创 input框有圆角设置时,点击聚焦时有阴影

input 设置边角时出现阴影解决方案

2022-07-26 11:40:17 257

原创 踩坑记录:360浏览器sessionStorage丢失

qa用360手机浏览器测试时,从A页面跳转到B页面,用js跳转页面语句(window.location.href)方式跳转的,发现在360浏览器丢失了sessionstorage里存储的内容

2022-04-06 16:23:46 535

原创 记录一个vue项目中使用swiper插件遇到的问题

在使用swiper时用静态数据,页面可以正常显示滑动,一旦使用动态数据v-for,数据显示不正常,样式不正确,页面就无法滑动解决办法:就是添加swiper的一个observer属性,属性链接:https://www.swiper.com.cn/api/observer/218.html...

2021-11-01 15:33:29 221

原创 Mac安装wget的两种方法

第一种:手动安装1、从下面网站下载需要的wget版本http://www.gnu.org/software/wget/2、输入:tar zxvf wget-1.9.1.tar.gz3、cd 进入到解压的目录4、输入:sudo ./configure5、输入:make6、输入:sudo make install第二种:Homebrew安装Homebrew是一款非常强大的可以应用在MAC中的Linux管理包,但是下载时会因为网络资源的原因,下载失败1、安装brewsudo ruby -e

2021-09-30 19:06:40 7259

原创 Unknown custom element: <el-radio> - did you register the component correctly?For recursive componen

场景:在vue项目中用element-ui开发项目时出现这种情况,报错:[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.页面显示不出来,如下:原因:是因为我们没有注册组件导致的解决办法:在入口文件中注册即可,一般是main.jsimport {

2021-09-29 16:38:29 1926

原创 元素顶端到可见区域顶端的距离三种方法

1、DOM元素有一个属性是offsetTop,表示该元素到父元素顶部的距离。所以最后的答案就是递归将所有的offsetTop加起来。let a = document.querySelector(’.login_button’).offsetTopfunction getElementToPageTop(el) {if(el.parentElement) {return getElementToPageTop(el.parentElement) + el.offsetTop}return el.o

2021-08-17 16:43:59 4523

原创 js异步编程

单线程JavaScript异步方案我们要知道,js的运行环境都是以单线模式去执行的js代码。注:1)javascript是单线程的,浏览器并不是单线程的;2)javascrpt调用的某些内部的api并不是单线程的,例如倒计时器,内部会有个单独的线程去负责倒数;3)我们指定单线程是指的执行代码的单线程;4)运行环境提供的API是以同步或异步模式的方式工作,同步模式的API:代码执行完代码才会往下走,异步模式的API下达这个任务开启的指令,不会等待任务结束的,会继续往下走。采用单线程模式工作原因:

2021-06-12 21:07:16 156 1

原创 js异步编程简答题

javascript为什么是单线程?如何理解js异步编程的,EventLoop,消息队列都是做什么的,什么是宏任务,什么是微任务?1. javascript为什么是单线程?我们要知道,js的运行环境都是以单线模式去执行的js代码。注:1)javascript是单线程的,浏览器并不是单线程的;2)javascrpt调用的某些内部的api并不是单线程的,例如倒计时器,内部会有个单独的线程去负责倒数;3)我们指定单线程是指的执行代码的单线程;采用单线程模式工作原因:最早javascript是运行在

2021-06-12 14:02:17 175 1

原创 史上最最最易懂的手写Promise原理及实现

手写promise原理1、promise原理及实现1)、Promise 就是一个类 在执行这个类的时候 需要传递一个执行器进去 执行器会立即执行2)、Promise 中有三种状态 分别为 成功 fulfilled 失败 rejected 等待 pendingpending -> fulfilledpending -> rejected一旦状态确定就不可更改3)、resolve和reject函数是用来更改状态的resolve: fulfilledreject: rejected

2021-06-12 11:22:13 651

原创 git命令报错:fatal: not a git repository (or any of the parent directories): .git

关联远程或push 出现了错误,如下报错:没有.git这样一个目录原因:没有初始化git本地版本管理仓库,所以无法执行git命令解决方案:git init 命令初始化git即可git init

2021-06-12 08:31:07 1143

原创 运行fis3 server start --type smarty启动时,报错The “data“ argument must be of type string or an instance of

运行fis3 server start --type smarty启动时突然,报错The "data" argument must be of type string or an instance of Buffer, TypedArray, or DataView. Received type number ,解决办法:后来换了个node版本就可以启动了

2021-05-06 11:32:56 2947 2

转载 jquery的ajax请求中的complete参数

complete(xhr,status)是请求完成时运行的函数,有两个参数xhr对象和一个描述请求状态的字符串,status(“success”, “notmodified”, “nocontent”,“error”, “timeout”, “abort”, 或者 “parsererror”) 。。先说一下jQuery中各个事件执行顺序:ajaxStart(全局事件)->beforeSend->ajaxSend(全局事件)->success->ajaxSuccess(全局事件)-

2020-09-24 18:23:19 2932

转载 实现动画的几种方式

1、直接用gif(最简单),但是gif不可以暂停2、利用图片实现帧动画1)css+js实现(可控)这里可以用雪碧图,减少http的请求,减轻服务器的压力,用background-position去控制显示哪一张图,可以根据自己的想法控制暂停和运行的时机。例:假设DOM元素和图片宽高都是 100 * 200在css中#wrapper {width: 100px;height: 200px;background-image: url(‘雪碧图.png’);background-size: 1

2020-09-24 18:00:34 1108

空空如也

空空如也

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

TA关注的人

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