<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[echo750的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/echo750</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; echo750]]></copyright><item><title><![CDATA[css权威指南]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/89671740</link><guid>https://blog.youkuaiyun.com/echo750/article/details/89671740</guid><author>echo750</author><pubDate>Mon, 29 Apr 2019 18:16:24 +0800</pubDate><description><![CDATA[本博客主要针对css权威指南中的相关内容对以前学习的知识进行查缺补漏，记录以前未使用和存在疑惑的地方。具体以实例说明。
第二章 选择器
一、属性选择器
1、[content]添加需要设置样式的属性，下面例子使用的是class属性名，即带有class属性名的h1元素都设置颜色为sliver：
&lt;style&gt;
	h1[class]{
		color:silver;
	}
&lt;/styl...]]></description><category></category></item><item><title><![CDATA[this指向问题分析]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/89517000</link><guid>https://blog.youkuaiyun.com/echo750/article/details/89517000</guid><author>echo750</author><pubDate>Thu, 25 Apr 2019 17:58:13 +0800</pubDate><description><![CDATA[this指向总结：

在函数体中，简单调用该函数时（非显式/隐式邦定下），严格模式下this绑定到undefined，否则绑定到全局对象window/global；
一般构造函数new调用，绑定到新创建的对象上；
一般由call/apply/bind方法显式调用，绑定到指定参数的对象上；
一般由上下文对象调用，绑定在该对象上；
箭头函数中，根据外层上下文绑定的this决定this指向。

一：全局...]]></description><category></category></item><item><title><![CDATA[源码分析]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/89473146</link><guid>https://blog.youkuaiyun.com/echo750/article/details/89473146</guid><author>echo750</author><pubDate>Tue, 23 Apr 2019 16:49:12 +0800</pubDate><description><![CDATA[文章参考：https://juejin.im/post/5c0b7f03e51d452eec725729
一、call和apply
myCall实现call效果
    Function.prototype.myCall=function(){
    	var ctx=arguments[0]||window;
    	ctx.fn=this;
    	var args=[];
    	v...]]></description><category></category></item><item><title><![CDATA[Flex布局]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/89460070</link><guid>https://blog.youkuaiyun.com/echo750/article/details/89460070</guid><author>echo750</author><pubDate>Mon, 22 Apr 2019 20:28:46 +0800</pubDate><description><![CDATA[一、简单理解
Flex布局可以简便、完整、响应式地实现各种页面布局，其易操作性和布局的稳定性越来越得到前端开发人员的青睐，与传统盒模型布局方式的区别就是：设置成flex布局的元素可以看成一个Flex容器，子元素称为一个Flex项目，并且子元素的float、clear和vertical-align属性将失效。目前已得到所有浏览器的支持：chrome21+、Opera12.1+、Firefox22+、...]]></description><category></category></item><item><title><![CDATA[面试总结]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/89456790</link><guid>https://blog.youkuaiyun.com/echo750/article/details/89456790</guid><author>echo750</author><pubDate>Mon, 22 Apr 2019 20:08:24 +0800</pubDate><description><![CDATA[中汽研前端面试
4.22号 曹庄地铁站附近，新城市中心B座
首先笔试：
1、标准的css盒模型，低版本IE盒子模型有什么不同？
2、cookie和session的区别？面试中还问到webstorage与cookie和session的区别
3、简单描述JS原型和原型链？面试中问到项目中有无遇到原型链的问题
4、常用的web性能优化方案？
5、简单描述下xss和csrf两种网站攻击
6、http和ht...]]></description><category></category></item><item><title><![CDATA[JS函数重载]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/88820412</link><guid>https://blog.youkuaiyun.com/echo750/article/details/88820412</guid><author>echo750</author><pubDate>Tue, 26 Mar 2019 14:52:52 +0800</pubDate><description><![CDATA[JavaScript中由于参数是可变长度的，所以没有函数重载的概念，但是可以利用arguments.length属性进行函数的改写实现函数重载。
function addMethod(object,name,fn){
		var old=object[name];
		object[name]=function(){
			if(fn.length===arguments.length){
			...]]></description><category></category></item><item><title><![CDATA[Promise应用实例]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/88814831</link><guid>https://blog.youkuaiyun.com/echo750/article/details/88814831</guid><author>echo750</author><pubDate>Tue, 26 Mar 2019 10:51:23 +0800</pubDate><description><![CDATA[1、Promise 改写Ajax
原生Ajax：
var ajax={
 		get:function(url,fn){
 			var xhr=new XMLHttpRequest();
 			xhr.open('GET',url,true);
 			xhr.onreadystatechange=function(fn){
 				if(xhr.readyState==4&amp;&amp...]]></description><category></category></item><item><title><![CDATA[ES6中对于Promise方法的理解]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/88806292</link><guid>https://blog.youkuaiyun.com/echo750/article/details/88806292</guid><author>echo750</author><pubDate>Mon, 25 Mar 2019 21:13:07 +0800</pubDate><description><![CDATA[Promise方法
Promise即可以像事件和回调函数一样指定稍后执行的代码，也可以明确指示代码是否成功执行。
在浏览器console窗口使用console.dir()可以显示对象的所有的属性和方法，下面显示Promise对象对应的所有属性和方法。

实例化调用then()方法：

Promise的三种状态：pending  fulfilled  rejected
直接调用方法：

通常用到的方...]]></description><category></category></item><item><title><![CDATA[leetcode算法题Js实现]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/88804107</link><guid>https://blog.youkuaiyun.com/echo750/article/details/88804107</guid><author>echo750</author><pubDate>Mon, 25 Mar 2019 19:40:39 +0800</pubDate><description><![CDATA[leetcode算法题Js实现
1、给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。
你可以假设每种输入只会对应一个答案。但是，你不能重复利用这个数组中同样的元素。
var twoSum = function(nums, target) {
    for(var i=0;i&lt;nums.length-1;i++){
...]]></description><category></category></item><item><title><![CDATA[css3 display:box 属性的介绍和应用]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/82424773</link><guid>https://blog.youkuaiyun.com/echo750/article/details/82424773</guid><author>echo750</author><pubDate>Wed, 05 Sep 2018 15:30:18 +0800</pubDate><description><![CDATA[一、 display：box;属性的介绍  
 1. display:box; 
     在父元素上设置该属性，子代元素能排列在同一水平上。 
 2. 子代元素设置如下属性： 
     1、box-flex:number; 
     1)占父级元素宽度的number份 
     2）若子元素设置固定宽度，则该子元素应用固定宽度，其他未设置固定宽度的子元素将平分余下的父级宽度number占份...]]></description><category></category></item><item><title><![CDATA[一点资讯前端面试总结]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/79988026</link><guid>https://blog.youkuaiyun.com/echo750/article/details/79988026</guid><author>echo750</author><pubDate>Wed, 18 Apr 2018 13:11:19 +0800</pubDate><description><![CDATA[2018-4-17  一点资讯面试 
1、ajax异步交互的具体实现过程，跨域资源访问的方式有哪些？ 
2、标准模型和IE模型的区别以及box-sizing的属性  
3、display:none;和visibility:hidden的区别 
4、H5语义化含义另外给了一张京东的首页面让我说了一下用哪些H5标签合适 
5、cookie、webstorage（localStorage、session...]]></description><category></category></item><item><title><![CDATA[js前端解决跨域问题]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/79509619</link><guid>https://blog.youkuaiyun.com/echo750/article/details/79509619</guid><author>echo750</author><pubDate>Sat, 10 Mar 2018 17:16:42 +0800</pubDate><description><![CDATA[同源策略如下：


同一域名下（http://www.a.com/a.js和  http://www.a.com/b.js）允许通信
同一域名不同文件夹下（http;//www.a.com/lab/a.js和http://www.a.com/script/b.js）允许通信
同一域名不同端口（http://www.a.com:8080/a.js和http://www.a.com/b.js）不允许通...]]></description><category></category></item><item><title><![CDATA[JS正则表达式基本语法]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/79508791</link><guid>https://blog.youkuaiyun.com/echo750/article/details/79508791</guid><author>echo750</author><pubDate>Sat, 10 Mar 2018 16:05:39 +0800</pubDate><description><![CDATA[1、正则表达式基本语法 
两个特殊的符号‘^’和‘$’，作用分别是指出一个字符串的开始和结束。例子如下： 
“^The”:表示所有以”The”开始的字符串（”There”,”The cat”等等）；

“of despairs$”:表示所有”of despairs”结尾的字符串；

“^abc$”：表示开始和结尾都是“abc”的字符串，只有“abc”自己；

“notice”:表示任何包含“not...]]></description><category></category></item><item><title><![CDATA[阿里2017秋招前端面试笔试题]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/79499426</link><guid>https://blog.youkuaiyun.com/echo750/article/details/79499426</guid><author>echo750</author><pubDate>Fri, 09 Mar 2018 16:32:47 +0800</pubDate><description><![CDATA[1、React JSX  
参考资料：http://www.runoob.com/react/react-tutorial.html 
2、正则表达式： 
参考资料：http://www.jb51.net/article/72044.htm 
3、布局：static，absolute,relative,sticky 
static:静态定位top值无效 
relative:上边距包括margin+...]]></description><category></category></item><item><title><![CDATA[剑指offer算法题JS实现]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/79473305</link><guid>https://blog.youkuaiyun.com/echo750/article/details/79473305</guid><author>echo750</author><pubDate>Wed, 07 Mar 2018 16:36:06 +0800</pubDate><description><![CDATA[1、在一个二维数组中，每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。



function Find(target, array)
{
    var rows=array.length;
    var cols=array[0].length;
    if(rows==0&amp;amp;&amp;amp...]]></description><category></category></item><item><title><![CDATA[JS中的MVC]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/79419913</link><guid>https://blog.youkuaiyun.com/echo750/article/details/79419913</guid><author>echo750</author><pubDate>Fri, 02 Mar 2018 09:57:02 +0800</pubDate><description><![CDATA[MVC是什么？ 
MVC是一种架构模式，它将应用抽象为3个部分：模型（Model）、视图(View)、控制器（Controller）。 
 
一个事件发生的过程（通信单向流动） 
1、用户在视图V上与应用程序交互 
2、控制器C触发相应的事件，要求模型M改变状态（读写数据） 
3、模型M将数据发送到视图V，更新数据，展现给用户。 
在JS的传统开发模式中，大多基于事件驱动的： 
1、hash驱动 ...]]></description><category></category></item><item><title><![CDATA[JS学习笔记（事件）]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/79405918</link><guid>https://blog.youkuaiyun.com/echo750/article/details/79405918</guid><author>echo750</author><pubDate>Wed, 28 Feb 2018 21:39:46 +0800</pubDate><description><![CDATA[该文章参考自：http://www.ayqy.net/blog/js%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B06_%E4%BA%8B%E4%BB%B6/ 
1、事件冒泡 
    由内而外的事件传播，从确定到不确定

2、事件捕获 
    由表及里的事件传播，从不确定到确定

3、DOM事件流 
   事件捕获阶段–》处于目标阶段–》事件冒泡阶段 
   事件冒泡是...]]></description><category></category></item><item><title><![CDATA[JS学习笔记（基础与常识）]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/79271958</link><guid>https://blog.youkuaiyun.com/echo750/article/details/79271958</guid><author>echo750</author><pubDate>Tue, 06 Feb 2018 16:26:59 +0800</pubDate><description><![CDATA[1、数据类型

5种基础的：Undefined,Null,Boolean,Number,String(其中Undefined派生自Null，位于null和undefined之间的相等操作符总是返回true)

1种复杂的：Object（本质是一组无序键值对）

检测基本数据类型用typeof:


未初始化和未声明的变量返回Undefined
对象或者null返回object
变量是数值返回num]]></description><category></category></item><item><title><![CDATA[offsetLeft  Left  clientX的区别]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/78957913</link><guid>https://blog.youkuaiyun.com/echo750/article/details/78957913</guid><author>echo750</author><pubDate>Wed, 03 Jan 2018 09:38:50 +0800</pubDate><description><![CDATA[假设obj为某个HTML控件： 
Obj.offsetTop指obj相对于版面由offsetParent属性指定的父坐标的计算上侧位置，整型，单位像素。 
obj.offsetLeft指obj相对于版面或由offsetParent指定的父坐标的计算左侧位置，整型，单位像素。 
obj.offsetWidth指控件自身的绝对宽度，不包括因overflow而未显示的部分，也就是实际占据的宽度，整型，单位]]></description><category></category></item><item><title><![CDATA[this的指向]]></title><link>https://blog.youkuaiyun.com/echo750/article/details/78946842</link><guid>https://blog.youkuaiyun.com/echo750/article/details/78946842</guid><author>echo750</author><pubDate>Mon, 01 Jan 2018 19:33:10 +0800</pubDate><description><![CDATA[this的指向this的用法是经典的面试问题，不了解本质原理，一不小心就会入坑，所以在接下来我们深入其本质，探寻this的用法，重要的是记住this永远指向最后调用它的那个对象。 
下面看一些简单的例子： 
ex1：        var name = "windowsName";
        function a() {
            var name = "Cherry";]]></description><category></category></item></channel></rss>