<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[candy755的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/candy755</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; candy755]]></copyright><item><title><![CDATA[tab切换]]></title><link>https://blog.youkuaiyun.com/candy755/article/details/82861399</link><guid>https://blog.youkuaiyun.com/candy755/article/details/82861399</guid><author>candy755</author><pubDate>Thu, 27 Sep 2018 00:41:23 +0800</pubDate><description><![CDATA[今天给大家利用jquery做一个tab切换效果，现在给大家介绍下会用到的class操作样式，见下图：



现在给大家奉上代码，可以在以后做刚开始做tab切换做一定的参考，


&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
	&amp;lt;head&amp;gt;
		&amp;lt;meta charset=&quot;utf-8&quot; /&amp;gt;
		&amp;lt;title&amp;gt;&amp;lt;/title&amp;g]]></description><category></category></item><item><title><![CDATA[放大镜的实现]]></title><link>https://blog.youkuaiyun.com/candy755/article/details/82794646</link><guid>https://blog.youkuaiyun.com/candy755/article/details/82794646</guid><author>candy755</author><pubDate>Thu, 20 Sep 2018 22:49:12 +0800</pubDate><description><![CDATA[今天给大家实现放大镜的功能，也就是平时商城会经常用到的一种效果，其方法是，准备一张高像素的大图，当鼠标放到小图上，通过对大图进行绝对定位以此加载显示对应的位置，并且用mousemove事件的监听方法，当鼠标移到$small对象中，我们获取当前鼠标的相对坐标位置。

html的代码如下：


&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
	&amp;lt;head&amp;gt;
		&amp;lt...]]></description><category></category></item><item><title><![CDATA[一闪一闪的星星]]></title><link>https://blog.youkuaiyun.com/candy755/article/details/82728600</link><guid>https://blog.youkuaiyun.com/candy755/article/details/82728600</guid><author>candy755</author><pubDate>Sun, 16 Sep 2018 20:04:42 +0800</pubDate><description><![CDATA[今天给大家实现一个让星星动起来的效果，其中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坐轴的随...]]></description><category></category></item><item><title><![CDATA[倒计时]]></title><link>https://blog.youkuaiyun.com/candy755/article/details/82718001</link><guid>https://blog.youkuaiyun.com/candy755/article/details/82718001</guid><author>candy755</author><pubDate>Sat, 15 Sep 2018 21:34:06 +0800</pubDate><description><![CDATA[今天给大家分享倒计时的实现，感兴趣的可以了解下，现在就奉上代码。


&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
	&amp;lt;head&amp;gt;
		&amp;lt;meta charset=&quot;utf-8&quot; /&amp;gt;
		&amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;
	&amp;lt;/head&amp;gt;
	&amp;lt;/head&amp;gt;
	&amp]]></description><category></category></item><item><title><![CDATA[Vue自定义指令-div根据输入框输入的颜色变化背景色]]></title><link>https://blog.youkuaiyun.com/candy755/article/details/82693618</link><guid>https://blog.youkuaiyun.com/candy755/article/details/82693618</guid><author>candy755</author><pubDate>Thu, 13 Sep 2018 19:55:32 +0800</pubDate><description><![CDATA[今天利用Vue自定义指令-做个div根据输入框输入的颜色变化背景色的效果图，注意的是，输入的颜色只针对英语和16进制的颜色，输入中文无效。代码奉上：


&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
	&amp;lt;head&amp;gt;
		&amp;lt;meta charset=&quot;utf-8&quot; /&amp;gt;
		&amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;
		&amp;lt]]></description><category></category></item><item><title><![CDATA[html5-canvas绘图功能绘制五角星]]></title><link>https://blog.youkuaiyun.com/candy755/article/details/82666859</link><guid>https://blog.youkuaiyun.com/candy755/article/details/82666859</guid><author>candy755</author><pubDate>Wed, 12 Sep 2018 19:41:56 +0800</pubDate><description><![CDATA[我先简单的介绍下HTML5 新增的canvas标签， canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。下图是基本绘制的步骤，需要注意的是:Internet Explorer 8 及更早 IE 版本的浏览器不支持 &amp;lt;canvas&amp;gt; 标记。





