pai_an
pai_an_个人页
pai_an
文章
12
问答
0
视频
0
个人介绍
拍岸，前端，现就职于阿里巴巴
擅长的技术
- 前端开发
-
发表了文章 2016-12-05
前端常见bug系列1：容易被误解的:last-child 和 :first-child
用某个选择器过滤出来一个元素集合，当我们想选中最后一个元素的时候，是不是很容易想到:last-child？比如，有下面一段CSS和HTML片段： ``` .section{ margin-bottom: 50px; } .section1-item:last-child{ col
-
发表了文章 2016-12-05
前端常见bug系列2：:last-of-type 和 :first-of-type的误用
[上一篇](http://www.atatech.org/articles/64244)中曾提到，someselecttor:last-chid 所表示的并不是someselecttor选中的节点集合的最后一个。那么，怎么达到这个效果呢？对，可以用:last-of-type。来个例子试试看吧！ ``` .section{ margin-bot
-
发表了文章 2016-12-05
前端常见bug系列3：<input type="text">中emoji表情与文字并存时表情被截掉一部分
比如，有这个一个demo页面： ``` Title .text-input{ font-size: 1.2rem; line-height: 1.2rem; height: 1.2rem; border: 1p
-
发表了文章 2016-12-05
前端常见bug系列4: JavaScript中忘记类型转换所导致的条件判断错误举例
### 一、忘记类型转换的小数比较错误 举个例子，我们要进行一个字符串型的小数的比较：`'8.8'>'8.7'`，结果自然是true。 那么`'8.8'>'8.10'`呢？结果仍然是true，但愿你没有将它误以为是`8.8>8.10`。 ### 二、忘记类型转换的版本号比较错误 类似上面的问题，在进行版本号比较时，一样存在。比如，我们这么比较`'8.8.1'>'8.10.
-
发表了文章 2016-11-30
前端常见兼容问题系列8: 安卓机器中通过JS设置焦点无法拉起软键盘
有时候，为了优化用户体验，做交互设计的同学可能会希望让输入框自动获得焦点并弹出软键盘，这样用户不用点击输入框就可以直接输入。的确，这对用户来说很方便。但真正用HTML5页面去实现的时候，却遇到了问题。 首先我做了这样一个demo。 ``` Title #input1{
-
发表了文章 2016-11-18
前端常见兼容性问题系列7: 部分浏览器不支持音频自动播放
iOS 4.2.1之后的Safari中, 如果没有得到用户的手动允许，即便对audio标签设置了autoplay="autoplay"属性，也不会自动播放音频的，安卓5.0及以上的机器也存在同样问题。去掉audio的autoplay属性，手动点击按钮播放是经过考量后最合适的方法。
-
发表了文章 2016-11-18
前端常见兼容问题系列6: 一些安卓APP的WebView中<input type="file">不工作
安卓APP的WebView默认屏蔽了该控件的使用，有些安卓APP之所以能支持文件选择和上传，主要可能是有可能采取了如下措施之一： （1）可能在该APP中重写了相关方法 （2）提供了JS Bridge来供web页面调用
-
发表了文章 2016-11-18
前端常见兼容问题系列5：¥符号在部分Android APP的WebView中不见了
在一些安卓机型中，¥符号在某些Android APP的WebView中显示不正确，会受到页面元素lang属性设置的影响。
-
发表了文章 2016-11-18
前端常见兼容问题系列3：永远置于顶层的video
在许多安卓手机的UC浏览器中，存在video标签无法被元素遮盖的情况，有可能是UC把video解析成了native控件所致。 Title .content{ position: fixed;
-
发表了文章 2016-11-17
前端常见兼容问题系列4：sort方法在浏览器中执行效果的差异
sort后面跟着的排序函数，需要返回正数、负数或者0才是标准的影响排序的函数。而采用返回布尔值的函数作为排序函数是一种误用。
-
发表了文章 2016-11-17
前端常见兼容性问题系列1：丢失的CSS补间动画
有人说，前端开发的过程常常就是一个不断“入坑”和“出坑”的。这句话道出了前端开发中的磕磕绊绊以及相伴而来的成长。遗憾的是，这些成长大都只存储在工程师的脑海里，日复一日的，相信总有不少人花掉昂贵的时间在重复解决着同样的“坑”。因此，我决心抛砖引玉，先把自己曾遇到的一些兼容性问题分享出来。我将尽量采用“
-
发表了文章 2016-11-17
前端常见兼容问题系列2：视频哪里去了？
在小米2S的自带浏览器（Anndroid版本：5.0.2LRX22G）中，video元素的宽高并不会根据其src所引用的文件宽高自动撑开，再加上未设置controls属性，因此也不会显示播放控件，所以最终的结果就是一小块空白。
暂无更多信息
-
发表了文章
2016-12-05
前端常见bug系列1：容易被误解的:last-child 和 :first-child
-
发表了文章
2016-12-05
前端常见bug系列2：:last-of-type 和 :first-of-type的误用
-
发表了文章
2016-12-05
前端常见bug系列3：<input type="text">中emoji表情与文字并存时表情被截掉一部分
-
发表了文章
2016-12-05
前端常见bug系列4: JavaScript中忘记类型转换所导致的条件判断错误举例
-
发表了文章
2016-11-30
前端常见兼容问题系列8: 安卓机器中通过JS设置焦点无法拉起软键盘
-
发表了文章
2016-11-18
前端常见兼容性问题系列7: 部分浏览器不支持音频自动播放
-
发表了文章
2016-11-18
前端常见兼容问题系列6: 一些安卓APP的WebView中<input type="file">不工作
-
发表了文章
2016-11-18
前端常见兼容问题系列5：¥符号在部分Android APP的WebView中不见了
-
发表了文章
2016-11-18
前端常见兼容问题系列3：永远置于顶层的video
-
发表了文章
2016-11-17
前端常见兼容问题系列4：sort方法在浏览器中执行效果的差异
-
发表了文章
2016-11-17
前端常见兼容性问题系列1：丢失的CSS补间动画
-
发表了文章
2016-11-17
前端常见兼容问题系列2：视频哪里去了？
滑动查看更多
暂无更多信息
暂无更多信息