react依赖node吗?入门知识_react基础入门

学习React前提必须拥有Javascript和DOM知识。这个门槛已经很低了。但是很多的教程里面都提到npm,nodejs.要先安装nodejs。但是react并不依赖node。注意:学习React要安装nodejs,主要的原因不是React依赖nodejs,而是webpack依赖nodejs.react常用工具介绍:1、nodejs:node.js是一个

react依赖node吗?入门知识

学习React前提必须拥有Javascript和DOM知识。这个门槛已经很低了。但是很多的教程里面都提到npm,nodejs.要先安装nodejs。但是react并不依赖node。

react依赖node吗?入门知识_react基础入门

注意:学习React要安装nodejs,主要的原因不是React依赖nodejs,而是webpack依赖nodejs.

react常用工具介绍:

1、nodejs:node.js是一个JavaScript运行环境。一般我们了解的JavaScript是运行在浏览器中的。所以就能理解它是基于Chrome’s V8 JavaScript engine的原因了。

有了nodejs,就可以抽象javascript公共组件单独部署到nodejs上提供公共服务了。前端的可能性,从此更加具有想象力。

2、npm:(node package manager)node包管理器,主要管理node包安装,卸载、更新、查看、搜索和发布。将开发者从繁琐的包管理工作(版本、依赖)中解放出来。nodejs已经集成了npm,所以安装nodejs的时候npm也一并安装好了。

3、nvm:node version manager,用它可以方便的在机器上安装并维护多个Node的版本。

4、webpack:(webpack就是一个模块打包机)。它就是分析你当前项目的结构把项目中用的浏览器不能理解的东西(SCSS , jade, Typescript等),按照合适的方式打包并把它翻译成浏览器可以理解的 css和js。在webpack中一切都是模块(图片、CSS也是)。

海计划公众号
(0)
上一篇 2020/03/20 07:33
下一篇 2020/03/20 07:33

