起风了

“路海长 青夜旷 越过群山追斜阳”

前端基础进阶(十一):详解面向对象、构造函数、原型与原型链

前端基础进阶(十一):详解面向对象、构造函数、原型与原型链缩略图
. 如果要我总结一下学习前端以来我遇到了哪些瓶颈,那么面向对象一定是第一个会想到的。尽管现在对于面向对象有了一些的了解,但是当初那种似懂非懂的痛苦,依然历历在目。 为了帮助大家能够更加直观的学习和了解面向对象,我会用尽量简单易懂的描述来展示面向对象的相关知识。并且也准备了一些实用的例...

前端基础进阶(三):变量对象详解

前端基础进阶(三):变量对象详解缩略图
在JavaScript中,肯定不可避免的需要声明变量和函数,JS编译器是如何找到这些变量的呢? 我们还得对执行上下文有一个进一步的了解。 在上一篇文章中已经知道,当调用一个函数时(激活),一个新的执行上下文就会被创建。一个执行上下文的生命周期可以分为两个阶段。 创建阶段 在这个阶段中,执行上下...

前端基础进阶(二):执行上下文详细图解

前端基础进阶(二):执行上下文详细图解缩略图
先随便放张图 我们在JS学习初期,或者在面试的时候常常会遇到变量提升相关的思考题。 比如先来一个简单一点的。 console.log(a); // 这里会打印出什么?var a = 20; 暂时先不管这个例子,我们先引入一个JavaScript中最基础,但同时也是最重要的概念:执行上下文(Execution Context) 每次当控制器转...

JavaScript 知识点整理

JavaScript 知识点整理缩略图
JavaScript是按照ECMAScript标准设计和实现的,后文说的JavaScript语法其实是ES5的标准的实现。先说说有哪些基础语法? 最基础语法有哪些? 基础语法几乎所有的语言差异不大,无非数据类型、操作符、控制语句、函数等,简单列举下。 5种基本数据类型 & 1种复杂的数据类型 JavaScript包含5种基本数据类型,...

前端基础进阶(十五):透彻掌握Promise的使用,读这篇就够了

前端基础进阶(十五):透彻掌握Promise的使用,读这篇就够了缩略图
Promise:高手必备 Promise的重要性我认为没有必要多讲,概括起来说就是四个字:必!须!得!掌!握!。 而且还要掌握透彻。这篇文章的开头,主要分析一下,为什么会有Promise出现。 在实际的使用中,有非常多的应用场景我们不能立即知道应该如何继续往下执行。最常见的一个场景就是ajax请求。通俗来说...

前端基础进阶(七):全方位解读this

前端基础进阶(七):全方位解读this缩略图
~ 我们在学习JavaScript的过程中,由于对一些概念理解得不是很清楚,但是又想要通过一些方式把它记下来,于是就很容易草率的给这些概念定下一些方便自己记忆的有偏差的结论。 危害比较大的是,有的不准确的结论在网上还广为流传。 比如对于this指向的理解中,有这样一种说法:谁调用它,this就指向谁。...

前端基础进阶(五):闭包

前端基础进阶(五):闭包缩略图
攻克闭包难题 初学JavaScript时,我在闭包上,走了很多弯路。而这次重新回过头来对基础知识进行梳理,要讲清楚闭包,也是一个非常大的挑战。 闭包有多重要?如果你是初入前端的朋友,我没有办法直观的告诉你闭包在实际开发中的无处不在,但是我可以告诉你,前端面试,必问闭包。面试官们常常用对闭包的...

2019-06-11 多重条件判断语句,数组,数组常用方法,通过标签获取元素,循环语句,数组去重,字符串的处理方法,字符串反转,定时器弹框,定时器的基本用法,

2019-06-11 多重条件判断语句,数组,数组常用方法,通过标签获取元素,循环语句,数组去重,字符串的处理方法,字符串反转,定时器弹框,定时器的基本用法,缩略图
多重条件判断语句 if语句 语法三: if(条件表达式){ 语句... }else if(条件表达式){ 语句... }else if(条件表达式){ 语句... }else{ 语句... } if...else if...else 当该语句执行时,会从上到下依次对条件表达式进行求值判断 如果值为true,则执行当前语句。 如果值为false,则继续向下判断。 如果所有的条件...

2019-06-20 json ,jsonp

2019-06-20 json ,jsonp缩略图
json json是 JavaScript Object Notation 的首字母缩写,单词的意思是javascript对象表示法,这里说的json指的是类似于javascript对象的一种数据格式,目前这种数据格式比较流行,逐渐替换掉了传统的xml数据格式。  javascript对象字面量: var tom = {     name:'tom',     age:18 } json格式的数据:  {    ...

2019-06-17

2019-06-17缩略图
尺寸相关、滚动事件 1、获取和设置元素的尺寸 width()、height()    获取元素width和height  innerWidth()、innerHeight()  包括padding的width和height  outerWidth()、outerHeight()  包括padding和border的width和height  outerWidth(true)、outerHeight(true)   包括padding和border以及margin的width和he...