CoCoManYYn的博客

前言promise是一个构造函数，自己身上有resolve、reject、all、race等方法，在其原型链上有then、catch方法， resolve是将Promise的状态置为fullfiled，reject是将Promise的状态置为rejected，then里面的函数就跟我们平时的回调函数一个意思，拿到resolve的参数，能够在异步任务执行完成之后被执行。举个例子：functio...

引言其实很早我就接触了原型链，可是一直是似懂非懂，实习或者是做项目经常性写一些业务代码也没有用上，但是原型链这个东西是JavaScript的精髓，我一定要弄懂，嘤嘤嘤话不多说开始吧首先需要看一张相当经典的图！这张图看起来有点乱，但其实条例时十分清晰的。对象、函数以及原型之间的关系对象：在JavaScript中，人和事是存在的东西都是对象（包括函数也是一个对象），我们平时new出来的对...

三目运算符可以将有些判断if-else的代码显得没有那么臃肿，更加简洁。当然我们不能将所有的判断都改写成三目运算符，因为三目运算符的代码过于冗长的话，也会让代码的可读性降低，这时候我们可以采用switch-case语句。逻辑与操作符&&如果只有简单的一个判断的话，我们可以采用逻辑与操作来实现判断条件&&结果注意：这个判断条件如果如果为false的话，就会返...

引言本来做MVVM做得好好的，突然遇到了webpack的问题，只能嘤嘤嘤，踩了一个多小时的坑之后，决定写下来，既让自己不要忘记了也让大家少采坑webpack不是内部或外部命令，也不是可运行的程序或批处理文件。这个的话我觉得参考这篇文章就很好，我就不赘述了。npm install -g webpack报错enoent ENOENT:我出现这个的原因是因为之前安装过低版本的webpack，这...

本文转自：https://www.jianshu.com/p/e452203d56c4在浏览器端 js 里面，为了解决各模块变量冲突等问题，往往借助于 js 的闭包把左右模块相关的代码都包装在一个匿名函数里。而 Nodejs 编写模块相当的自由，开发者只需要关注 require,exports,module 等几个变量就足够，而为了保持模块的可读性，很推荐把不同功能的代码块都写成独立模块，减少各...

半夜想出来的，感觉有点闭包的意思，发现自己好久没看书了，该打！var arr=[];function a(){ var b=3; function c(){ console.log(b); } arr.push(c);}a();console.log(arr);arr.forEach(fun=>{fun()})晚安大家~~...

引言在写业务代码的同时，我觉得还是很需要把基础知识全部理清楚的，闭包和作用域呢我一直觉得我懂了，那么试试看能不能说清楚？当然我也会参考一下别人说法，所以会在参考资料里面写上啦嘻嘻~~作用域和作用域链作用域是一个语言无关的概念，当然作用域分为词法作用域和动态作用域作用域：通常来说，一段程序代码中所用的名字并不总是有效/可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。词法作用域...

引言网上关于this的文章那么多，大家肯定都看得差不多了，但是哪些this的文章大多都比较初级，没我遇到问题都去看，然后看完觉得牛逼、我懂了，结果每次再遇到问题，我就不懂了，又得去搜，嘤嘤嘤难受，于是秉着实践出真知的原则，我开始做自己的小实验。这个文章可能会根据我遇到的问题持续更新，也有可能我没遇到问题（maybe 懒），就没有做小实验。开始小实验首先关于箭头函数题目描述：箭头函数的thi...

引言今天好冷！！！函数式编程好处：语义更加清晰可复用性更高可维护性更好作用于局限，副作用少用处：链式优化：回掉函数和Promise模式高阶函数：接收或者返回一个函数的函数称为高阶函数结语函数式编程并不是必须的，也不应该是一个强制的规定或要求，与面向对象或者其他的思想一样，它也是其中的一种方式。参考资料我眼中的 JavaScript 函数式编程...

引言今天上课的时候有点困了，于是打开手机看看前端的零散小文章，突然看到了“事件委托”这个名词，嘤嘤嘤？于是我决定把找dom事件稍微梳理一下，可能不是很全面，因为有些实在是不怎么常用，我也记不太住，以后需要用的时候就去查一查，然后再补充进来吧嘿嘿嘿！！主要内容首先我梳理一下我今天整理的主要内容，主要为事件冒泡、事件捕获还有事件委托。正式开始啦什么是事件流？流的概念现今的JavaScri...

引言呜呜呜坑死我了Object.assign在项目中，我compute引用$store里面的数据，但是发现没有办法实时更新？？，当时觉得就很奇怪，疯狂谷歌也找不到答案，后来将Object.assign换成了“=”，发现可以了emmm原因是这样的：Object.assign reads the value of the property from the source object, i...

引言最近几天被频繁问到了关于jwt得内容，决定写一篇作文加深一下印象。正文jwt介绍JWT是JSON Web Token的缩写。分为三段(整个为base64编码)：头部：包括加密方式负载：包括用户的不敏感信息签名：用secret将前两部分加密(利用第一个里面的加密方式)，主要用来验证是不是本人签发的实践过程实践过程中有两个token，一个refresh Token、一个ac...

