hello，今天给大家分享几款node版本管理的工具。 背景 在开发前端项目的时候，特别是新到公司接手一个多年维护的老项目时，如果node版本不正确，有的插件可能无法正确安装，比如我之前提到的node-sass无法安装问题，具体请看：https://www.cnblogs.com/easy1996/p/17945874 同时我们在开发自己的插件时，最好也推荐多使用几个node版本进行测试。切换node版本肯定不能卸载重新安装新版本，这样效率太低，最好是使用工具来同时安装多个版本，并快速的切换，下面是推荐的几个工具。 注意：在安装node版本管理工具之前，最好先卸载直接安装的node，统一交给...

Hello，大家好！ 日常开发中大家应该经常使用npminstallxxx来安装包依赖，那是否注意到npm升级到npm@5.2.0之后，在npm二进制命令旁边安装了一个npx二进制文件呢？ 没有npx命令前 在没有npx命令之前，我们想要执行项目中安装的可执行脚本，以安装React创建项目的脚手架create-react-app为例，通常使用下面的做法： 做法一，使用全局安装然后再创建项目： npminstallcreate-react-app-g create-react-apptest-react 缺点 create-react-app安装项目本身是一个低频次操作，全局安装不具备必...

本文参考谷歌开发文档风格指南、Vue官方文档、React官方文档、掘金小册和阮一峰《中文技术文档的写作规范》，其中排版格式，主要参照Vue、React官网，写作规范部分主要参考阮一峰老师的《中文技术文档的写作规范》。 编写技术文档除了排版格式和规范，思路和风格也极为重要，目前一些亲和、幽默的写作风格往往能获得更多的阅读量。 本文主要分为以下部分展开： 排版格式和规范 写作思路 写作风格 技术文档通常使用markdown编写，所以后面的内容都是针对Markdown文档进行排版。 同时排版格式和写作规范有很多重合部分，所以放在一篇文章说明。 文档结构 以Vue、React官网为例，通常包含...

1.堆栈 在JavaScript中，内存堆是内存分配的地方，调用栈是代码执行的地方。 原始类型的保存方式：在变量中保存的是值本身，所以原始类型也被称之为值类型。 对象类型的保存方式：在变量中保存的是对象的“引用”，所以对象类型也被称之为引用类型。 调用栈理解非常简单，当遇见一个方法时推入调用栈中，执行一个方法弹出栈，每一个方法称为一个调用帧。 2.事件循环 理解了堆栈之后，接着来看一下与之相关的事件循环。 首先需要明确的是JavaScript是单线程语言，所有代码都执行在一个线程中，这通常会导致一个问题，当一个方法耗时过长，整个页面随之卡住，所以为了避免这种情况发生，JavaScript中存在...

jsx介绍 jsx是一种JavaScript的语法扩展（eXtension），也在很多地方称之为JavaScriptXML，因为看起就是一段XML语法，用于描述UI界面，并且可以和JavaScript代码结合使用。 比起vue中的模板语法，更加灵活，且不需要学习模板语法中的特定标签，比如：v-if、v-for、v-bind等，而是直接使用JavaScript语法就可以实现这些标签的功能。 为何React中编写UI界面需要使用jsx语法呢？ 因为原生html和js两者是密不可分的两个部分，比如操作html元素时： 使用js选中元素，然后修改元素； 元素上绑定有事件时，需要绑定对应的事件函数； ...

在使用类方式创建组件时，类中定义一个函数，并且绑定到元素的点击事件上，此时这个函数中this指向并不是当前这个组件。 组件代码如下： classAppextendsReact.Component{ //组件数据 constructor(){ super() this.state={ message:'helloworld', } } //点击函数 btnClick(){ this.setState({ message:'helloreact', }) } //渲染函数 render(){ return( <div> <h2>{this.state.message}&...

函数内this绑定 函数内this的绑定和函数定义的位置没有关系，和调用的方式和调用位置有关系，函数内的this是在被调用执行时被绑定的。 this的具体绑定规则 this绑定基本包含下面4种绑定规则，以及一些其它的特殊绑定规则： 默认绑定 隐式绑定 显式绑定 new绑定 默认绑定 独立的函数被调用，那么里面的this绑定的是window，也就是调用时没有被绑定到具体的对象。 比如普通的函数调用： functionfoo(){ console.log(this);//window } foo(); 第二种情况是函数调用链： functiontest1(){ console.log(thi...

for循环 JavaScript中，for循环可以使用break和continue来跳出： continue：跳出本次循环 break：结束循环 for(leti=0;i<10;i){ if(i=1){ //跳出本次循环，不会打印1 continue } if(i=3){ //结束循环，不会打印3和之后的数字 break } //输出02 console.log(i) } forEach循环 除了for循环，常用的forEach如何退出呢？ constnumbers=[1,2,3,4,5] numbers.forEach(number=>{ if(number=2){ //跳...