Benjamin - 专注前端开发和用户体验
CSS(3)

用 CSS 隐藏页面元素的方式总结

今天看到篇文章”用 CSS 隐藏页面元素的5种方法“,现加上自己的一点见解及常见应用归纳如下: 一、Display 将display设置为none,可以实现元素隐藏,并且不会生成盒模型。使用这个属性,被隐藏的元素不会占用任何空间。一旦给元素设置display:none,任何对...

Benjamin 6个月前 (06-09) 795℃ 0评论 6 喜欢

CSS(3)

Safari :active伪类失效问题

:active伪类,参见CSS2.1 Selector Spec,如果在PC端开发中会经常遇到,当然在某些初级或入门级的面试中也会问到A锚链接元素的几种状态,也许你可能会弄混,:link,:visited,:hover,:active, 常用缩写”LVHA“, 或者更好记忆为...

Benjamin 10个月前 (02-21) 1017℃ 0评论 2 喜欢

JAVASCRIPT

HTML5 Element.dataset 初探

一. 我是谁 HTMLElement.dataset 属性允许我们访问所有在元素上自定义的data属性 (这种属性一般以data-开头). 它的结构是一个DOMString映射表,对每一个自定义的数据属性都有一个实体与之对应。 自定义的数据属性名称是以 data- 开头的。 它必须要遵循 the p...

Benjamin 10个月前 (02-14) 809℃ 0评论 0 喜欢

CSS(3)

再聊CSS伪元素

之前写过一篇“CSS伪类和伪元素的异同”的文章,里面详细描述了伪类与伪元素的区别以及一些常见应用。由于最近项目开发中,IE8浏览器下遇到一个bug,再聊伪元素。 我们知道随着CSS规范进一步完善,新增的CSS伪元素越来越多,但是在日常开发中,我们常用的及浏览器支持情况比较乐观的当数before和af...

Benjamin 1年前 (2015-09-25) 1987℃ 0评论 3 喜欢

JAVASCRIPT

移动Web开发系列——软键盘及常见问题

移动端软件和PC端不同,Android和iOS两个系统的处理方式各异,其中Andriod中各个厂商对软键盘的处理方式也不同.本文将从以下几个方面阐述移动端软键盘的各异. 一. 不同系统中软键盘的特点 1) iOS系统 a.如果控件在键盘高度上方的话,键盘是以一个浮层的方式弹出,并且将那个触发的控件推...

Benjamin 1年前 (2015-09-10) 2752℃ 0评论 3 喜欢

JAVASCRIPT

移动端点击穿透知多少

在移动端click事件会有300ms的延迟, 用肉眼可以明显感觉到, 因此在开发中常常会遇到点击穿透的问题, 令不少初学者头疼,本篇文章将从由来, 常见问题, 解决方案几个方面来阐述点击穿透现象, 给予初学者以参考. 一. 300ms延迟的由来 这要追溯至2007年初, 苹果公司在发布首款iphon...

Benjamin 1年前 (2015-09-09) 1710℃ 0评论 2 喜欢

JAVASCRIPT

移动端模拟弹窗二三事

移动端模拟弹窗时,遇到一些问题,现总结如下,以加深记忆。 情况一: 当body高度大于viewport高度时,在弹窗上滑动时,会遇到body也跟着滑动的现象。 解决思路: 禁止touchmove,及overflow:hidden来实现,参考下面代码: /** * 初始化弹窗 */ var ...

Benjamin 1年前 (2015-09-09) 2596℃ 1评论 1 喜欢