- 博客(14)
- 收藏
- 关注
RSS订阅原创 ES6-Promise.all简单版实现
Promsie.all用法实现一个方法首先要理解此方法的用法，Promise.all是es6中的一个方法，接收一个包含一组实例为Promise的数组作为参数，然后返回一个Promise对象。具体请看阮一峰的es6的相关知识。const p = Promise.all([p1, p2, p3]);注意p1,p2,p3都为Promise对象（1）只有p1、p2、p3的状态都变成fu...
2019-04-10 13:22:24
263
原创 HTML语义化标签理解
1：语义化标签是什么？语义化标签，目的是让标签有自己的含义<p>语义化</p><span>非语义化</span>如上代码，p标签含义就是段落，而span标签毫无意义。2：语义化标签好处方便用户阅读，页面更加清晰。 更好的SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。 有利于开发维护。3：页面结构语义化标签...
2019-04-08 16:05:13
2044
1
原创 React三种创建组件的方式
React一共有三种创建方式：（1）函数式定义的无状态组件（2）es5原生方式React.createClass创建组件（3）es6继承React.Component方式无状态函数式组件无状态函数式组件是一个只带有render方法的函数，并且该组件是无状态的，具体的形式如下：function Hello(props) { return <div>Hell...
2019-03-18 16:28:33
334
转载 从父子组件系统理解React
网上很多资料都有关于React生命周期的内容，基本都是那几个钩子函数颠过去倒过来的讲解，但是这样起的作用是很小的，读完之后也就了解到钩子函数何时执行之类的。要真正的理解React声明周期，还需要从父子组件系统来理解，不能把生命周期的讲解只局限于单个组件。如下图：React组件生命周期函数调用顺序示意图React生命周期总体分为三步，分别为创建期、存活期、销毁期。创建期和销毁期比较好理...
2019-03-13 17:05:58
257
原创 js函数提升及变量提升理解
首先我们需要理解什么是提升，在我们的js中，代码的执行时分两步走的，1、解析 2、一步一步执行那么变量提升就是变量声明会被提升到作用域的最顶上去，也就是该变量不管是在作用域的哪个地方声明的，都会提升到作用域的最顶上去，同样函数提升也是这个道理。1 变量提升function test() { console.log(a); var a = 10;}test();//un...
2018-11-14 17:54:48
131
原创 js的深浅拷贝原因
首先看一段很有意思的代码，如下：var a=['a'];var b=a;a.push('b')console.log(a);// 'a','b'console.log(b);// 'a','b'将a的值赋给b，改变a的值，b的值也改变了，中间到底出了什么鬼？像知道其中的原因，首先需要了解一些js的基本知识。1.js的变量包括基本类型和引用类型两种。基本类型：numbe...
2018-10-18 17:52:04
276
原创 js单线程问题
首先需要理解的是浏览器是多线程，主要包括：UI线程用于渲染页面；浏览器事件触发线程用于控制交互，响应用户 ；js线程用于执行js任务；http线程用于处理请求（ajax是委托给浏览器新开一个http线程）；EventLoop处理线程用于轮询消息队列，然后我们写的js代码是运行在js引擎线程中，是单线程的。在js引擎线程中，有一个主线程和任务队列，像一些同步任务会在主线程中运行，然而对于一些异...
2018-10-18 16:41:31
340
原创 React中setState异步更新
前几天面试web前端工作，被一道题问蒙了，面试官问React中setState的异步更新如何控制为同步更新，当时懵的一批，毕竟面的第一家前端，心里感觉本来就是异步，怎么会改成同步，这不扯呢吗，事后才发现这件事无非就是一个异步的协同问题，平时看了很多关于es6的Promise,async/await的语法，到关键时候还是没用上，究其原因还是平时代码用的少。下面针对这个问题再复习一遍es6的知识。...
2018-09-30 13:38:07
3973
转载 React es6写法中this指向
首先理解在JavaScript中，this对象是运行时基于函数的执行环境（也就是上下文）绑定的。Facebook最近一次更新react时，将es6中的class加入了组件的创建方式当中。Facebook也推荐组件创建使用通过定义一个继承自 React.Component 的class来定义一个组件类。官方的demo：在原来 React.createClass es5写法中， hand...
2018-09-12 16:22:36
449
转载 React生命周期的理解
初始化1、getDefaultProps()设置默认的props，也可以用dufaultProps设置组件的默认属性.2、getInitialState()在使用es6的class语法时是没有这个钩子函数的，可以直接在constructor中定义this.state。此时可以访问this.props3、componentWillMount()组件初始化时只...
2018-07-26 10:50:56
383
原创 浏览器的全屏显示
document.onkeydown=function(event){ if(event.keyCode==87){ //w // launchFullScreen(document.documentElement); // 整个网页 launchFullscreen(...
2018-05-12 14:36:31
422
原创 js继承
js中继承的理解：1:借助构造函数继承，如下图中，在Child构造函数中利用call关键字，强制将parent的this指向child，实现了继承，同样的也可以使用apply。 ...
2018-05-03 14:41:31
164
原创 js原型链
对js原型链理解:1 在js中，万物皆为对象，分为函数对象和普通对象两种。如上图所示，o1,o2,o3都为普通对象，f1,f2,f3都为函数对象，通过 new Function() 创建的对象都是函数对象，其他的都是普通对象。f1,f2,归根结底都是通过 new Function()的方式进行创建的。Function Object 也都是通过 New Function()创建的。2 在js中每个对...
2018-05-02 16:02:10
161
原创 ES6 中let 与var区别
感觉自己也写了不少js的代码，但是一直只是按照写java的思想去写js,并没有考虑js这门语言的不同，反正最后都能出来就好。虽然之前刚接触js感觉非常灵活，但是没有想到这么灵活，今天仔细的看了一下ES6中的let变量，感觉这个变量非常之好，下面我们分为几个方面看一下。1 let变量只在所在的代码块内有效 原来b变量是可以在外边访问到的，之前都不知道，自己都被自己吓一跳，可以看到在外部输出a ...
2018-04-20 12:32:23
154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人