现在我将利用这...]]></description><category></category></item><item><title><![CDATA[Vue的动画使用]]></title><link>https://blog.youkuaiyun.com/candy755/article/details/82633062</link><guid>https://blog.youkuaiyun.com/candy755/article/details/82633062</guid><author>candy755</author><pubDate>Tue, 11 Sep 2018 21:27:21 +0800</pubDate><description><![CDATA[关于Vue动画基本使用原理见下图：



现在利用语法1（css版）做一个简单的动画效果，其中translate是移动动画效果，scale是缩放动画效果：


&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
	&amp;lt;head&amp;gt;
		&amp;lt;meta charset=&quot;utf-8&quot; /&amp;gt;
		&amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;
		&amp]]></description><category></category></item><item><title><![CDATA[鼠标拖拽div移动并且背景颜色随机改变（根据Vue自定义指令）]]></title><link>https://blog.youkuaiyun.com/candy755/article/details/82596932</link><guid>https://blog.youkuaiyun.com/candy755/article/details/82596932</guid><author>candy755</author><pubDate>Mon, 10 Sep 2018 22:34:19 +0800</pubDate><description><![CDATA[今天给大家利用vue自定义指令做一个简单拖拽效果，所谓自定义指令就是Vue除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。因为Vue自带的指令都是比较偏向于工具化，有些时候在实现具体的业务逻辑的时候，发现不够用，所以就需要自定义指令，下图是自定义指令的语法。.



今天所要实现的效果，代码如下：


&amp;lt;!DOCTYPE html&amp;gt;
&amp;l...]]></description><category></category></item><item><title><![CDATA[vue的计算属性和侦听属性]]></title><link>https://blog.youkuaiyun.com/candy755/article/details/82463199</link><guid>https://blog.youkuaiyun.com/candy755/article/details/82463199</guid><author>candy755</author><pubDate>Sun, 09 Sep 2018 18:36:37 +0800</pubDate><description><![CDATA[

利用计算属性computed做了个简单的两个数相加的效果，代码如下


&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
    &amp;lt;head&amp;gt;
        &amp;lt;meta charset=&quot;utf-8&quot; /&amp;gt;
        &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;
        &amp;lt;script type=&quot]]></description><category></category></item><item><title><![CDATA[git的创建与合并分支]]></title><link>https://blog.youkuaiyun.com/candy755/article/details/80615618</link><guid>https://blog.youkuaiyun.com/candy755/article/details/80615618</guid><author>candy755</author><pubDate>Thu, 07 Jun 2018 22:54:36 +0800</pubDate><description><![CDATA[今天我们上课学了git开源的分布式版本控制系统的使用，也回顾了以前所学过得知识，发现自己要学的还是有很多，也应征那一句学无止境，也认知到自己还有很多不足，自我学习和吸收能力有点慢，面对老师讲解以前的知识，自己还有点小懵，才知道温故知新真的很重要，如果只是一昧的往前学习，却不经常回顾以前的知识，那所学的知识会大大的打了折扣。今天老师给我们介绍了git的创建与合并分支，这对于我来说像是打开一个新世界大...]]></description><category></category></item><item><title><![CDATA[总结过去，展望未来]]></title><link>https://blog.youkuaiyun.com/candy755/article/details/80595469</link><guid>https://blog.youkuaiyun.com/candy755/article/details/80595469</guid><author>candy755</author><pubDate>Wed, 06 Jun 2018 16:51:34 +0800</pubDate><description><![CDATA[大学两年很快就过去了，转眼间我来到了实训中心，时光匆匆，现在的我也算是半个踏入社会的人，除去了刚进入大学的青涩感，思想开始慢慢变得成熟，回顾了下大学生活，自己大多时候都是得过且过的状态，过得规规矩矩，并没有特别努力成为班上一个很优秀的人，或者说并没有对自己“狠”起来，虽然课堂上认真听讲但我也常常会因为偶尔的懒惰绊住前进的脚步，我深知自己的不完美和短处并正在尽力改正，也知道现在我的身份不仅仅是学生，...]]></description><category></category></item></channel></rss>