<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[前端笔记]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/alonebasis</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; alonebasis]]></copyright><item><title><![CDATA[JavaScript的this的彻底理解]]></title><link>https://blog.youkuaiyun.com/alonebasis/article/details/109784196</link><guid>https://blog.youkuaiyun.com/alonebasis/article/details/109784196</guid><author>alonebasis</author><pubDate>Wed, 18 Nov 2020 19:59:39 +0800</pubDate><description><![CDATA[写在前面：这篇文章有大篇幅是网上摘下来的（忘了从哪里摘下来的），经过个人整理又发布的，如果原作者不希望这篇文章在此发布、或者需要先在片头署原作者名，可以联系我这个号

this 是 JavaScript 的重点，我们初学时总被它困扰

原因其实很简单，如果某些技术难题反复的困扰你，那么 恰恰说明这个问题从来都没有被妥善处理

先上图（图中的流程只针对于单个规则)





解释

我们先来看几个函数调用的场景


function foo() {
 console.log(this.a)
}
var a..]]></description><category></category></item><item><title><![CDATA[javascript基本数据类型与引用数据类型区别]]></title><link>https://blog.youkuaiyun.com/alonebasis/article/details/109784070</link><guid>https://blog.youkuaiyun.com/alonebasis/article/details/109784070</guid><author>alonebasis</author><pubDate>Wed, 18 Nov 2020 19:55:57 +0800</pubDate><description><![CDATA[基本数据类型：Number、String、Boolen 、 Symbol、 null 、 undefined

引用数据类型：object(普通对象、数组、正则、函数……)

区别

数据类型
			基本
			引用
		储存的元素
			值
			地址 (指针)
		储存的地点
			栈
			堆
		eg1


const a = []

对于常量 a 来说，假设内存地址（指针）为 #001，那么在地址 #001 的位置存放了值 []，常量 a 存放了地址（指针） #001，再看以下代码


const]]></description><category></category></item><item><title><![CDATA[JavaScript代码的运行机制]]></title><link>https://blog.youkuaiyun.com/alonebasis/article/details/109747251</link><guid>https://blog.youkuaiyun.com/alonebasis/article/details/109747251</guid><author>alonebasis</author><pubDate>Tue, 17 Nov 2020 17:09:39 +0800</pubDate><description><![CDATA[1、变量提升


在 js 代码执行之前，会对所有声明的变量进行提前


var 声明的变量 =&gt; 提前声明，不赋值


console.log(num); // undefined 
// 代码执行到这里时，num 只是经过了变量提升，但是没有完成赋值，所以是 undefined；
​
var num = 100; // 代码执行过这一行后完成了赋值，所以 num 是100
console.log(num); // 100

function 声明的变量 =&gt; 提前声明，并且赋值


con.]]></description><category></category></item><item><title><![CDATA[JavaScript的变量的彻底理解]]></title><link>https://blog.youkuaiyun.com/alonebasis/article/details/109747115</link><guid>https://blog.youkuaiyun.com/alonebasis/article/details/109747115</guid><author>alonebasis</author><pubDate>Tue, 17 Nov 2020 17:07:58 +0800</pubDate><description><![CDATA[变量


变量是一个用来存储具体值的容器。


创建变量的方式：var、let、const、function、import、class……


/* 语法：
    var 变量名 = 值;
    let 变量名 = 值;
    const 常量名 = 值;
    function 函数名 () {    // 函数体    };   
*/

变量命名规范


	严格区分大小写
	
	
	遵循驼峰命名法：按照数字、字母、下划线或者$来命名（数字不能作为开头），命名的时候基于英文单词拼接成一个名字（第]]></description><category></category></item><item><title><![CDATA[var、let、const的区别]]></title><link>https://blog.youkuaiyun.com/alonebasis/article/details/109725798</link><guid>https://blog.youkuaiyun.com/alonebasis/article/details/109725798</guid><author>alonebasis</author><pubDate>Mon, 16 Nov 2020 17:42:07 +0800</pubDate><description><![CDATA[var、let、const 都是命名变量的关键字

先上结论：




关键字
变量提升
块级作用域
重复声明同名变量
重新赋值




var
√
×
√
√


let
×
√
×
√


const
×
√
×
×


表格下面文字是对表格的解读。
一、变量提升
//用var命名的变量有变量提升
console.log(num1);  // undefined
var num1 = 10;
// 以上代码运行时,相当于下面的写法

var num2;  // 声明提升到作用域最顶端
console..]]></description><category></category></item><item><title><![CDATA[JavaScript的原型对象的彻底理解]]></title><link>https://blog.youkuaiyun.com/alonebasis/article/details/109725509</link><guid>https://blog.youkuaiyun.com/alonebasis/article/details/109725509</guid><author>alonebasis</author><pubDate>Mon, 16 Nov 2020 17:26:08 +0800</pubDate><description><![CDATA[前言
开篇先记住以下两点，再渐渐通过实例理解

