会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
刘露依
博客园
首页
新随笔
新文章
联系
管理
订阅
2019年1月25日
input输入框失去焦点,软键盘关闭后,滚动的页面无法恢复到原来位置
摘要: H5微信页面开发,软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,导致弹框里的按钮响应区域错位。 解决方案:给输入框(或select选择框)添加失去焦点的事件,当输入框失去焦点,页面自动滚动到顶部,并且需要加定时器,否则偶尔会失效, $("input,s
阅读全文
posted @ 2019-01-25 14:51 刘露依
阅读(465)
评论(0)
推荐(0)
编辑
2018年11月7日
按住CTRL多选,按住shift连选的实现
摘要: document.onkeydown = (e) => { if (!this.keyCode) { if (window.event) { this.keyCode = event.keyCode; ...
阅读全文
posted @ 2018-11-07 16:39 刘露依
阅读(574)
评论(0)
推荐(0)
编辑
2018年5月17日
JavaScript 进阶
摘要: 字符串方法 ① charAt() 方法可返回指定位置的字符 ② indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置 ③ split() 方法将字符串分割为字符串数组,并返回此数组 ④ substring() 方法用于提取字符串中介于两个指定下标之间的字符 ⑤ substr()
阅读全文
posted @ 2018-05-17 17:35 刘露依
阅读(86)
评论(0)
推荐(0)
编辑
2018年5月14日
css 底层知识点
摘要: (摘自张鑫旭老师的课程内容) position: absolute 1. 定位元素(关闭按钮etc):dom顺序保持正确,然后根据absolute的位置跟随性(脱离文档流但是位置不变)和margin值进行定位 在img和文字之间用<!-- -->注释掉多余的空格 2. 当absolute定位后,le
阅读全文
posted @ 2018-05-14 10:51 刘露依
阅读(193)
评论(0)
推荐(0)
编辑
2017年10月13日
js求最大值最小值
摘要: 比较数组中数值的大小是比较常见的操作,比较大小的方法有多种,比如可以使用自带的sort()函数,代码如下: 另外的求最大值方法如下: 方法一: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 //最小值 Array.prototy
阅读全文
posted @ 2017-10-13 10:30 刘露依
阅读(943)
评论(0)
推荐(0)
编辑
2017年10月12日
逐帧动画抖动、适配布局、SVG Sprites
摘要: 笔者所在的前端团队主要从事移动端的H5页面开发,而团队使用的适配方案是: viewport units + rem。具体可以参见凹凸实验室的文章 – 利用视口单位实现适配布局 。 笔者目前(2017.08.12)接触到的移动端适配方案中,「利用视口单位实现适配布局」是最好的方案。不过使用 rem 作
阅读全文
posted @ 2017-10-12 17:58 刘露依
阅读(590)
评论(0)
推荐(0)
编辑
2017年10月11日
IE浏览器下flex布局的bug
摘要: 原文地址:gitub上的Flexbugs list,可以看到Flex布局在IE糟糕表现的详细描述。 2. Column flex items set to align-items:center overflow their container flex 容器如果设置竖排,并且垂直居中,flex子项目
阅读全文
posted @ 2017-10-11 13:56 刘露依
阅读(2256)
评论(0)
推荐(0)
编辑
2017年9月19日
css自定义滚动条
摘要: 有没有觉得浏览器自带的原始滚动条很不美观,同时也有看到很多网站的自定义滚动条显得高端,就连chrome32.0开发板都抛弃了原始的滚动条,美观多了。那webkit浏览器是如何自定义滚动条的呢? 前言 webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式
阅读全文
posted @ 2017-09-19 16:33 刘露依
阅读(213)
评论(0)
推荐(0)
编辑
2017年9月7日
未知高度的div自适应图片高度
摘要: <div style="background-image: url(http://your-image.jpg);"> <img src="http://your-image.jpg" style="opacity:0;" /></div> 用图片去占位,把div高度撑开就可以显示背景图片 同时改变
阅读全文
posted @ 2017-09-07 17:50 刘露依
阅读(390)
评论(0)
推荐(0)
编辑
2017年8月17日
vue中父子组件的通信
摘要: 1、父组件向子组件传递数据 父组件传递:data = parent.data 子组件接收props: {data:{}} 2、子组件向父组件传递数据(https://vuefe.cn/v2/guide/migration.html#dispatch-和-broadcast-替换) 子组件派发事件:t
阅读全文
posted @ 2017-08-17 17:36 刘露依
阅读(178)
评论(0)
推荐(0)
编辑
下一页
公告