摘要：
列表左右的无缝滚动在网页中是一个很常见的效果了。但是为了给使用者一个更好的体验感受，我们会需要做到如下效果： 就是左右两边会有种半透明的效果。今天我们就来说一下如何实现它。 1.写静态页面，大致的页面布局如下: 2.写 CSS: 要实现左右半透明的效果就是通过伪类 + 渐变来实现的。 渐变的兼容性不 阅读全文
posted @ 2018-01-26 22:37
前端[色色]
阅读(554)
评论(0)
推荐(0)
摘要：
前面有讲过一些DOM的基本概念。 今天来说一下DOM 的一些基本操作，主要有创建节点，追加节点，删除节点。 1.创建DOM元素： createElement(标签名) —— 创建一个节点 appendChild(节点) —— 追加一个节点 2.插入元素： insertBefore(节点, 原有节点) 阅读全文
posted @ 2018-01-25 22:34
前端[色色]
阅读(297)
评论(0)
推荐(0)
摘要：
官网的效果图如下： 效果图如下： 我们需要在显示下面浮层的时候显示后面的半透明背景，Framework 7 里面默认有个半透明背景，如下图： 解决方案： 1.在</body>标签之前添加<div class="modal-overlay"></div> ； 2.modal-overlay的z-ind 阅读全文
posted @ 2017-09-08 17:21
前端[色色]
阅读(878)
评论(0)
推荐(0)
摘要：
@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中。经常地，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片，这样做有几个明显缺陷：1. 不可 阅读全文
posted @ 2017-08-29 13:11
前端[色色]
阅读(11418)
评论(0)
推荐(0)
摘要：
new:用于创建一个对象。 有 new 与 无 new 时的区别，查看下面的示例代码应该会增加感觉： 上一篇我们所讲的工厂方式存在的2个缺陷可以能过new来解决，优化后的代码如下： 阅读全文
posted @ 2017-08-22 23:47
前端[色色]
阅读(396)
评论(0)
推荐(0)
摘要：
工厂方式构造对象： 1.原料 构造函数，创建一个对象 “构造函数”，就是专门用来生成“对象”的函数。它提供模板，作为对象的基本结构。一个构造函数，可以生成多个对象，这些对象都有相同的结构。 2.加工 属性，方法 3.出厂 返回结果 示例代码： <!DOCTYPE html> <html lang=" 阅读全文
posted @ 2017-08-22 23:39
前端[色色]
阅读(246)
评论(0)
推荐(0)
摘要：
面向对象 对象：是一个整体，对外提供一些操作。JavaScript的所有数据都可以被视为对象。简单说，所谓对象，就是一种无序的数据集合，由若干个“键值对”（key-value）构成。 比如说： var o = { p: "Hello World" }; 上面代码中，大括号就定义了一个对象，它被赋值给 阅读全文
posted @ 2017-08-10 23:34
前端[色色]
阅读(179)
评论(0)
推荐(0)
摘要：
简单说下如何用jQuery 和 js原生代码获取touchstart,touchmove,touchend 坐标值： jQuery 代码： js原生代码 以上两种办法中 touchend 需要使用changedTouches[0]。 一般我们取第一个手指的坐标，如果有其他要求，可能需要判断手指数量。 阅读全文
posted @ 2017-08-08 20:14
前端[色色]
阅读(5502)
评论(0)
推荐(0)
摘要：
原理：先计算鼠标与拖拽目标的左侧距离 跟 上面距离，再计算拖动后的位置。 示例代码： 我们运行上面的代码如果只是一个单纯的div没什么问题，但是如果同时有文字选中之后，再拖动div会发现有问题。 那是因为当鼠标按下的时候，如果页面中有文字被选中，那么会触发浏览器默认的文字拖拽效果。 解决方案： 标准 阅读全文
posted @ 2017-08-04 00:04
前端[色色]
阅读(401)
评论(0)
推荐(0)
摘要：
事件默认行为 ： 当一个事件发生的时候浏览器自己会默认做的事情。 怎么阻止？ 当前这个行为是什么事件触发的，然后在这个事件的处理函数中使用return false; 右键菜单事件 oncontextmenu : ，当右键菜单（环境菜单）显示出来的时候触发。 自定义右键菜单代码示例： 1 <!DOCT 阅读全文
posted @ 2017-08-02 00:33
前端[色色]
阅读(289)
评论(0)
推荐(0)
浙公网安备 33010602011771号