<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[scarsun的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/scarsun</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; scarsun]]></copyright><item><title><![CDATA[Math-Date]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/91951549</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/91951549</guid><author>scarsun</author><pubDate>Fri, 14 Jun 2019 10:04:19 +0800</pubDate><description><![CDATA[一．MATH

1：Math对象

Math 对象用于执行数学任务。

Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()。无需创建它，通过把 Math 作为对象使用就可以调用其所有属性和方法。

2：Math属性

PI：返回圆周率（约等于3.14159）。

console.log(Math.PI);

3：Math方法

Math.round(3...]]></description><category></category></item><item><title><![CDATA[ES5]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/90906098</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/90906098</guid><author>scarsun</author><pubDate>Wed, 05 Jun 2019 17:30:24 +0800</pubDate><description><![CDATA[1：ES5简介

ECMAScript 5.1 (或仅 ES5) 是ECMAScript(基于JavaScript的规范)标准的修正。 与HTML5规范进程本质类似，ES5通过对现有JavaScript方法添加语句和原生ECMAScript对象做合并实现标准化。

2：严格模式简介

除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，...]]></description><category></category></item><item><title><![CDATA[函数]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/90906068</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/90906068</guid><author>scarsun</author><pubDate>Wed, 05 Jun 2019 17:28:57 +0800</pubDate><description><![CDATA[1：函数的概念和作用

定义：函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

作用：可以使一段代码块重复的使用。

2：函数的编写

function funcName(){}

例：function hello(){

document.write(‘hello’);

}

3：函数调用

调用方式：

1：手动调用。即：函数名称()。

hello();

2：事件驱动。

...]]></description><category></category></item><item><title><![CDATA[循环结构]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/90906058</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/90906058</guid><author>scarsun</author><pubDate>Wed, 05 Jun 2019 17:28:21 +0800</pubDate><description><![CDATA[1：循环结构

1：当循环结构

2：直到型循环结构

2：当循环结构



3：直到型循环结构



4：while循环

语法：while(bool){

// 循环代码体

}

var a=4；

while(a &lt; 10){

document.write(a);

a++;

};

5：do...while循环

语法： do{

// 循环代码体

} while(bool)...]]></description><category></category></item><item><title><![CDATA[选择结构知识点]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/90906012</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/90906012</guid><author>scarsun</author><pubDate>Wed, 05 Jun 2019 17:27:11 +0800</pubDate><description><![CDATA[流程控制
JS程序一般是按照书写的顺序来进行的，这种运行称为顺序运行，是程序流的默认方向，与顺序运行不同，另一种运行将程序流转换到脚本的另外的部分，也就是说，不按顺序运行下一条语句，而是运行另外的语句，为了使脚本可以使用，该控制的转换必须以逻辑的方式运行，程序控制的转换基于一个“决定”，这个决定结果是真还是假（true或false）,来决定程序的运行方向。

程序三大结构
a)、顺序结构

b)、...]]></description><category></category></item><item><title><![CDATA[vue与react的对比，如何选型？从性能，生态圈，数据量，数据的传递上作对比]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/81636535</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/81636535</guid><author>scarsun</author><pubDate>Mon, 13 Aug 2018 20:31:39 +0800</pubDate><description><![CDATA[1) React和Vue有许多相似之处，它们都有：

    使用 Virtual DOM
    提供了响应式（Reactive)和组件化（Composable)的视图组件。

    将注意力集中保持在核心库，伴随于此，有配套的路由和负责处理全局状态管理的库。

 

2) 性能：

    到目前为止，针对现实情况的测试中，Vue的性能是优于React的。

 

3) 生态圈
    Vu...]]></description><category></category></item><item><title><![CDATA[关于VUE常会问到的部分面试题]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/81636508</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/81636508</guid><author>scarsun</author><pubDate>Mon, 13 Aug 2018 20:30:03 +0800</pubDate><description><![CDATA[1.vue的虚拟dom？

    虚拟的DOM的核心思想是：对复杂的文档DOM结构，提供一种方便的工具，进行最小化地DOM操作。2.如何理解vue中MVVM模式？
    MVVM全称是Model-View-ViewModel；vue是以数据为驱动的，一旦创建dom和数据就保持同步，每当数据发生变化时，dom也会变化。DOMListeners和DataBindings是实现双向绑定的关键。DOM...]]></description><category></category></item><item><title><![CDATA[js漂浮窗效果]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/81389784</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/81389784</guid><author>scarsun</author><pubDate>Fri, 03 Aug 2018 16:17:51 +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;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&amp;gt;
   ]]></description><category></category></item><item><title><![CDATA[为什么使用a标签时要加上javascrip或是删除href]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/81328248</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/81328248</guid><author>scarsun</author><pubDate>Wed, 01 Aug 2018 11:59:31 +0800</pubDate><description><![CDATA[今天看做的项目时，突然发现我们组的小伙伴们将a标签后面的href空着或是直接加了#,这样做是不对的，#和' '都是点击刷新页面，第一次遇到这个坑是有一次写轮播图，两边的按钮是用a写的，没有加javascript，效果一直出不来，最后问了大佬才知道，因为a标签后面的href空着就相当于刷新一次页面，所以效果出不来，每次点击的时候并不是跳到了下一张图片，而是将整个页面重新刷新了。

所以小可爱们记得哦...]]></description><category></category></item><item><title><![CDATA[css3实现旋转相册效果]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/81316193</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/81316193</guid><author>scarsun</author><pubDate>Wed, 01 Aug 2018 11:49:36 +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;
body,div,p,ul,ol,li,]]></description><category></category></item><item><title><![CDATA[PC端瀑布流无限加载效果]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/81328086</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/81328086</guid><author>scarsun</author><pubDate>Wed, 01 Aug 2018 11:49:17 +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&amp;gt;
		* {
			margin: 0;
			padding: 0;
		}
		#bo]]></description><category></category></item><item><title><![CDATA[css3实现立方体动画]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/81316148</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/81316148</guid><author>scarsun</author><pubDate>Tue, 31 Jul 2018 16:39:57 +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;
body,div,p,ul,ol,li]]></description><category></category></item><item><title><![CDATA[折叠菜单栏 选项卡效果]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/81316047</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/81316047</guid><author>scarsun</author><pubDate>Tue, 31 Jul 2018 16:35: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;
 ...]]></description><category></category></item><item><title><![CDATA[js实现模态窗口增加与删除]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/81315803</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/81315803</guid><author>scarsun</author><pubDate>Tue, 31 Jul 2018 16:28:46 +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;link rel=&quot;stylesheet&quot; href=&quot;index.css&quot]]></description><category></category></item><item><title><![CDATA[跨域获取小米数据]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/81315644</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/81315644</guid><author>scarsun</author><pubDate>Tue, 31 Jul 2018 16:23:20 +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;
		#list span ]]></description><category></category></item><item><title><![CDATA[留言板效果]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/81315514</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/81315514</guid><author>scarsun</author><pubDate>Tue, 31 Jul 2018 16:17:46 +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;style&amp;gt;
			*{
				margin:0;
				padding: 0;
			}
			#box{
	]]></description><category></category></item><item><title><![CDATA[仿京东选项卡效果]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/81315427</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/81315427</guid><author>scarsun</author><pubDate>Tue, 31 Jul 2018 16:12:51 +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;style&amp;gt;
			*{
				margin: 0;
				padding: 0;
			}
			body{
				font-]]></description><category></category></item><item><title><![CDATA[吸顶效果]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/81313747</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/81313747</guid><author>scarsun</author><pubDate>Tue, 31 Jul 2018 16:10:31 +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;style type=&quot;text/css&quot;&amp;gt;
			*{
				margin: 0;
				padding: 0]]></description><category></category></item><item><title><![CDATA[轮播图效果]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/81312083</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/81312083</guid><author>scarsun</author><pubDate>Tue, 31 Jul 2018 16:06:59 +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&amp;gt;
        *{
            margin: 0;
 ]]></description><category></category></item><item><title><![CDATA[放大镜效果]]></title><link>https://blog.youkuaiyun.com/scarsun/article/details/81304770</link><guid>https://blog.youkuaiyun.com/scarsun/article/details/81304770</guid><author>scarsun</author><pubDate>Tue, 31 Jul 2018 15:58:57 +0800</pubDate><description><![CDATA[首先先写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;link rel=&quot;stylesheet&quot; href=&quot;i]]></description><category></category></item></channel></rss>