1496727543121

在实现封装之前，先介绍一下Swiper。 Swiper是纯Javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选…

本文github地址,持续更新...... 覆盖一层蒙版，并在蒙版上书写文字。需要2层，从低到上为图片层、蒙版层(上面可写字) 毛玻璃蒙版，本质上讲是两层图，底层图清晰完整，顶层图模糊残缺，并且两者位移完全一致，因此叠加到一起后像是一张图。为了确保位移一致，我们用了 backg…

BFC: 提供一个环境，html元素会在这个环境中按照一定的规则进行布局。 ex: 例如浮动元素会形成bfc,浮动元素内部子元素主要受该浮动元素影响，但是两个浮动元素互相不影响。 这个可以理解为一个独立容器，里边规则不会影响到外边。 这些基本的比如比如哪儿是content大家都…

逛论坛的时候看到一个问题, js是怎么实现持续的动画效果的? 第一时间想到的是定时器, 后来看到有同学提到了 requestAnimationFrame, 由于之前没有对相关方法有所了解, 于是便去查了下, 顺便也记录了下 animation 的使用.

在做无人便利小程序的项目中，某一天产品说要像某产商产品学习，给添加购物车增加抛物线小球动画。好吧，产品你最大，做！ 工具有了，我们再看一下什么是抛物线。 所以我们需要把这个抛物线动画分解成 两个 同时 进行但 不同动画效果 的动画。 据我所知，用 transform: tran…

众所周知，轮播图现今在网页中占据着必不可少的地位。 任何的一个网站，一个网页，都会出现一个轮播图，而轮播图更是利用JavaScript做出的一个比较基础的动画。 下面是我本人对写轮播图的一点见解，很多地方可能不是很全面，甚至可能说是错误的，希望老师们指点。 我觉得轮播图中最主要…

一. 问题 两个元素都有onclick的处理函数. 如果用户点击了inner, inner和outer上的事件处理函数都会被调用. 但谁先谁后呢? 二. 两个模型 在刚刚过去的那些糟糕年代, Netscape和M$对此有不同的看法. Netscape认为outer上的处理函数应…

在 JavaScript 的学习中，我们经常会遇到 JavaScript 的事件机制，例如，事件绑定、事件监听、事件委托（事件代理）等。这些名词是什么意思呢，有什么作用呢？

事件，事件对象在 IE 与标准浏览器的写法。