<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[LY_code的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/LY_code</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; LY_code]]></copyright><item><title><![CDATA[从前端模块化编程切入想聊聊前端的未来（文末有我想问的问题）]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/88105601</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/88105601</guid><author>LY_code</author><pubDate>Fri, 08 Mar 2019 20:26:54 +0800</pubDate><description><![CDATA[1. JavaScript模块化简述
1.1 为什么需要模块化

没有模块化前的项目，常常在一个JS文件中会有很多功能的代码，这使得文件很大，分类性不强，自然而然不易维护；
那么我们将一个大的JS文件根据一定的规范拆分成几个小的文件的话将会便于管理，可以提高复用性。
一个复杂的项目肯定有很多相似的功能模块，如果每次都需要重新编写模块肯定既费时又耗力。同样，某个功能别人已经造好了轮子，我们就调来用用...]]></description><category></category></item><item><title><![CDATA[事件对象与事件机制]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/87862127</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/87862127</guid><author>LY_code</author><pubDate>Thu, 21 Feb 2019 15:36:09 +0800</pubDate><description><![CDATA[本系列将从以下专题去总结：

JS基础知识深入总结
对象高级
函数高级
事件对象与事件机制

暂时会对以上四个专题去总结，现在开始Part4:  事件对象与事件机制。下图是我这篇的大纲。

4.1  同步与异步
同步(Synchronous)：你在做一件事情，不能同时去做另外一件事。
异步(Asynchronous)：你在做一件事情，这件事可能会耗时很久，而此时你可以在等待的过程中，去做另外一件事...]]></description><category></category></item><item><title><![CDATA[函数高级]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/87718885</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/87718885</guid><author>LY_code</author><pubDate>Thu, 21 Feb 2019 11:38:43 +0800</pubDate><description><![CDATA[本系列将从以下专题去总结：

JS基础知识深入总结
对象高级
函数高级
事件对象与事件机制

暂时会对以上四个专题去总结，现在开始Part3：函数高级。下图是我这篇的大纲。

3.1 this的使用总结
this是在函数执行的过程中自动创建的一个指向一个对象的内部指针。确切的说，this并不是一个对象，而是指向一个已经存在的对象的指针，也可以认为是this就是存储了某个对象的地址。
this的指向...]]></description><category></category></item><item><title><![CDATA[对象高级]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/87633342</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/87633342</guid><author>LY_code</author><pubDate>Tue, 19 Feb 2019 16:05:46 +0800</pubDate><description><![CDATA[本系列将从以下专题去总结：

JS基础知识深入总结
对象高级
函数高级
事件对象与事件机制

暂时会对以上四个专题去总结，现在开始Part2：对象高级。下图是我这篇的大纲。

2.1 对象的创建模式


方式一：Object构造函数模式

套路: 先创建空Object对象, 再动态添加属性/方法
适用场景: 起始时不确定对象内部数据
问题: 语句太多

  // 先创建空Object对象
    ...]]></description><category></category></item><item><title><![CDATA[JS基础知识深入总结]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/86510730</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/86510730</guid><author>LY_code</author><pubDate>Mon, 18 Feb 2019 14:51:58 +0800</pubDate><description><![CDATA[本系列将从以下专题去总结：

JS基础知识深入总结
对象高级
函数高级
事件对象与事件机制

暂时会对以上四个专题去总结，现在开始JS之旅的第一部分：JS基础知识深入总结。

话在前面：我一直都认为，在互联网学习的大环境下，网路学习资源很多，但这些博客等仅仅是一个向导，一个跳板，真正学习知识还是需要线下，需要书籍。

1.1 数据类型的分类和判断
1.1.1 数据类型的分类

基本（值）类型 [p...]]></description><category></category></item><item><title><![CDATA[移动端适配怎么写？]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/83113505</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/83113505</guid><author>LY_code</author><pubDate>Wed, 17 Oct 2018 16:59:35 +0800</pubDate><description><![CDATA[1. 适配函数怎么写？

移动端的适配JS代码适配函数，放在main.js或主入口文件中：


function (doc, win) {
    var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        r...]]></description><category></category></item><item><title><![CDATA[你真的会用搜索引擎吗？能写出好论文、找到好工作的那种]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/80501976</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/80501976</guid><author>LY_code</author><pubDate>Tue, 29 May 2018 21:01:42 +0800</pubDate><description><![CDATA[学习、生活和工作难免要在网上找资料：找论文找电子书找电影找我们想要的一切然而在工作中，大部分人并不能正确使用搜索引擎。无论是实习生还是一些职场老鸟，资料的搜索能力可以说都是很重要的一个核心竞争力。可以这么说，能否在最短的时间内搜索到自己最需要的资料，决定了你的学习速度、工作效率、进步情况。虽然网络上充斥了大量的搜索引擎技巧，但大部分都是和搜索指令相关的。实际上，在搜索引擎的使用中，指令可能并不能起...]]></description><category></category></item><item><title><![CDATA[JavaScript数据结构——栈]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/80438635</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/80438635</guid><author>LY_code</author><pubDate>Thu, 24 May 2018 17:50:37 +0800</pubDate><description><![CDATA[栈 栈是一种遵循后入先出（LIFO，全称Last In First Out）的数据结构，是一种运算受限的线性表，其限制是仅允许在表的一端进行操作，这一端被称之为栈顶。由于栈具有后入先出的特点，所以任何不在栈顶的元素都无法访问，如果要访问栈底的元素，必须先移除上面的元素。栈的实现 在JavaScript中，采用数组座位存储数据的底层数据结构。定义Stack构造函数function Stack(){ ...]]></description><category></category></item><item><title><![CDATA[CSS3中steps()动画的详解]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/80209183</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/80209183</guid><author>LY_code</author><pubDate>Sat, 05 May 2018 21:41:33 +0800</pubDate><description><![CDATA[原文作者：Joni Trythall增修作者：Fegmaybe一个是雪碧图的实现动画的steps效果。steps（）阶跃函数，是transition-timing-function和animation-timing-function两个属性的属性值，他是表示两个关键帧之间的动画效果，默认是ease。steps（）有两个参数：参数一是把这次过渡分成几段，这几段其实是在时间上分为几段去显示执行。参数二...]]></description><category></category></item><item><title><![CDATA[jQuery实现小米购物车功能案例]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/80098197</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/80098197</guid><author>LY_code</author><pubDate>Thu, 26 Apr 2018 19:14:48 +0800</pubDate><description><![CDATA[效果图：修改：在购物车显示数量一栏没有文本居中（只需添加两步）：step1：在新增的div中的input增加一个类&quot;&amp;lt;input type='text' size='3' readonly value='1' class='inputTextCenter'/&amp;gt; &quot;+step2：在CSS样式为类添加样式.inputTextCenter{
    text-align: center;
}...]]></description><category></category></item><item><title><![CDATA[jQuery实现左右完美滑动的轮播图效果]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/80087583</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/80087583</guid><author>LY_code</author><pubDate>Wed, 25 Apr 2018 23:20:27 +0800</pubDate><description><![CDATA[要实现左右完美无缝对接，最后一张的处理至关重要。效果预览（只展示几秒，文件gif太大）：源码：&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;l]]></description><category></category></item><item><title><![CDATA[jQuery实现淡入淡出的轮播图]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/80087558</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/80087558</guid><author>LY_code</author><pubDate>Wed, 25 Apr 2018 23:18:21 +0800</pubDate><description><![CDATA[你可以换一下图片测试一次：width: 780px;
height: 519px;我的图片尺寸。你只需要修改一下：&amp;lt;div id=&quot;imgs&quot;&amp;gt;
    &amp;lt;img src=&quot;Img_JD/1.jpg&quot; alt=&quot;&quot;&amp;gt;
    &amp;lt;img src=&quot;Img_JD/7.jpg&quot; alt=&quot;&quot;&amp;gt;
    &amp;lt;img src]]></description><category></category></item><item><title><![CDATA[AJAX实现图灵机器人聊天]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/80087427</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/80087427</guid><author>LY_code</author><pubDate>Wed, 25 Apr 2018 23:15:18 +0800</pubDate><description><![CDATA[首先，搜索图灵机器人，在图灵机器人注册一个账号，然后新建一个机器人，获得一个key就可以了，这样就可以聊天了。关键是你在图灵机器人新建生成的key：key=9257afd24a374c69b91eeb687d463763
这段代码是复制的，从你新建那里得到。
另外我用的是版本一：（post的第一个参数url）http://www.tuling123.com/openapi/api当然你可以用图灵的...]]></description><category></category></item><item><title><![CDATA[jQuery实现“电子书自动滑动的效果”]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/80087410</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/80087410</guid><author>LY_code</author><pubDate>Wed, 25 Apr 2018 23:05:19 +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;Title&amp;lt;/title&amp;gt;
    &amp;lt;script src=&quot;jquery-3.3.1.js&quot;&amp;gt;&a]]></description><category></category></item><item><title><![CDATA[jQuery实现“多Tab切换效果"]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/80087353</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/80087353</guid><author>LY_code</author><pubDate>Wed, 25 Apr 2018 23:03:33 +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;多Tab切换案例&amp;lt;/title&amp;gt;
    &amp;lt;style&amp;gt;
        * {
            margin:]]></description><category></category></item><item><title><![CDATA[用JavaScript实现打地鼠游戏]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/79994890</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/79994890</guid><author>LY_code</author><pubDate>Wed, 18 Apr 2018 18:35:58 +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;Title&amp;lt;/title&amp;gt;
&amp;lt;style&amp;gt;
* {
    padding: 0;
    margin: 0;
}

.wra]]></description><category></category></item><item><title><![CDATA[如何用JavaScript一次性抓取网站图片、种子等资源（正则表达式的应用）]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/79994816</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/79994816</guid><author>LY_code</author><pubDate>Wed, 18 Apr 2018 18:33:03 +0800</pubDate><description><![CDATA[其实就是一个html和一个js文件便可以轻松抓取。以抓取图片为例子。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;Title&amp;lt;/title&amp;gt;
    &amp;lt;script ]]></description><category></category></item><item><title><![CDATA[JavaScript实现狂欢舞动的小球]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/79994776</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/79994776</guid><author>LY_code</author><pubDate>Wed, 18 Apr 2018 18:26:40 +0800</pubDate><description><![CDATA[狂欢舞动的小球效果（也就一个html代码）：代码（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;滚动的小球&amp;lt;/title&amp;gt;
    &amp;lt;style&amp;gt;
   ]]></description><category></category></item><item><title><![CDATA[原生JavaScript面向对象封装动画效果原理详解]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/79994366</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/79994366</guid><author>LY_code</author><pubDate>Wed, 18 Apr 2018 18:19:55 +0800</pubDate><description><![CDATA[一、JavaScript中动画原理   所谓的动画，就是通过一些列的运动形成的动的画面。在网页中，我们可以通过不断的改变元素的css值，来达到动的效果。    JavaScript的动画用的最多的3个api就是setInterval()、setTimeout()和requestAnimationFrame()   据说，普通人眼能看到1/24秒，就是说1秒至少24帧，每次移位间隔需要小于1000/...]]></description><category></category></item><item><title><![CDATA[纯CSS3炫酷3D星空动画特效]]></title><link>https://blog.youkuaiyun.com/LY_code/article/details/79979060</link><guid>https://blog.youkuaiyun.com/LY_code/article/details/79979060</guid><author>LY_code</author><pubDate>Tue, 17 Apr 2018 18:53:46 +0800</pubDate><description><![CDATA[效果：源码：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;zh&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge,chrome=1&quot;&amp;gt;
    &a]]></description><category></category></item></channel></rss>