您可能感兴趣的内容

  • 如何优雅的处理前端异常?基础入门_异常入门基础知识

    前端一直是距离用户最近的一层,随着产品的日益完善,我们会更加注重用户体验,而前端异常却如鲠在喉,甚是烦人。一、为什么要处理异常?异常是不可控的,会影响最终的呈现结果,但是我们有充分的理由去做这样的事情。1.增强用户体验;2.远程定位问题;3.未雨绸缪,及早发现问题;4.无法复线问题,尤其是移动端,机型,系统都是问题;5.完善的前端方案,前端监控系统;
    对于

    2020/03/21
  • 手机横屏和竖屏情况下的图片旋转小白知识_图片使用指南

    图片渲染要解决的几个主要问题1、图片默认是水平方向,要设置图片居中max-height:100%;max-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)”2、需要旋转的情况是:图片的宽度大于高度,这样旋转后图片显示的就大些// 获取图片的实际宽度和高度

    2020/03/29
  • 原生JS实现旋转木马轮播图特效零基础入门_特效基础知识入门

    大概是这个样子:首先来简单布局一下(emm…随便弄一下吧,反正主要是用js来整的)

    <meta

    2020/03/22
  • H5与App的通讯方式基础入门_通讯使用帮助

    前言现在不管是桌面客户端还是移动客户端,都会夹杂着一部分H5页面,这种混合式的应用也是我们常说的Hybrid App。为什么会出现Hybrid App呢,早期是因为开发一个Android或iOS的客户端,需要的人力成本比较大,开发周期比较长,后来有些团队就通过将部分页面拆分出来,由前端来完成,再通过在客户端里的Webview来展示。由于小编我半路转行当程序猿

    2020/03/23
  • css加载失败的原因是什么?入门百科_加载基础指南

    有很多刚刚接触css的新手有时会遇到css加载失败这个问题,但测试时,网页上没有显示该样式的问题,这就说明CSS加载失败了。那么为什么会加载失败?css加载失败的原因是什么?造成css加载失败的原因有很多,这可能跟你代码出错,浏览器、路径、编码等等都是有关联的。所以在具体情况具体分析。最常见的失败原因有以下几类:1、网络原因IIS空间不足、浏览者网速慢、空间

    2020/03/22
  • 前端工程化的一些设想入门百科_工程化教程视频

    最近几年前端工程化这个事情随着模块化标准( 曾经的事实标准 commonjs,今天的 ES Module )的落地和工具链的成熟,大家普遍都在采用一体化的策略来完成工程从构建到发布的过程。以我在外网的一些观察,以及自己曾经参与过的 IDE 项目的经历,今天就斗胆说一说自己的设想。从公开的渠道上我得到的信息是 React 下一步会好好做一做 create-re

    2020/03/20
  • Js错误处理入门攻略_错误小白常识

    当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错误:可能是语法错误,通常是程序员造成的编码错误或错别字;可能是拼写错误或语言中缺少的功能(可能由于浏览器差异);可能是由于来自服务器或用户的错误输出而导致的错误;也可能是由于许多其他不可预知的因素。那么js有没有好的可以检测错误的呢?有的,那就是:throw、try 和 catch

    2020/03/26
  • 快应用之开发体验纪要指南教程_技巧使用攻略

    何谓「快应用」呢?它是基于手机硬件平台的新型应用形态,标准是由主流手机厂商组成的快应用联盟联合制定。其标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台,以平台化的生态模式对个人开发者和企业开发者全品类开放。快应用具备传统 APP 完整的应用体验,无需安装、即点即用; 覆盖 10 亿设备,与操作系统深度集成,探索新型应用场景。快应用特点下面列出些

    2020/04/03
  • Js从callbacks到sync/await小白入门_sync小白指南

    最近在读一本《基于浏览器的深度学习》,书比较薄,但是涉及的内容很多,因此在读的过程中不得不再查阅一些资料,以加深理解。我目前从事的本职工作就是浏览器研发,对于前端技术并不陌生。但是从前段时间开发微信小程序 识狗君 的过程来看,对JavaScript还是掌握得太少,特别是对一些前端框架以及一些比较新的JavaScript语法和编程模型,了解的不够。在修改tfj

    2020/03/22
  • curl.js基础指南_轻量级,快速,可扩展的模块加载

    curl.js基础指南 官方网址:https://github.com/cujojs/curl/wiki GitHub:https://github.com/cujojs/curl…

    2020/03/06
  • vue-cli项目引入jquery和bootstrap小白攻略_bootstrap菜鸟教程

    1.安装插件npm install jquery –save
    npm install bootstrap –save
    npm install popper.js –save //提示框插件,bootstrap4依赖它
    2.配置插件:webpack.base.conf.js的module.exports里加入:plugins: [
    new webpa

    2020/03/24
  • cocos 资源工作流程基础入门_cocos使用帮助

    概述【同步性】  资源管理器中的资源和操作系统的文件管理器中看到的项目资源文件夹是同步的  在资源管理器中对资源的移动、重命名和删除,都会直接在用户的文件系统中对资源文件进行同步修改。同样的,在文件系统中(如 Windows 上的 Explorer 或 Mac 上的 Finder)对添加或删除资源,再次打开或激活 Cocos Creator 程序后,也会对资

    2020/04/03
  • JS禁止打开控制台入门基础_js技巧基础入门

    主要为了通过禁止打开控制台,防止别人进行代码调试。1、禁止右键查看源码和F12//禁止F12键盘事件
    document.addEventListener(‘keydown’, function(event){
    return 123 != event.keyCode || (event.returnValue = false)
    });
    //禁止右键、选择

    2020/03/22
  • javascript如何判断对象是不是为空?小白攻略_验证使用说明

    JavaScript 中的所有事物都是对象:字符串、数值、数组、函数等。JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。JavaScript判断对象是不是为空:1、将对象转为字符串,然后判断是否等于'{}’;var obj = {};
    var objStr = JSON.stri

    2020/03/20
  • 两种JavaScript异常处理的方式菜鸟教程下载_异常菜鸟攻略

    一、浏览器抛出异常1、标准格式try{
    //可能发生异常的代码
    }catch(error){
    //发生错误执行的代码
    }2、finally语句try{
    //可能发生异常的代码
    }catch(error){
    //发生错误执行的代码
    }finally{
    // 不管 try 中的语句有没有错误,都会执行的语句

    2020/03/20
  • canvas旋转画笔新手入门_canvas基础知识

    canvas旋转canvas旋转画笔,可以使用rotate方法,rotate方法是绕着中心点旋转的,中心点默认是左上角的(0,0)位置,可以使用translate方法改变旋转的中心点,下面介绍两种方法旋转,可以根据自己的需求使用,关键是理解旋转的原理旋转方法1此种方法是,先将中心点平移到矩形中心,接着旋转,再将中心点平移回原点(0, 0),按照之前的位置和大

    2020/03/26