2018年06月_frank201113

11月 10月 09月 08月 07月 06月 05月 02月

原创 JS面向对象之类式继承

JS中没有类的概念，我们可以把JS中的构造函数看做是类。function Father() { // 父类 this.name = '名字';}Father.prototype.showName = function() { console.log(this.name);}function Child() { // 子类}Child.prototype = n...

2018-06-23 20:43:53 341

原创利用js的call实现属性的继承

/** * 学生类，代表一个学生. * @constructor * @param {string} name - 学生的姓名. * @param {string} id - 学生的学号. */function Student(name, id) { this.name = name; this.id = id;}/** * 小学生类，代表一个小学生. * @...

2018-06-23 11:03:13 386

原创 JS面向对象之拷贝继承

JS中的继承和我们现实当中的继承类似，就是子类（继承者）拥有父类（被继承者）的所有特性（属性与方法），同时子类又可以拥有自己特定的属性或方法（基因突变），而且子类的改变不会影响到父类。我们为什么要继承呢？其实主要是为了代码复用。继承分两个部分，第一是属性的继承，第二是方法的继承。我们先创造一个简单的父类：function CreatePerson(name,sex){ //父类 ...

2018-06-18 23:41:08 355

原创移动端时间联动选择实例

今天我做了一个移动端的时间联动选择的小实例，最终的效果如下：这个时间联动选择所用的地区数据的数据结构是这样的：var area = [ { name: '华北地区', province: [ { name: '北京市', city: [ { name: "北京市", ...

2018-06-18 16:18:44 1702

原创 JavaScript面向对象最基本的写法

function Aaa() { this.name = '小明';}Aaa.prototype.showName = function() { console.log(this.name);};var a1 = new Aaa();a1.showName();以上就是面向对象最基本的写法，首先定义一个构造函数，我们可以在构造函数的原型中添加自己的方法，然后要使用这个对象的时...

2018-06-17 11:23:52 230

原创一个很好用的移动端Lightbox特效插件（二）

上一篇博客本人主要是介绍了Lightbox插件的一些语法，这篇文章主要是介绍本人用Lightbox插件编写的一个实例，让大家更深入地了解这个Lightbox插件。首先，看一下这个实例最终的效果：接下来，我们就看看这个效果是怎样实现的吧。代码的html的结构很简单：&lt;div class="cut-wrap"&gt; &lt;div class="cut-imgs&qu

2018-06-16 10:09:53 1046

原创前端开发中关于文本溢出的处理

文本溢出是在网页中经常出现的情况，如果是要实现单行文本溢出用省略号代替的话，是非常容易实现的，代码如下：overflow:hidden;text-overflow:ellipsis;white-space:nowrap示例：但是，如果是要实现多行文本溢出时，溢出的文本用省略号代替呢？那也是非常简单的，代码如下（只有webkit内核才有作用）：overflow: hidd...

2018-06-09 10:47:17 2851

Lightbox特效,即灯箱特效，类似于相册预览的效果，说得直白一些就是鼠标点击图片，这个图片会浮起来全屏显示。这个是在网页开发中非常常见的一种特效。这种特效在网上有比较多的插件可以使用，在PC端中有lokesh写的lightbox2插件，在移动端中有PhotoSwipe，MagnificPopup等等。下面我就来介绍一种开发者可以根据自身的需求，高度定制自己的lightbox特效的插件——ima...

2018-06-03 17:13:46 2045