__proto__和constructor属性是对象所独有的；
prototype属性是函数所独有的。

但是由于 JS 中函数也是一种对象，所以函数也拥有 __proto__ 和 constructor 属性
一、函数的原型对象
​    我们创建函数 A 的同时, 浏览器会在内存中创建一个对象 B，A 函数默认会有一个 prototype 属性。指向了对象 B( 即：prototype 的属性的值是对象 B )。
​    这个对象 B 就是函数 A 的原]]></description><category></category></item><item><title><![CDATA[前端笔记之html与css]]></title><link>https://blog.youkuaiyun.com/alonebasis/article/details/80822203</link><guid>https://blog.youkuaiyun.com/alonebasis/article/details/80822203</guid><author>alonebasis</author><pubDate>Tue, 26 Jun 2018 22:57:29 +0800</pubDate><description><![CDATA[前端笔记之html与css



1.四大浏览器内核?

IE: trident 内核

Firefox： gecko 内核 

Safari:webkit 内核 

Opera:以前是 presto 内核， Opera 现已改用 Google Chrome 的 Blink 内核 

Chrome:Blink(基于 webkit， Google 与 Opera Software 共同开发)    ...]]></description><category></category></item><item><title><![CDATA[前端工程师学习路线]]></title><link>https://blog.youkuaiyun.com/alonebasis/article/details/80193761</link><guid>https://blog.youkuaiyun.com/alonebasis/article/details/80193761</guid><author>alonebasis</author><pubDate>Fri, 04 May 2018 13:22:25 +0800</pubDate><description><![CDATA[前端工程师学习路线



第一阶段


  
  html+css 
  html进阶、css进阶、div+css布局、html+css整站开发
  JS基础 
  js基础教程、js内置对象常用方法、常见dom树操作大全、ES、DOM、BOM、定时器和焦点图
  JS基本特效 
  常见特效：tab、导航、页面滚动、轮播图、JS制作幻灯片、淡出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
 ...]]></description><category></category></item><item><title><![CDATA[前后端正常交互的流程]]></title><link>https://blog.youkuaiyun.com/alonebasis/article/details/80193665</link><guid>https://blog.youkuaiyun.com/alonebasis/article/details/80193665</guid><author>alonebasis</author><pubDate>Fri, 04 May 2018 13:10:28 +0800</pubDate><description><![CDATA[前后端正常交互的流程

1、评审阶段：产品召集前后端进行需求评审，前后端各自捋清楚自己的业务量以及联调之间工作量，从而进行开发时间评估。

2、开发准备阶段：前后端一起商量需求中需要联调的部分，进行接口的口头协议交流。

3、接口定义阶段：前后端中的一方根据之前的口头协议拟定出一份详细的接口，并书写APl文档，完成后由另一方确认。有疑问的地方重新商量直至双方都没有问题。

4、开发阶段：双方根据协...]]></description><category></category></item><item><title><![CDATA[前端必会技能]]></title><link>https://blog.youkuaiyun.com/alonebasis/article/details/80193636</link><guid>https://blog.youkuaiyun.com/alonebasis/article/details/80193636</guid><author>alonebasis</author><pubDate>Fri, 04 May 2018 13:07:04 +0800</pubDate><description><![CDATA[前端必会技能


浏览器环境IE6~8 IE9+ Chrome Firefox Safari Opera Edge
HTTP协议URI Cache Session Cookie Request Response
HTMLW3C HTML4.01 HTML5 DOM 语义化
CSSCSS1~3 选择器 盒模型 Flex 媒体检测 响应式 渲染引擎
JavaScriptEcmaScript3~5~6 ...]]></description><category></category></item><item><title><![CDATA[前端工程师需要的素质]]></title><link>https://blog.youkuaiyun.com/alonebasis/article/details/80193474</link><guid>https://blog.youkuaiyun.com/alonebasis/article/details/80193474</guid><author>alonebasis</author><pubDate>Fri, 04 May 2018 12:50:43 +0800</pubDate><description><![CDATA[ 前端工程师需要的素质 注：此文为网上摘抄整理后发布的，是个人笔记，也希望可以和广大前端开发人士交流，如有侵权行为，请私信 切页面- HTML- CSS- PS 编程语言- JS- PHP/Python/Perl/BsshShell- NodeJS/FlashAS 调试工具- Firebug/Firbug-lite/Web inspector- YSlow/Smushit- IEDeveloper...]]></description><category></category></item></channel></rss>