<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[F_linlin的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/F_linlin</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; F_linlin]]></copyright><item><title><![CDATA[点击按钮切换新旧版本，且在页面加载完成后弹出提示语]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/104827158</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/104827158</guid><author>F_linlin</author><pubDate>Thu, 12 Mar 2020 20:33:12 +0800</pubDate><description><![CDATA[作为一名新人，一只菜鸟，一个小白，初入公司，就被领导安排了任务，费劲了周折，才解决了问题。附上代码：


&lt;ul id="nav-menuie"&gt;

&lt;/ul&gt;

&lt;input type="hidden" value="{$is_domain}" id="dzhidden"&gt;
&lt;input type="hidden" value="data:image/...]]></description><category></category></item><item><title><![CDATA[点击按钮切换新旧版本，且在页面加载完成后弹出提示语]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/104826837</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/104826837</guid><author>F_linlin</author><pubDate>Thu, 12 Mar 2020 20:24:00 +0800</pubDate><description><![CDATA[作为一名新人，一只菜鸟，一个小白，初入公司，就被领导安排了任务，费劲了周折，才解决了问题。附上代码：





点击‘切换新版’按钮，跳转到新版页面，并在页面元素全部加载完成后弹出提示语alert中内容。这里设置localStorage，目的是为了使弹出框只出现一次，无论刷新还是点击其他页面不会再弹出提示。
...]]></description><category></category></item><item><title><![CDATA[Vue的基础知识]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/103240500</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/103240500</guid><author>F_linlin</author><pubDate>Mon, 25 Nov 2019 16:24:08 +0800</pubDate><description><![CDATA[vue的生命周期：beforeCreate/created、beforeMount/mounted、beforeUpdate/updated、beforeDestory/destoryed
	vue常用指令：v-for、v-bind（缩写形式:prop）、v-on(缩写形式@click=’sss')、v-if/v-else/v-else-if、v-model、v-once、v-html、v-s...]]></description><category></category></item><item><title><![CDATA[简单的注册登录本地存储~]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/102924581</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/102924581</guid><author>F_linlin</author><pubDate>Tue, 05 Nov 2019 21:09:11 +0800</pubDate><description><![CDATA[这里有个小坑，注册使用location.href=''不管用，而用window.open()就好了~
]]></description><category></category></item><item><title><![CDATA[git详解]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/102760044</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/102760044</guid><author>F_linlin</author><pubDate>Sat, 26 Oct 2019 19:14:24 +0800</pubDate><description><![CDATA[一、版本控制系统：

指可以记录文件变化的软件。

二、版本控制系统三大分类：



三、git的基本命令：








]]></description><category></category></item><item><title><![CDATA[var,let,const三者区别]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/102750903</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/102750903</guid><author>F_linlin</author><pubDate>Fri, 25 Oct 2019 22:21:02 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[js原型和原型链]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/102750723</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/102750723</guid><author>F_linlin</author><pubDate>Fri, 25 Oct 2019 22:20:00 +0800</pubDate><description><![CDATA[每个对象都会在其内部初始化一个属性，就是prototype(原型)，当我们访问一个对象的属性时，如果这个对象内部不存在这个属性，那么他就会去prototype里找这个属性，这个prototype又会有自己的prototype，于是就这样一直找下去，也就是我们平时所说的原型链的概念。

关系：instance.constructor.prototype = instance.proto

特点：Ja...]]></description><category></category></item><item><title><![CDATA[css实现三栏布局]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/102750465</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/102750465</guid><author>F_linlin</author><pubDate>Fri, 25 Oct 2019 21:43:49 +0800</pubDate><description><![CDATA[1.flex布局



2.定位方式



3.浮动方式



效果如下：


]]></description><category></category></item><item><title><![CDATA[JS单线程异步实现原理]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/102745294</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/102745294</guid><author>F_linlin</author><pubDate>Fri, 25 Oct 2019 16:27:50 +0800</pubDate><description><![CDATA[一、单线程

    JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。

    这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准...]]></description><category></category></item><item><title><![CDATA[js中数组遍历的几种方法及其区别]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/102736471</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/102736471</guid><author>F_linlin</author><pubDate>Fri, 25 Oct 2019 09:22:03 +0800</pubDate><description><![CDATA[第一种最常用的：for循环

for(i=0; i&lt; arr.length; i++) { }

优化版for循环,即


for(i = 0,len=arr.length; i &lt; len; i++) {
   
}

对于数组较大时，优化比较明显；

第二种：foreach


arr.forEach(function(e){  
   
});

第三种：fo...]]></description><category></category></item><item><title><![CDATA[正则表达式的常用小例]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/102732474</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/102732474</guid><author>F_linlin</author><pubDate>Thu, 24 Oct 2019 21:25:27 +0800</pubDate><description><![CDATA[　　常用的正则表达式


pFan.regExp = { //# 字符串匹配
 //是否为 数字！整数，浮点数
 isNum: function (num) { //# 是否为数组
 return !isNaN(num);
 }
 , isEmail: function (mail) {//# 是否为 邮箱
 return /^([a-z0-9...]]></description><category></category></item><item><title><![CDATA[jQuery之元素的操作：复制、删除和创建]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/102729902</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/102729902</guid><author>F_linlin</author><pubDate>Thu, 24 Oct 2019 19:19:35 +0800</pubDate><description><![CDATA[复制元素使用.clone()。
　　删除元素使用.remove()和.detach()。两者的区别在于，前者不保留被删除元素的事件，后者保留，有利于重新插入文档时使用。
　　清空元素内容（但是不删除该元素）使用.empty()。
　　创建新元素的方法非常简单，只要把新元素直接传入jQuery的构造函数就行了：

代码:


$('Hello');
 $('new list item');
 $('...]]></description><category></category></item><item><title><![CDATA[jQuery之元素移动]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/102729753</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/102729753</guid><author>F_linlin</author><pubDate>Thu, 24 Oct 2019 19:15:45 +0800</pubDate><description><![CDATA[　如果要移动选中的元素，有两种方法：一种是直接移动该元素，另一种是移动其他元素，使得目标元素达到我们想要的位置。
　　假定我们选中了一个div元素，需要把它移动到p元素后面。
　　第一种方法是使用.insertAfter()，把div元素移动p元素后面：

代码:


$('div').insertAfter('p');

　第二种方法是使用.after()，把p元素加到div元素前面：

代码:...]]></description><category></category></item><item><title><![CDATA[jQuery之链式操作]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/102725865</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/102725865</guid><author>F_linlin</author><pubDate>Thu, 24 Oct 2019 16:17:10 +0800</pubDate><description><![CDATA[选中网页元素以后，就可以对它进行某种操作。
　　jQuery允许将所有操作连接在一起，以链条的形式写出来，比如：



这是jQuery最令人称道、最方便的特点。它的原理在于每一步的jQuery操作，返回的都是一个jQuery对象，所以不同操作可以连在一起。
　　jQuery还提供了.end()方法，使得结果集可以后退一步：
...]]></description><category></category></item><item><title><![CDATA[jQuery之改变结果集]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/102725815</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/102725815</guid><author>F_linlin</author><pubDate>Thu, 24 Oct 2019 16:14:45 +0800</pubDate><description><![CDATA[　如果选中多个元素，jQuery提供过滤器，可以缩小结果集：



有时候，我们需要从结果集出发，移动到附近的相关元素，jQuery也提供了在DOM树上的移动方法：


...]]></description><category></category></item><item><title><![CDATA[jQuery之选择网页元素]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/102725689</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/102725689</guid><author>F_linlin</author><pubDate>Thu, 24 Oct 2019 16:11:50 +0800</pubDate><description><![CDATA[　jQuery的基本设计和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他函数库的根本特点。
　　使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。
　　选择表达式可以是CSS选择器：



也可以是jQuery特有的表达式：


...]]></description><category></category></item><item><title><![CDATA[ajax中get和post的请求]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/102712538</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/102712538</guid><author>F_linlin</author><pubDate>Wed, 23 Oct 2019 22:30:57 +0800</pubDate><description><![CDATA[1.传递数据的方式不同：get是直接把请求数据放在url的后面，是可见的，post的请求数据不会显示在url中，是不可见的。 

2.数据长度和数据类型的差异：get有数据长度的的限制，且数据类型只允许ASCII字符，post在这两方面都没有限制。

3.安全性的差异：get不安全，post更安全。

由此得出的两者的使用场景：get使用较方便，适用于页面之间非敏感数据的简单传值，post使用较...]]></description><category></category></item><item><title><![CDATA[各种兼容]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/102624233</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/102624233</guid><author>F_linlin</author><pubDate>Fri, 18 Oct 2019 13:56:03 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[重力回弹]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/101310629</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/101310629</guid><author>F_linlin</author><pubDate>Tue, 24 Sep 2019 20:29:30 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[方块顺时针旋转]]></title><link>https://blog.youkuaiyun.com/F_linlin/article/details/101310564</link><guid>https://blog.youkuaiyun.com/F_linlin/article/details/101310564</guid><author>F_linlin</author><pubDate>Tue, 24 Sep 2019 20:27:30 +0800</pubDate><description><![CDATA[]]></description><category></category></item></channel></rss>