随笔分类 -  JS

摘要:不好意思我又要来写操作文档了,看起来更像wiki的博客(如果你想深入学习,请阅读文末列的参考资料)。本文将示例如何把ES6编译成ES5。 首先,你要自行查阅什么是ES6,和ES5、javascript有什么关系,为什么要编译ES6。废话不多说,just test! 方法一: 第一步:项目目录下安装b 阅读全文
posted @ 2016-05-29 15:35 lovelyun 阅读(10265) 评论(4) 推荐(0) 编辑
摘要:上一篇中,我们为组件添加了“删除一条item”的功能,现在,再增加一个“增加一条item”的功能。 首先,在页面中增加一个按钮,用来触发添加功能(红框中的内容是对比上一篇新加的代码)。 在main.js中绑定按钮的单击事件,触发add函数。 再在smartList.js里写add函数。 1... 阅读全文
posted @ 2016-01-05 12:07 lovelyun 阅读(677) 评论(0) 推荐(1) 编辑
摘要:上一篇里,我们为smartList组件写了一个简单的setData方法,运用此原型方法创建了member list和group list两个列表,今天我们继续完善插件功能。 上一篇里,最终效果是这样: 生成了2个一模一样的列表,都有编辑和删除的功能。所以现在我们要改进一下插件,使用户可以定制... 阅读全文
posted @ 2015-12-31 14:36 lovelyun 阅读(559) 评论(0) 推荐(0) 编辑
摘要:前两篇博文里学习了类与原型的相关知识,现在就理论结合实际,看看如何用类和原型来写一个插件。 首先写好html页面如下,主要是引入jquery和bs,页面中放了一个id为memberList的div,用来放我们待会使用类和原型生成的item。 1 2 3 4 Flexx 5 ... 阅读全文
posted @ 2015-12-30 15:26 lovelyun 阅读(970) 评论(3) 推荐(0) 编辑
摘要:js 内置有很多类,我们用的,都是从这些类实例化出来的。1 function Object () {}2 function Array () {}3 function String () {}4 function Boolean () {}5 function Function () {} 比... 阅读全文
posted @ 2015-12-29 12:12 lovelyun 阅读(1076) 评论(2) 推荐(0) 编辑
摘要:一般方法:1 //作为核心文件,先来一个闭包,禁止污染全局空间。2 (function(){3 'use strict';//该作用域内的代码使用js的严格模式4 5 })();高big方法:1 +function(){2 'use strict';3 4 }();... 阅读全文
posted @ 2015-12-29 10:25 lovelyun 阅读(226) 评论(0) 推荐(0) 编辑
摘要:所有的 for if switch while do 等等,都属于块级作用域,里面声明的对象,外面也能访问。但function 函数里的作用域,在函数外是访问不到的。 但函数作用域里面可以访问外面。 内层永远可以访问外层的。 这就叫闭包,同时是一个立刻执行的匿名函数。 你给他加个名字也可... 阅读全文
posted @ 2015-12-27 12:27 lovelyun 阅读(775) 评论(0) 推荐(0) 编辑
摘要:我们知道有个全局的window对象,js的一切皆window上的属性和方法。window上有个window.document属性,记录了整个html的dom树,document是顶层。 body 和 head 都是 doc上的一个属性。 上图中,head里面的打印结果是null,因为docu... 阅读全文
posted @ 2015-12-27 11:49 lovelyun 阅读(2778) 评论(4) 推荐(0) 编辑
摘要:上一篇《论tab切换的几种实现方法》中讲了tab切换的4种不同实现原理,那么,现在到理论联系实际的时候了,下面就写几个实例。一、仿”中国人民大学“官网的tab切换,背景是图片,效果图如下:鼠标移到新闻时的效果鼠标移到公告时的效果鼠标移到交流时的效果学术、交流和文体的内容为空,我没有写。完整代码如... 阅读全文
posted @ 2015-10-27 17:38 lovelyun 阅读(2322) 评论(0) 推荐(0) 编辑
摘要:tab切换在网页中很常见,故最近总结了4种实现方法。 首先,写出tab的框架,加上最简单的样式,代码如下: 1 2 3 4 5 18 19 20 21 22 23 标题一24 标题二25 标题三26 ... 阅读全文
posted @ 2015-10-16 15:41 lovelyun 阅读(1705) 评论(1) 推荐(0) 编辑
摘要:前几天学习了一下date对象,于是写了一个简单的时间显示放到博客页面里(位于右上角),类似这样的效果,时:分:秒 xxxx年xx月xx日。 下面来说一下具体实现步骤。 首先,既然date是一个对象,那么,在使用之前就需要创建这个对象var myDate = new Date();由于函数较简... 阅读全文
posted @ 2015-10-08 10:25 lovelyun 阅读(314) 评论(0) 推荐(0) 编辑