最近在业务中遇见一个问题，就是弹出一个蒙版，覆盖整个页面，有一部分内容固定在底部。可是底部内容还是能滑动。 我相信在蛮多场景下是需要做到蒙版的时候底部禁止滑动。尤其是手机端。这边提供几个感觉还不错的方法。 这两个都是禁止touch事件，在移动端有效，在PC端用滚轮滑动就禁止不了…

在移动端使用弹窗时，我们会经常遇到这种现象：滑动弹窗时，遮罩层下面的背景（body）也会跟随滑动，带来的用户观感体验很差。 该方案主要是利用position: fixed特性，展示弹窗时给body设置该样式，就能阻止body的滚动。 但是body设置fixed样式后会导致页面自…

弹窗是一种常见的交互方式，而蒙层是弹窗必不可少的元素，用于隔断页面与弹窗区块，暂时阻断页面的交互。但是，在蒙层元素中滑动的时候，滑到内容的尽头时，再继续滑动，蒙层底部的页面会开始滚动，显然这不是我们想要的效果，因此需要阻止这种行为。 关闭蒙层时，移除以上样式。 简单方便，只需添…

从一开始使用alert来提示，到后来的jQuery手动写弹窗，再到后来使用layer弹窗插件来完成，到现在使用dialog插件来完成弹窗，一步步的摸索，一步步的收获。 看了代码也就知道dialog的基本用法了，title表示弹窗的标题，content表示弹窗的内容，本例子使用了…

相信不少同学在维护老项目时，都遇到过在深深的 if else 之间纠缠的业务逻辑。面对这样的一团乱麻，简单粗暴地继续增量修改常常只会让复杂度越来越高，可读性越来越差，有没有固定的套路来梳理它呢？这里分享三种简单通用的重构方式。 所谓的【面条代码】，常见于对复杂业务流程的处理中。…

下载地址https://github.com/chaorenzeng/jquery.numscroll.js.git效果展示快速使用1.引入jquery和jquery.numscroll.js2.拷贝

动态加载js，css在现在以及将来肯定是很重要的。目前来看前端代码编写的业务量已经远远超过后端编写的。随着对用户体验度逐渐增强，前端业务复杂，加载速度变得很慢很慢。为了解决这个问题，目前出现的两个前端模块加载器为require.js与sea.js，这两款模块加载器都不错。但是呢…