- 博客(18)
- 收藏
- 关注
RSS订阅原创 点击回退，拦截并弹窗 react 挽留弹窗
现在越来越多的页面，加上了挽留弹窗，让你再想想或者是再推荐点啥用到的就是popstate当活动历史记录条目更改时，将触发popstate事件。如果被激活的历史记录条目是通过对history.pushState（）的调用创建的，或者受到对history.replaceState（）的调用的影响，popstate事件的state属性包含历史条目的状态对象的副本。需要注意的是调用hi...
2020-04-03 18:55:12
2614
原创 简易倒计时react
this.maxtime = 45 * 60;//要做多久的倒计时，这里是45s的倒计时this.timer = setInterval(()=>{this.leftTimer()},1000/60);//leftTimer() { if (this.maxtime >= 0) { let seconds = this.checkTime(Math.floor(this.m...
2020-04-03 14:54:24
560
原创 input的placeholder上下不居中
input::-webkit-input-placeholder { line-height:normal;}亲测有效
2020-03-10 16:00:23
1430
原创 使用rem设置height与line-height相同，但是上下不居中
在ios上，上下居中，但是在安卓上，会偏上 display: table-cell; text-align: center; vertical-align: middle;参考：https://blog.csdn.net/liming911911/article/details/75389188...
2020-03-10 15:43:26
271
原创 改变input框的placeholder大小，颜色
input::-webkit-input-placeholder{ font-size:32px; color:red; opacity:1;}
2019-12-12 18:54:14
262
原创 解决页面滚动高度一直为0
工作中要获取页面滚动高度，用的document.documentElement.scrollTop，但是一直为0，查阅资料后发现let top = document.documentElement.scrollTop || document.body.scrollTop;...
2019-12-09 17:18:49
1460
原创 position:sticky生效的必要条件
position：sticky 粘性定位是结合了position:relative和position:fixed两个功能为一体的组合定位，不再用监听scroll事件，即可实现导航栏滚动绝对定位的效果。使用该属性有几个必要条件：1、父级元素不能有任何overflow:visible以外的overflow设置，否则没有粘滞效果。因为改变了滚动容器（即使没有出现滚动条）。因此，如果你的pos...
2019-12-09 17:07:53
2874
原创 cookie，localStorage，sessionStorage，indexDB区别
特性 cookie localStorage sessionStorage indexDB 数据生命周期 一般由服务器生成，可以设置过期时间 除非被清理，否则一直存在 页面关闭就清理 除非被清理，否则一直存在 数据存储大小 4K 5M 5M 无限 与服务端通信 每次都会携带在 header 中，对于请求...
2019-09-20 22:56:06
742
原创 跨域解决方案
因为浏览器出于安全考虑，有同源策略。也就是说，如果协议、域名或者端口有一个不同就是跨域，Ajax 请求会失败。那么是出于什么安全考虑才会引入这种机制呢？其实主要是用来防止 CSRF 攻击的。简单点说，CSRF 攻击是利用用户的登录态发起恶意请求。也就是说，没有同源策略的情况下，A 网站可以被任意其他来源的 Ajax 访问到内容。如果你当前 A 网站还存在登录态，那么对方就可以通过 Aja...
2019-09-20 22:54:22
101
原创 input框键盘收起后，页面未还原，点击事件触发位置偏移
$(".ui_input").blur(function () { setTimeout(function () { var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0; window.scrollTo(0, Math.max(scr...
2019-06-25 17:56:33
1743
原创 解决部分ios页面滑动不流畅有阻塞感
* { -webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开，会保持一段时间的滚动 */ }进行了硬件加速，效率高
2019-06-25 17:50:50
1080
原创 获取url中的参数值
//取url中的参数值function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return u...
2019-04-16 16:29:05
2885
原创 1px像素问题
放种兼容性比较好，比较简单的解决办法使用伪类和transform，进行缩放.onepx{ position: relative; border-bottom:none;} .onepx:after{ content: ''; position: absolute; bottom: 0; left:0; background: #EAECED; w...
2019-04-16 16:09:32
311
原创 行内元素，display:inline-block元素，元素间间隙问题的解决
当我们想让元素横向排开时，会使用span标签，或者是将块级元素设置为display:inline-block时有时会发现，相邻两个元素之间，明明没有设置margin或者是padding值，但是有间隙原因是因为html代码中相隔的span标签间有回车HTML代码中的回车换行被转成一个空白符，在字体不为0的情况下，空白符占据一定宽度，所以inline-block的元素之间就出现了空隙。这些...
2019-04-09 17:50:11
355
原创 移动端调试奇技淫巧之eruda
移动端调试面板除了小清新 腾讯vConsole 之外，eruda 可谓是移动端调试界的大哥大，是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版；我们总苦于在webview里面无法调试与native的交互， 总不能依靠alert去捕捉异常，移动端调试面板可以将请求与抛出异常持久化；eruda 解决的就是这个问题先附上： github链接 官网地址demo二维码...
2018-12-24 16:54:25
735
原创 css实现单行、多行超出显示省略号兼容火狐
css 单行，超出部分显式省略号p{ overflow:hidden;//超出部分隐藏 text-overflow:ellipsis;//超出部分显示省略号 white-space:nowarp;//不允许折行 }补充：white-space，它主要是用来处理元素内文本的空白符、换行符以及是否允许折行。可选值包括normal（默认）、pre、nowrap、pre-wrap、pr...
2018-12-21 18:07:21
4198
2
原创 前端面试题
最近面试了三家公司，就不提公司名字了，都还不错，但我由于自身原因没有通过面试，很遗憾，下面写一下我在这期间遇到的面试题1、是否了解原型，原型的继承，this指向2、是否了解闭包，工作中如何应用过闭包3、未知高度的垂直水平居中4、css定位有哪几个值，每个都是相对于什么定位5、Git commit 出错了（添加了不该提交的文件，commit信息填写错误）应该怎么做6、对设计模式了解么7、写一个函数输...
2018-06-13 22:25:31
221
原创 初来乍到
毕业工作有两年了，前端开发，近期想要换工作，面试了几家公司之后，发觉自己还存在很大问题。基础不牢固，会的东西杂而不精，没有做到术业有专攻，之前对自己的定位就是能干活，简直太没追求。之后准备在博客上更一些我遇到的面试题，以及我后续学习的一些总结最后放上我最近喜欢的一段话然力足以至焉，于人为可讥，而在己为有悔，尽吾志也而不能至者，可以无悔矣，其孰能讥之乎？此余之所得也 ---《游褒禅山记》...
2018-06-13 20:56:20
122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人