frontend笔记
Jam2018
这个作者很懒,什么都没留下…
展开
-
寻找字符串里边的最长连续子串
function foo(str){ if(str == null)return "" var curr = "" var map = {} var count = 0 //整理map-count for(let i in str){ curr = i if(curr[i+1] == curr){ count ++ }else{ map[curr] = 1 } } //在map中找出最大的count即target var target for(let i in转载 2020-07-13 15:51:50 · 662 阅读 · 0 评论 -
IE浏览器图片出现蓝色紫色外边框
a img{ border:none;}原创 2019-07-01 17:41:27 · 793 阅读 · 0 评论 -
给没法修改样式的select和option居中
padding: 0 15%; text-align-last: center; max-width: 226px; min-width: 226px;原创 2019-06-26 16:25:56 · 659 阅读 · 0 评论 -
移动端设置了overflow:hidden和border-radius,子元素超出部分不隐藏
transform: rotate(0deg);转载 2019-07-09 12:44:43 · 541 阅读 · 0 评论 -
图片旋转
/*定义动画*/@-webkit-keyframes spin { /*兼容性写法。spin是关键帧的动画名称*/ from { /*动画起始状态*/ -webkit-transform: rotate(0deg); } to { /*动画结束状态*/ -webkit-transform: ro...转载 2019-07-04 11:28:49 · 216 阅读 · 0 评论 -
jquery点击相同class标签里的某一个显示出它的index值
$('.className').click(function () { console.log($(this).index('.className'))//index('放各种想要选择的') })原创 2019-07-10 14:50:16 · 1173 阅读 · 0 评论 -
判断是否为ios系统
var u = navigator.userAgent; var ios = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);原创 2019-07-10 18:10:25 · 935 阅读 · 0 评论 -
解决谷歌浏览器禁止audio自动播放的问题
由于谷歌浏览器最新版本只允许静音的音频有用户行为发生时播放器没有被隐藏时候才能执行autoplay所以只能让播放器显示出来,给audio标签添加controls="controls"然后让高度为0style="height: 0" 只占一行的高度,但并不显示出来了这样autoplay就有作用了...原创 2019-07-23 12:42:43 · 27192 阅读 · 15 评论 -
页面底部莫名多出一段高度,一个白条
给html加上font-size:0;原创 2019-08-27 10:55:42 · 3453 阅读 · 0 评论 -
JavaScript在一个函数中清除另一个函数内的定时器 文本逐行弹出效果
今天在简化代码时遇到的问题,本来就是做的一次性的逐行出现的一段文字,简化后却发现定时器停不下来了怎么都停不下,在哪里清除都清除不掉这个定时器,后来想到设置定时器和清除定时器在两个不同的函数中,应该是够不到于是这样 //文字逐行出现 var t1 = null //先在全局定义定时器 function chuxian() { t1 = setInterval...原创 2019-06-04 18:23:03 · 2923 阅读 · 0 评论 -
iPhone移动端按钮圆角样式被改变
加一句这个-webkit-appearance:none !important;原创 2019-05-23 17:07:54 · 322 阅读 · 0 评论 -
移动端页面宽度100%时右侧留白边的问题
改好之后再退回去也出不来白边了,下次遇到再截图吧加了这句 <meta name="viewport" content="width=device-width,initial-scale=1.0" />白边就不见了,原因大概是 html 手机默认的100%宽度是980px。...原创 2019-04-29 21:58:39 · 8400 阅读 · 2 评论 -
自适应背景图片问题
有空研究大概是三部分 头 中 尾原创 2019-05-09 15:15:18 · 241 阅读 · 0 评论 -
第一天上班学到的
昨天是上班第一天页面搭建时候应该注意的几个点,和以前不知道的东西每个pc端页面都要考虑到不同页面大小时的情况 响应式布局手机端页面参照设计图制作时,参考的尺寸是比例,才能适应各种不同页面,图片宽度用vw,高度他会自己适应每个页面都要加一串防止页面缩放的代码 防止出现各类问题如这段 <meta name="viewport" content="width=device-widt...原创 2019-05-07 11:02:01 · 186 阅读 · 0 评论 -
点击盒子改变checkbox状态以及在盒子和checkbox嵌套时阻止默认事件冒泡还有将多选框的值转化为0和1
需求是一个多选题 大概是这样li里包着的checkbox因为我觉得移动端就应该点这一大行 就是选中,就给添加了点击这个盒子,checkbox就被选中页面是这样的 <li> <input id="game1" type="checkbox" name="game" class="check_input"> <label for="...原创 2019-05-24 15:28:40 · 617 阅读 · 0 评论 -
改变checkbox点选多选框的样式
第一次遇到要修改checkbox的样式,毕竟太丑了,除了学校答题网站基本没见到过用的怎么搞呢,大概思路就是把input标签的默认样式隐藏,在input后面加label标签,因为点label也能触发input的默认时间,就直接改label的点击样式就好了放下代码 .check_input { /*去掉input原有样式*/ width: 4.3vw; ...原创 2019-05-24 15:43:00 · 2290 阅读 · 0 评论 -
点击发送验证码的倒计时
借鉴于https://blog.csdn.net/skye_95/article/details/81663957 var InterValObj; //timer变量,控制时间 var count = 60; //间隔函数,1秒执行 var curCount; //当前剩余秒数 //发送短信验证码 function sendMessage() { ...转载 2019-05-24 15:50:31 · 444 阅读 · 0 评论 -
手机端html5触屏事件(touch事件)3
touchstart:触摸开始的时候触发touchmove:手指在屏幕上滑动的时候触发touchend:触摸结束的时候触发而每个触摸事件都包括了三个触摸列表,每个列表里包含了对应的一系列触摸点(用来实现多点触控):touches:当前位于屏幕上的所有手指的列表。targetTouches:位于当前DOM元素上手指的列表。changedTouches:涉及当前事件手指的列表。每个触摸点...转载 2019-05-24 15:53:28 · 253 阅读 · 0 评论 -
CSS3 calc() 会计算的样式
在这里看到的https://codepen.io/pen/?&editable=true就查了下刚见识到的,转过来存一下,应该用勤了挺好的calc()是英文单词calculate(计算)的缩写,是css3的一个新增的功能,你可以使用calc()计算border、margin、pading、font-size和width等属性设置动态值。以前我们可以使用box-sizing:bor...转载 2019-05-24 16:28:51 · 279 阅读 · 0 评论 -
箭头函数和普通函数的区别
今天开始学习微信小程序了,昨晚提前看了一些,感觉相比Vue好理解许多,可能是因为学了Vue的缘故吧。今天上课突然被问到箭头函数和普通函数的区别,突然发现脑子里没有这个概念,只能想出好像不用写this就能调用数据还是什么,也不知道该怎么说,趁午休时间来查一下。箭头函数引入箭头函数的作用更简短的函数并且不绑定this。这也是肉眼可见的区别//普通函数function funcName...原创 2019-03-21 13:21:41 · 178 阅读 · 0 评论