摘要： H5微信页面开发，软键盘弹起后，若原输入框被遮挡，页面整体将会上移，然而当输入框失焦，软键盘收起后，页面未恢复，导致弹框里的按钮响应区域错位。 解决方案：给输入框（或select选择框）添加失去焦点的事件，当输入框失去焦点，页面自动滚动到顶部，并且需要加定时器，否则偶尔会失效， $("input,s 阅读全文

摘要： document.onkeydown = (e) => { if (!this.keyCode) { if (window.event) { this.keyCode = event.keyCode; ... 阅读全文

摘要： 字符串方法 ① charAt() 方法可返回指定位置的字符 ② indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置 ③ split() 方法将字符串分割为字符串数组，并返回此数组 ④ substring() 方法用于提取字符串中介于两个指定下标之间的字符 ⑤ substr() 阅读全文

摘要： (摘自张鑫旭老师的课程内容) position: absolute 1. 定位元素（关闭按钮etc）：dom顺序保持正确，然后根据absolute的位置跟随性（脱离文档流但是位置不变）和margin值进行定位 在img和文字之间用<!-- -->注释掉多余的空格 2. 当absolute定位后，le 阅读全文

摘要： 比较数组中数值的大小是比较常见的操作，比较大小的方法有多种，比如可以使用自带的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 阅读全文

摘要： 笔者所在的前端团队主要从事移动端的H5页面开发，而团队使用的适配方案是: viewport units + rem。具体可以参见凹凸实验室的文章 – 利用视口单位实现适配布局 。 笔者目前（2017.08.12）接触到的移动端适配方案中，「利用视口单位实现适配布局」是最好的方案。不过使用 rem 作 阅读全文

摘要： 原文地址：gitub上的Flexbugs list，可以看到Flex布局在IE糟糕表现的详细描述。 2. Column flex items set to align-items:center overflow their container flex 容器如果设置竖排，并且垂直居中，flex子项目 阅读全文

摘要： 有没有觉得浏览器自带的原始滚动条很不美观，同时也有看到很多网站的自定义滚动条显得高端，就连chrome32.0开发板都抛弃了原始的滚动条，美观多了。那webkit浏览器是如何自定义滚动条的呢？ 前言 webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式 阅读全文

摘要： <div style="background-image: url(http://your-image.jpg);"> <img src="http://your-image.jpg" style="opacity:0;" /></div> 用图片去占位，把div高度撑开就可以显示背景图片 同时改变 阅读全文

摘要： 1、父组件向子组件传递数据 父组件传递:data = parent.data 子组件接收props: {data:{}} 2、子组件向父组件传递数据（https://vuefe.cn/v2/guide/migration.html#dispatch-和-broadcast-替换） 子组件派发事件：t 阅读全文