js按键事件onkeyup,onkeydown和onkeypress的区别简单来说，onkeydown 、onkeypress事件响应的时候输入的字符并没有被系统接受，而响应onkeyup的时候，输入流已经被系统接受。onkeydown和onkeypress具体区别： 一个放开一个没有放开，onk...

前端发送Ajax请求到服务器，服务器返回数据这一过程，因原因不同耗时长短也有差别，且这段时间内页面显示空白。如何优化这段时间内的交互体验，以及长时间内服务器仍未返回数据这一问题，是我们开发中不容忽视的重点。 常见的做法是： 1、设置超时时间，一旦时间超过设定值，便终止请求...

尽管现在有很多不同品牌的手机，但就系统而言大体仍是安卓和苹果两大阵营，今天我们就来一起看看这两大系统里有哪些网页前端坑，并附上解决方法，多学习一些移动前端兼容知识，以后写代码的时候就能避开这些坑。样式表现问题描述环境与频率解决方法border-radius百分比失效Android2.3.x设置一个较大值如border-...

随着安卓Android系统的不断壮大，手机界苹果IOS系统似乎已日趋成为小众系统，不过除非它像当年塞班那样悄然死去，否则前端兼容还是不容忽视。今天我们就来讲讲IOS系统上的一些前端坑：1.input不能与position:fixed的元素共存，在页面滚动且input是focus状态时，fixed的元素会跟着页面同时滚动...

网页前端开发经常需要即时监听输入框值的变化，以便作出即时动作去引导浏览者增强网站的用户体验感，采用onchange时间往往是在输入框失去焦点（onblur）时候触发，有时候并不能满足条件。我们来看一下不同事件在不同浏览器中的表现：onpropertychange： IE中HTML元素的属性改变的时候，都能通过 onpr...

CSS 的新属性 overscroll-behavior 允许开发者覆盖默认的浏览器滚动行为，一般用在滚动到顶部或者底部。在 APP 中经常使用的抽屉导航(drawer 中，我们期望的效果是：滚动到底部时，滚动停止，因为我们到达了"滚动边界"。但是在 Web 页面中滚动并不会停止...

我们知道checkbox类型input复选框在每一种浏览器都有默认样式，那么可不可以自定义样式呢？答案是肯定的，至少在Chrome和FireFox等标准浏览器中可以做到，需要注意的，较新版本Chrome浏览器需要使用-webkit-appearance:none;属性先解除默认样式。以下是代码：<label&nb...

话不多说，javascript就是这么强大，首先代码第一则：<p> <button onclick="openMedia( ">打开</button> <button onclick="closeMe...