<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[十二tel]]></title><description><![CDATA[你的负担将变成礼物，你受的苦将照亮你的路。]]></description><link>https://blog.youkuaiyun.com/weixin_42426348</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weixin_42426348]]></copyright><item><title><![CDATA[canvas+javaScript+css+html——五子棋]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80697634</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80697634</guid><author>weixin_42426348</author><pubDate>Thu, 14 Jun 2018 20:08:18 +0800</pubDate><description><![CDATA[感觉这是个略有bug的五子棋，因为永远赢不了人机..效果如图：代码：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&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;style type=&quot]]></description><category></category></item><item><title><![CDATA[canvas+javaScript+html——绘制矩形、斜线、圆、字体、渐变]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80697594</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80697594</guid><author>weixin_42426348</author><pubDate>Thu, 14 Jun 2018 19:58:21 +0800</pubDate><description><![CDATA[通过canvas画布绘制如下图形：效果如图：代码如下：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;title&amp;gt;canvas&amp;lt;/title&amp;gt;
    &amp;lt;script type=&quot;te]]></description><category></category></item><item><title><![CDATA[javaScript——测试js是单线程、Object构造函数、js两道面试题]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80697440</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80697440</guid><author>weixin_42426348</author><pubDate>Thu, 14 Jun 2018 19:47:11 +0800</pubDate><description><![CDATA[一、测试js是单线程：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;title&amp;gt;js是单线程&amp;lt;/title&amp;gt;
    &amp;lt;script type=&quot;text/javascript&am]]></description><category></category></item><item><title><![CDATA[javaScript——对象字面量模式、工厂模式]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80697357</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80697357</guid><author>weixin_42426348</author><pubDate>Thu, 14 Jun 2018 19:36:53 +0800</pubDate><description><![CDATA[一、对象字面量模式：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&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;!--事先知道对象的内容有哪些--&amp;gt;
    &amp;]]></description><category></category></item><item><title><![CDATA[javaScript+html——定时调度、延时调用]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80697187</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80697187</guid><author>weixin_42426348</author><pubDate>Thu, 14 Jun 2018 19:24:56 +0800</pubDate><description><![CDATA[一、定时调度：效果：定时器从0~9：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&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;text/javascri]]></description><category></category></item><item><title><![CDATA[javaScript+html——js原型、原型链、原型链属性、显式原型和隐式原型]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80690746</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80690746</guid><author>weixin_42426348</author><pubDate>Thu, 14 Jun 2018 11:49:40 +0800</pubDate><description><![CDATA[一、原型：&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;text/javascript&quot;&amp;gt;
        function Fun() {};
        // console.log(Fun.prototype);//ob]]></description><category></category></item><item><title><![CDATA[javaScript——BOM浏览器对象模型]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80684422</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80684422</guid><author>weixin_42426348</author><pubDate>Wed, 13 Jun 2018 20:11:21 +0800</pubDate><description><![CDATA[主要包含console.log(navigator);/*有关访问者浏览器的信息*/
console.log(location);/*取到浏览器的URL地址信息*/
console.log(history);/*浏览历史记录*/效果如下：代码如下：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta chars...]]></description><category></category></item><item><title><![CDATA[javaScript+jQuery+css+html——图片剪切效果（上下左右）]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80684234</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80684234</guid><author>weixin_42426348</author><pubDate>Wed, 13 Jun 2018 19:53:37 +0800</pubDate><description><![CDATA[效果如下：html中：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;zh-cn&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&amp;gt;
    &amp;lt;title&amp;gt;效果图&amp;lt;/title&a]]></description><category></category></item><item><title><![CDATA[javaScript+css+html——图片剪切效果（只能向右进行剪切）]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80684076</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80684076</guid><author>weixin_42426348</author><pubDate>Wed, 13 Jun 2018 19:35:32 +0800</pubDate><description><![CDATA[效果如下：代码如下：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&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;style type=&quot;text/css&quot;&amp;gt;]]></description><category></category></item><item><title><![CDATA[javaScript+css+html——通过鼠标进行图片拖动]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80683856</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80683856</guid><author>weixin_42426348</author><pubDate>Wed, 13 Jun 2018 19:10:00 +0800</pubDate><description><![CDATA[具体效果需要自己试，可将div换成图片、图标。这里用div:代码如下：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&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;style type=&qu]]></description><category></category></item><item><title><![CDATA[javaScript+css+html——图片随鼠标移动]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80683794</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80683794</guid><author>weixin_42426348</author><pubDate>Wed, 13 Jun 2018 19:05:12 +0800</pubDate><description><![CDATA[具体效果需要自己测试，也可以将div换成图片之类的。这里用的div：代码如下：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&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;style t]]></description><category></category></item><item><title><![CDATA[javaScript+css+html——键盘事件（通过键盘上下左右控制图形位置）]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80683715</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80683715</guid><author>weixin_42426348</author><pubDate>Wed, 13 Jun 2018 18:55:14 +0800</pubDate><description><![CDATA[该篇效果需要自己去试，测试的时候通过键盘上面的上下左右来控制图形的位置即可，可通过这个内容尝试做俄罗斯方块。通过switch case语句控制所选方向。效果图如下：代码如下：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;title&amp;gt;键]]></description><category></category></item><item><title><![CDATA[javaScript+css+html——鼠标滚动事件（通过滚动鼠标控制图形的长短）]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80683605</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80683605</guid><author>weixin_42426348</author><pubDate>Wed, 13 Jun 2018 18:43:50 +0800</pubDate><description><![CDATA[注意：测试时鼠标一定要放在图形上。效果如下：①当鼠标往上滚动：②当鼠标往下滚动：代码如下：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&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;st]]></description><category></category></item><item><title><![CDATA[javaScript+css+html——DOM操作css（协议阅读效果）]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80683424</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80683424</guid><author>weixin_42426348</author><pubDate>Wed, 13 Jun 2018 18:26:38 +0800</pubDate><description><![CDATA[这一篇功能是：只有当滚动条滑动到页面底部时才能点击复选框选择，进而才能点击“下一步”按钮。这是一篇略有bug的代码，一是兼容性似乎有点问题，二是点击复选框时恐怕是要将页面放大才能进行选择..具体效果如下：代码如下：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
  ...]]></description><category></category></item><item><title><![CDATA[javaScript+html——DOM增删改]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80674363</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80674363</guid><author>weixin_42426348</author><pubDate>Wed, 13 Jun 2018 09:45:13 +0800</pubDate><description><![CDATA[利用JavaScript实现html中数据的增删改，注意第三和第四个按钮在同一页面中不能同时进行。效果如下：代码如下：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;title&amp;gt;DOM增删改&amp;lt;/title&amp;gt;
]]></description><category></category></item><item><title><![CDATA[javaScript+css+html——多张图片的上下翻页+开始暂停自动翻页]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80667885</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80667885</guid><author>weixin_42426348</author><pubDate>Tue, 12 Jun 2018 17:08:34 +0800</pubDate><description><![CDATA[主要是实现图片轮换的上一张、下一张功能，这里对样式不做多的设计。主要效果如下：]]></description><category></category></item><item><title><![CDATA[如果你的每个梦 都觉得匆忙]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80661854</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80661854</guid><author>weixin_42426348</author><pubDate>Tue, 12 Jun 2018 10:29:01 +0800</pubDate><description><![CDATA[人总要在某一个地方，找到内心的满足。如果满足不了，那恐怕也不再强求了。所以啊！在你不涉及的另一块，我还是要努力！靠自己吧，加油。]]></description><category></category></item><item><title><![CDATA[css3+html5——拼接图片中icon的使用、照片轮换（没写完）、视频、音频的加入]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80656663</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80656663</guid><author>weixin_42426348</author><pubDate>Mon, 11 Jun 2018 19:26:29 +0800</pubDate><description><![CDATA[emmm...这一篇其实挺杂的，还是留着给自己看吧...大概效果如下：代码如下：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&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;style type=]]></description><category></category></item><item><title><![CDATA[css3+html5——新闻列表设计]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80656502</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80656502</guid><author>weixin_42426348</author><pubDate>Mon, 11 Jun 2018 19:10:55 +0800</pubDate><description><![CDATA[随便写了个仿腾讯新闻列表，主要是布局和标题栏的设计（不随页面滚动而滚动）、当鼠标移动到图片上的时候实现图片的放大功能：大概效果如下：    代码如下：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;title&amp;gt;新闻列表&amp;lt;/]]></description><category></category></item><item><title><![CDATA[css3+html5——嫦娥奔月]]></title><link>https://blog.youkuaiyun.com/weixin_42426348/article/details/80655157</link><guid>https://blog.youkuaiyun.com/weixin_42426348/article/details/80655157</guid><author>weixin_42426348</author><pubDate>Mon, 11 Jun 2018 17:24:28 +0800</pubDate><description><![CDATA[先为大家提供两张照片：      效果如下：   代码如下：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;en&quot;&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;style type=&quot;text]]></description><category></category></item></channel></rss>