generator函数的理解generator函数是ES6提供的一种异步编程的解决方案一、异步编程1、所谓“异步”，就是先执行第一段，转而执行其他的任务，等做好了准备再回来执行后面的。2、编程方式主要有1.回调函数2.事件监听3、发布/订阅者4、Promise对象3、所谓回调函数，就是把第二段单独写在一个函数里面，等到重新执行这个任务的时候，就直接调用这个函数即可。回调函数...

我们创建的每个函数都有一个prototype（原型）属性，这个属性是一个指针，指向通过构造函数而创建的那个对象实例的原型对象。所有对象共享它所包含的属性和方法。使用原型对象的好处：让所有对象实例共享它所包含的属性和方法。也就是说，不必再构造函数中定义对象实例的信息，而是可以将这些信息直接添加到原型对象中。但是与构造函数不同的是：新对象的属性和方法是由所有实例共享的。1、理解函数对象无论什么时候，只...

转自：JS-原生/一个例子讲清楚什么是闭包，什么是内存销毁//前言闭包，这个概念对于每位JSer而言都不陌生，它几乎伴随着每个前端入门者的初学阶段，重要到几乎每家公司面试都会问。关于闭包究竟是什么，闭包干嘛用的，网上各种回答也是五花八门，动不动就扯到隐匿变量/内存泄漏这些概念，让没有C基础的初学者越看越晕，我不能说那些是错的，不过显然对新手不太友好。曾几何时我也是被那些个故作高深的概念绕得七荤八素...

本文地址：http://www.cnblogs.com/dongcanliang/p/7054176.html前言this 指向问题是入坑前端必须了解知识点，现在迎来了ES6时代，因为箭头函数的出现，所以感觉有必要对 this 问题梳理一下，遂有此文在非箭头函数下， this 指向调用其所在函数的对象，而且是离谁近就是指向谁（此对于常规对象，原型链， getter & setter等都适用...

没实践之前总是只知道一点皮毛，似懂非懂，实践之后自己对vue有了更加深刻的认识。内部指令：基本1、v-if/v-else  和v-show：v-if用来判断是否加载html的DOM：用法v-if=“XXX”（XXX在data中）v-show用来调整css中的display属性，DOM是已经加载出来了的，只是css控制没有显示出来。区别：v-if：判断是否加载，可以减轻服务器的压力，在需要的时候加载...

作者：路人甲链接：https://zhuanlan.zhihu.com/p/22229868来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。昨天写的文章，一大早发出去点开预览的时候发现格式都错乱了。又急着去上班就把文章给删除了。本来是周一更的习惯也就打破，放到周二去更新了。今天周二，度过了烦人的周一，又开始一个新的工作日。这篇文章起初是想做：有哪些适合新手练手的前端项...

vue的实例属性和方法除了数据属性，Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 $，以便与用户定义的属性区分开来。例如：  var data = { a: 1 }var vm = new Vue({ el: '#example', data: data})vm.$data === data // => truevm.$el === doc...

原文来自：https://blog.csdn.net/u011113654/article/details/51672308今天在网上，看到一篇关于js函数难点的文章，js函数的一些难点。在那上面提了一下，关于js函数返回另一个函数的问题，并附上了一道面试题：[javascript] view plain copyvar add = function(x){      var sum = 1;  ...

原型链注意问题:1、如果使用new进行继承的话需要function里面加this2、还有一种很普通的继承方式Object.create()666，对象也是普通的var a={}写法3、for(var a in k){a[k]}，属性名用框框，最好不要用点点！（这个我也没有弄清楚）！...

知识前提：了解之前，需要掌握一下知识js引擎执行机制参考JS的执行环境是单线程的，（这个线程就是浏览器的JS引擎），一次只能执行做一件事情；浏览器内核实现了多个线程异步执行,这些线程在内核的控制下相互配合从而保持同步浏览器的线程：浏览器的工作原理：js引擎是事件驱动的，它一直在等待着任务任务队列中的任务到来，又由于js是单线程的，所以很对任务会出现排队的情况参考这里...

https://medium.com/javascript-inside/learn-the-concepts-part-1-418952d968cb了解了react最基本的原理，知道了render()和store等函数地最基础地理论理解一下virtual domhttps://www.jianshu.com/p/bef1c1ee5a0ejs命名空间：个人理解感觉和作用域差不了太多...

Redux三大原则单一数据源：整个应用的 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store 中State 是只读的：惟一改变 state 的方法就是触发 action，action 是一个用于描述已发生事件的普通对象。使用纯函数来执行修改：为了描述 action 如何改变 state tree ，你需要编写 reducers...

引言最近有在看一些关于typescript的东西，以前的理解就仅仅只是认为它比JavaScript多了一个类型检测，后来发现了一篇非常好的文章，让我重新对typescript进行了思考，但是由于本人没有写过typescript，所以准备从实践入手，深入理解关于面向接口编程的原理，故这是一篇长期更新的博客哈哈哈哈。具体的概念示例代码等，官方文档里面都写得十分详细。我就只是阐述一下自己的理解。接...