<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[FLQ77的博客]]></title><description><![CDATA[正在自学的前端小白的博客]]></description><link>https://blog.youkuaiyun.com/FLQ77</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; FLQ77]]></copyright><item><title><![CDATA[apply()、call()和bind()]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/102789318</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/102789318</guid><author>FLQ77</author><pubDate>Mon, 28 Oct 2019 22:32:26 +0800</pubDate><description><![CDATA[每个函数都包含两个非继承而来的方法：apply()和call()。这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。首先，apply()方法接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。其中第二个参数可以是Array的实例，也可以是arguments对象。例如：

function sum(num1,num2){
 	return num1 +...]]></description><category></category></item><item><title><![CDATA[节流与防抖]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/80108484</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/80108484</guid><author>FLQ77</author><pubDate>Fri, 27 Apr 2018 15:15:33 +0800</pubDate><description><![CDATA[浏览器中某些计算和处理要比其他的昂贵，例如在浏览器中操作DOM比非DOM交互需要更多的内存和CPU的事件，连续尝试进行过多的DOM相关操作可能UI导致浏览器挂起，有时甚至会崩溃。尤其在IE中使用onresize事件处理程序的时候容易发生，当调整浏览器大小的时候，该事件会连续触发。在onresize事件处理程序内部如果尝试进行DOM操作，其高频率的更改可能会让浏览器崩溃。为了解决短时间内重复调用事件...]]></description><category></category></item><item><title><![CDATA[contains( )方法]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/79979115</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/79979115</guid><author>FLQ77</author><pubDate>Tue, 17 Apr 2018 18:59:05 +0800</pubDate><description><![CDATA[contains()方法用于检测某个节点是不是另一个节点的后代。调用contains()方法的应该是祖先节点，这个方法接收一个参数，即要检测的后代节点。如果被检测的节点是后代节点返回true;否则返回false。以下是一个例子：

aler(document.documentElement.contains(document.body)); //true

这个例子测试了&amp;lt;body&amp;gt;元...]]></description><category></category></item><item><title><![CDATA[scrollIntoView( )方法]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/79975222</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/79975222</guid><author>FLQ77</author><pubDate>Tue, 17 Apr 2018 15:12:21 +0800</pubDate><description><![CDATA[scrollIntoView( )可以在所有HTML元素上调用，通过滚动浏览器窗口或某个容器元素，调用元素就可以出现在视口中，如果给这个方发传入参数true或者不传参数，那么窗口滚动之后会让调用元素的顶部与视口顶部尽可能平齐。如果传入参数为false时，调用元素会尽可能全部出现在视口中，可能的话，调用元素的底部会与视口底部平齐。...]]></description><category></category></item><item><title><![CDATA[选择符API]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/79972826</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/79972826</guid><author>FLQ77</author><pubDate>Tue, 17 Apr 2018 11:55:28 +0800</pubDate><description><![CDATA[querySelector( )方法

querySelector( )方法接受一个CSS选择符，返回与该模式匹配的第一个元素，如果没有找到则返回null。看下面列子：

//取得body元素
var body = document.querySelector(&quot;body&quot;);

//取得ID为&quot;myDiv&quot;的元素
var myDiv = document.querySelector(&quot;#myDi...]]></description><category></category></item><item><title><![CDATA[JSONP跨域]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/79948031</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/79948031</guid><author>FLQ77</author><pubDate>Sun, 15 Apr 2018 12:00:11 +0800</pubDate><description><![CDATA[JSONP和JSON看起来差不多，只不过是被包含在函数调用中的JSON，就像下面一样。



callback({&quot;age&quot;:15,&quot;name&quot;:&quot;Jack&quot;})

JSONP由两部分组成：回调函数和数据。回调函数是当响应到来时应该在页面中调用的函数。回调函数的名字一般在请求中指定。而数据就是传如回调函数的中的JSON数据。 
JSONP是通过动态添加&amp;lt;script&amp;gt;元素来使用的，使用...]]></description><category></category></item><item><title><![CDATA[JSON解析与序列化]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/79762287</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/79762287</guid><author>FLQ77</author><pubDate>Fri, 30 Mar 2018 19:41:27 +0800</pubDate><description><![CDATA[JSON对象：

JSON对象有两个方法：stringify()和parse().在最简单的情况下，这两个方法分别把JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript值。例如：



var book = {
    title: &quot;Professional JavaScript&quot;,
    authors: [
        &quot;Nicholas C....]]></description><category></category></item><item><title><![CDATA[函数方法apply()和call()]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/79748152</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/79748152</guid><author>FLQ77</author><pubDate>Thu, 29 Mar 2018 20:01:52 +0800</pubDate><description><![CDATA[每个函数都包含两根非继承而来的方法：apply()和call().这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。 
   首先，apply()方法接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。其中第二个参数可以是Array的实例，也可以是arguments对象。例如：



function sum(num1,num2) {
    retu...]]></description><category></category></item><item><title><![CDATA[js跳出循环的方法区别(break,continue,return)]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/79740042</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/79740042</guid><author>FLQ77</author><pubDate>Thu, 29 Mar 2018 11:27:40 +0800</pubDate><description><![CDATA[转载至：http://blog.youkuaiyun.com/fxss5201 。https://blog.youkuaiyun.com/fxss5201/article/details/52980138 
以下是转载内容： 
跟许多多态语言一样,js也有break,continue,return

面向对象编程语法中我们会碰到break ,continue, return这三个常用的关键字，那么关于这三个关键字的使用具...]]></description><category></category></item><item><title><![CDATA[水平垂直居中的几种方法]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/78407299</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/78407299</guid><author>FLQ77</author><pubDate>Tue, 31 Oct 2017 20:01:06 +0800</pubDate><description><![CDATA[前言最近刷前端面试题经常看到CSS水平垂直居中设置的题目，找了下相关方法试了下，总结了一些比较常用的。 
这里统一设置父元素和定位子元素为<div class="box">
        <div id="content"></div>
</div>.box{
        width: 400px;
        height: 400px;
        background: #cae]]></description><category></category></item><item><title><![CDATA[清除浮动的几种方法]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/78396496</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/78396496</guid><author>FLQ77</author><pubDate>Mon, 30 Oct 2017 19:45:16 +0800</pubDate><description><![CDATA[(1)父级div定义 height原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。  
优点：简单、代码少、容易掌握  
缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题  
建议：不推荐使用，只建议高度固定的布局时使用 (2)、结尾处加空div标签 clear:both <div style="clear:both"></di]]></description><category></category></item><item><title><![CDATA[表单标签]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/77585643</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/77585643</guid><author>FLQ77</author><pubDate>Fri, 25 Aug 2017 19:53:55 +0800</pubDate><description><![CDATA[表单<form  method="传送方式" action="服务器文件">1. ：标签是成对出现的，以开始，以结束。 
2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 
3.method ： 数据传送的方式（get/post）。<form    method="post"   action="save.php">
        <label for=]]></description><category></category></item><item><title><![CDATA[使用AJAX如何向服务器发出请求]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/77541072</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/77541072</guid><author>FLQ77</author><pubDate>Thu, 24 Aug 2017 20:14:19 +0800</pubDate><description><![CDATA[如何做出请求

1 .首先从一个URL开始，毕竟，我们要告诉浏览器到哪里找我们要的数据：



var url=&quot;http://someserver.com/data.json&quot;;

2.接下来使用XMLHttpRequest构造函数创建一个请求对象：



var request=new XMLHttpRequest();

3.下面我们要告诉这个请求对象我们希望它获取哪个URL，以及要使用哪种...]]></description><category></category></item><item><title><![CDATA[overflow,clip,visibility 溢出和剪裁以及可见性]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/77434339</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/77434339</guid><author>FLQ77</author><pubDate>Sun, 20 Aug 2017 20:58:34 +0800</pubDate><description><![CDATA[overflow出于某种原因，一个元素固定为某个特定大小，但内容在元素中放不下。此时可以利用overflow属性来控制这种情况。 
  值：  visible(初始值) |  hidden  |  scroll  |  auto  | 
 当为默认值visible时，元素的内容在元素框之外也可见，一般会导致内容超出其自己的元素框，但不会改变框的形状。当设置为scroll,元素的内容会在元素框的边界处]]></description><category></category></item><item><title><![CDATA[地理定位API]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/77432027</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/77432027</guid><author>FLQ77</author><pubDate>Sun, 20 Aug 2017 19:54:43 +0800</pubDate><description><![CDATA[使用 navigator对象的getCurrentPosition() 方法来获得用户的位置首先创建一个html文件：<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Where am I?</title>
    <script src="scripts/myLoc.js"></script>]]></description><category></category></item><item><title><![CDATA[onclick点击事件触发多个函数：]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/77104959</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/77104959</guid><author>FLQ77</author><pubDate>Sat, 12 Aug 2017 08:17:14 +0800</pubDate><description><![CDATA[在函数之间用分号隔开：onclick="func1();func2()"]]></description><category></category></item><item><title><![CDATA[JavaScript计时器]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/77104952</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/77104952</guid><author>FLQ77</author><pubDate>Sat, 12 Aug 2017 08:14:56 +0800</pubDate><description><![CDATA[**计时器方法方法                                      说明 
setTimeout()                       指定的延时时间之后来执行代码 
clearTimeout(）               取消setTimeout()设置 
setInterval()                              每隔指定的时间执行]]></description><category></category></item><item><title><![CDATA[Ajax和XMLHttpRequest对象]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/77102230</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/77102230</guid><author>FLQ77</author><pubDate>Fri, 11 Aug 2017 19:00:32 +0800</pubDate><description><![CDATA[AjaxAjax是指异步加载页面内容的技术。XMLHttpRequest对象Ajax技术的核心就是XMLHttpRequest对象。这个对象充当着浏览器中的脚本（客户端）与服务器之间的中间人的角色。以往的请求都由浏览器发出，而JavaScript通过这个对象可以自己发送请求，同时也自己处理响应。 
有一个问题是不同的浏览器实现XMLHttpRequest对象的方式不太一样。为了保证跨浏览器，你不得不]]></description><category></category></item><item><title><![CDATA[onload事件和addLoadEvent函数]]></title><link>https://blog.youkuaiyun.com/FLQ77/article/details/76636338</link><guid>https://blog.youkuaiyun.com/FLQ77/article/details/76636338</guid><author>FLQ77</author><pubDate>Thu, 03 Aug 2017 16:39:58 +0800</pubDate><description><![CDATA[onload事件当我们想让一个函数在网页加载完毕之后立即执行时，可以使用onload事件，网页加载完毕会自动触发，只需把函数绑定到这个事件上：window.onload=Function;这样写能解决加载的问题，但是有时候会出现问题。假如有两个函数：firstfunction和secondfunction.如果想让这两个函数都执行的话，把它们逐一绑定到onload事件上，它们当中只有最后那个才会被执]]></description><category></category></item></channel></rss>