candy755-CSDN博客

原创 tab切换

今天给大家利用jquery做一个tab切换效果，现在给大家介绍下会用到的class操作样式，见下图：现在给大家奉上代码，可以在以后做刚开始做tab切换做一定的参考，<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title&g

2018-09-27 00:41:23 168

原创放大镜的实现

今天给大家实现放大镜的功能，也就是平时商城会经常用到的一种效果，其方法是，准备一张高像素的大图，当鼠标放到小图上，通过对大图进行绝对定位以此加载显示对应的位置，并且用mousemove事件的监听方法，当鼠标移到$small对象中，我们获取当前鼠标的相对坐标位置。html的代码如下：<!DOCTYPE html><html> <head> &lt...

2018-09-20 22:49:12 486

今天给大家实现一个让星星动起来的效果，其中Math.random()是返回一个Double类型的0到1的随机数，例如Math.random()*450就是把产生的数乘以450，0*450=0，1*450=450，也就是说变成了成0到450产生随机数，parseInt(Math.random()*450)就是从1到450产生随机数然后取整数部分。实现星星随机闪动的效果，主要利用星星x坐轴与y坐轴的随...

2018-09-16 20:04:42 772

原创倒计时

今天给大家分享倒计时的实现，感兴趣的可以了解下，现在就奉上代码。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> </head> &amp

2018-09-15 21:34:06 116

原创 Vue自定义指令-div根据输入框输入的颜色变化背景色

今天利用Vue自定义指令-做个div根据输入框输入的颜色变化背景色的效果图，注意的是，输入的颜色只针对英语和16进制的颜色，输入中文无效。代码奉上：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> &lt

2018-09-13 19:55:32 9685 7

原创 html5-canvas绘图功能绘制五角星

我先简单的介绍下HTML5 新增的canvas标签， canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。下图是基本绘制的步骤，需要注意的是:Internet Explorer 8 及更早 IE 版本的浏览器不支持 <canvas> 标记。现在我将利用这...

2018-09-12 19:41:56 9782

原创 Vue的动画使用

关于Vue动画基本使用原理见下图：现在利用语法1（css版）做一个简单的动画效果，其中translate是移动动画效果，scale是缩放动画效果：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> &amp

2018-09-11 21:27:21 2403

原创鼠标拖拽div移动并且背景颜色随机改变（根据Vue自定义指令）

今天给大家利用vue自定义指令做一个简单拖拽效果，所谓自定义指令就是Vue除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。因为Vue自带的指令都是比较偏向于工具化，有些时候在实现具体的业务逻辑的时候，发现不够用，所以就需要自定义指令，下图是自定义指令的语法。.今天所要实现的效果，代码如下：<!DOCTYPE html>&l...

2018-09-10 22:34:19 2554

原创 vue的计算属性和侦听属性

利用计算属性computed做了个简单的两个数相加的效果，代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type=&quot

2018-09-09 18:36:37 824

原创 git的创建与合并分支

今天我们上课学了git开源的分布式版本控制系统的使用，也回顾了以前所学过得知识，发现自己要学的还是有很多，也应征那一句学无止境，也认知到自己还有很多不足，自我学习和吸收能力有点慢，面对老师讲解以前的知识，自己还有点小懵，才知道温故知新真的很重要，如果只是一昧的往前学习，却不经常回顾以前的知识，那所学的知识会大大的打了折扣。今天老师给我们介绍了git的创建与合并分支，这对于我来说像是打开一个新世界大...

2018-06-07 22:54:36 116

原创总结过去，展望未来

大学两年很快就过去了，转眼间我来到了实训中心，时光匆匆，现在的我也算是半个踏入社会的人，除去了刚进入大学的青涩感，思想开始慢慢变得成熟，回顾了下大学生活，自己大多时候都是得过且过的状态，过得规规矩矩，并没有特别努力成为班上一个很优秀的人，或者说并没有对自己“狠”起来，虽然课堂上认真听讲但我也常常会因为偶尔的懒惰绊住前进的脚步，我深知自己的不完美和短处并正在尽力改正，也知道现在我的身份不仅仅是学生，...

2018-06-06 16:51:34 257

candy755的博客