摘要：
官网的效果图如下： 效果图如下： 我们需要在显示下面浮层的时候显示后面的半透明背景，Framework 7 里面默认有个半透明背景，如下图： 解决方案： 1.在</body>标签之前添加<div class="modal-overlay"></div> ； 2.modal-overlay的z-ind 阅读全文
摘要：
@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中。经常地，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片，这样做有几个明显缺陷：1. 不可 阅读全文
摘要：
new:用于创建一个对象。 有 new 与 无 new 时的区别，查看下面的示例代码应该会增加感觉： 上一篇我们所讲的工厂方式存在的2个缺陷可以能过new来解决，优化后的代码如下： 阅读全文
摘要：
工厂方式构造对象： 1.原料 构造函数，创建一个对象 “构造函数”，就是专门用来生成“对象”的函数。它提供模板，作为对象的基本结构。一个构造函数，可以生成多个对象，这些对象都有相同的结构。 2.加工 属性，方法 3.出厂 返回结果 示例代码： <!DOCTYPE html> <html lang=" 阅读全文
摘要：
面向对象 对象：是一个整体，对外提供一些操作。JavaScript的所有数据都可以被视为对象。简单说，所谓对象，就是一种无序的数据集合，由若干个“键值对”（key-value）构成。 比如说： var o = { p: "Hello World" }; 上面代码中，大括号就定义了一个对象，它被赋值给 阅读全文
摘要：
简单说下如何用jQuery 和 js原生代码获取touchstart,touchmove,touchend 坐标值： jQuery 代码： js原生代码 以上两种办法中 touchend 需要使用changedTouches[0]。 一般我们取第一个手指的坐标，如果有其他要求，可能需要判断手指数量。 阅读全文
摘要：
原理：先计算鼠标与拖拽目标的左侧距离 跟 上面距离，再计算拖动后的位置。 示例代码： 我们运行上面的代码如果只是一个单纯的div没什么问题，但是如果同时有文字选中之后，再拖动div会发现有问题。 那是因为当鼠标按下的时候，如果页面中有文字被选中，那么会触发浏览器默认的文字拖拽效果。 解决方案： 标准 阅读全文
摘要：
事件默认行为 ： 当一个事件发生的时候浏览器自己会默认做的事情。 怎么阻止？ 当前这个行为是什么事件触发的，然后在这个事件的处理函数中使用return false; 右键菜单事件 oncontextmenu : ，当右键菜单（环境菜单）显示出来的时候触发。 自定义右键菜单代码示例： 1 <!DOCT 阅读全文
摘要：
键盘事件主要有2个： onkeydown : 键盘按下时触发,如果按下不抬起，那么会连续触发。 onkeyup : 键盘弹起时触发 不是所有元素都能接收键盘事件，只有能够响应用户输入的元素，换言之，能够接收焦点的元素就能接收键盘事件。 event.keyCode : 数字类型，返回 键盘按键的ASC 阅读全文
摘要：
事件冒泡 ： 当一个元素接收到事件的时候，会把它接收到的所有传播给它的父级。一直到顶层window。这种现象称之为事件冒泡机制。出去的事件触发。 阻止冒泡 ： 当前要阻止冒泡的事件函数中，调用 event.cancelBubble = true; 事件捕获 ： ie下是没有的，在绑定事件中，标准下是 阅读全文