WEB前端
「已注销」
君子以自强不息
展开
-
JavaScript高手之路:封装抽奖效果
通过前面6篇文章的介绍,我相信读者大概对JavaScript的对象有了初步了解。那么这篇文章我们继续对前面学习的知识进行总结和实战,用面向对象思维来封装抽象效果,本文要达到的效果如图所示。如图所示,蓝色方框内显示当前奖品,当我们单击开始按钮时,奖品开始滚动起来;当我们单击停止按钮时,奖品列表滚动停止。无论是现在我们要封装抽奖效果,还是后面要进行的插件开发,编程的步骤大概分为这几步。首先,编写...原创 2019-05-09 01:24:13 · 2436 阅读 · 4 评论 -
JavaScript高手之路:构造函数方式封装对象
本节的主要内容是讲解new Object方式创建对象以及以这种方式来封装几个有趣的类。我们先来回顾一下new Object是怎么创建对象的,再说一下啊new Object方式创建对象如何演变。原创 2019-02-14 02:05:39 · 1746 阅读 · 0 评论 -
JavaScript高手之路:封装css方法和Table表格
上一章节已经讲了JS定义类的两种方式,并尝试着封装了两个类,这一章节我们来封装两个与页面特效相关的类。第一个是仿jQuery的css方法来操作div的样式,第二个是封装一个table表格对象。原创 2019-02-13 10:17:29 · 1439 阅读 · 0 评论 -
JavaScript高手之路:隔行异色效果
上一章节我们使用原生JSS实现了全选、不选、反选效果,这一这章节我们来实现隔行异色效果,隔行异色的意思是某表格中奇数行和奇数行的颜色相同,偶数行和偶数行的颜色要相同,奇数行和偶数行的颜色不同,奇偶相间达到隔行异色的效果。原创 2019-02-16 00:09:43 · 1653 阅读 · 3 评论 -
JavaScript高手之路:全选、不选、反选效果
前几个章节已经讲述了JavaScript对象定义的几种方式,并且用构造函数方式和字面来嗯方式来封装了一些数学相关的类和一些简单的特效,相信读者对JS面向对象编程有个大概轮廓了。所以,接下来的几个章节,每个章节就是一个简单有趣的小案例,这样有利于我们对JS对象封装的学习兴趣。今天我们先来实现全选、不选、反选的效果,这个效果在网页中经常见到,比如网易邮箱。原创 2019-02-15 23:03:57 · 1279 阅读 · 0 评论 -
JavaScript高手之路:选项卡的封装
选项卡我相信开发过前端的同学都不陌生,有时候我们也把它叫做页签,在网站开发中我们经常把它作为导航栏来使用。Bootstrap和EasyUI都已经封装好了选项卡组件,但是今天我们还是想自己动手来实现自己的选项卡,它的大致效果如图:本页面中有4个按钮和4个div,当用户选中按钮时,被选中的按钮背景色变黄,对应的红色背景div内容则显示出来,其他3个div则被隐藏,那么我们的页面代码如下:<...原创 2019-02-15 00:39:36 · 1716 阅读 · 0 评论 -
JavaScript高手之路:对象的定义以及封装
既然本系列博客的目的性很强:直接本着仿造jQuery框架而去的。那么很多理论性原理性的东西就不过于赘述了,直接以例子出发,由点到线,再由线到面循序渐进的穿插知识点来讲解。原创 2019-01-29 02:00:51 · 20958 阅读 · 11 评论 -
JavaScript高手之路:原型和原型链
原型和原型链是JavaScript进阶重要的概念,尤其在插件开发过程中是不能绕过的知识点,这篇文章就带你去抽丝剥茧的学习这一过程。在写博客过程中,我比较倾向和习惯从一个按例开始说起,以此为切入点一点点的进入正题,so,我们还是看看JavaScript内置对象Array来做一个数字排序得例子吧原创 2019-05-30 01:13:28 · 7449 阅读 · 25 评论