追梦猪的博客

web端三大框架react、vue和angular，本篇教程介绍react的从入门到精通。一、环境搭建1、npm搭建项目如果您之前未曾使用过 create-react-app，请先通过如下命令全局安装（假定您本机已经安装了 Node.js）：npminstall-gcreate...

web端三大框架react、vue和angular，本篇教程介绍react的从入门到精通。四、变量的定义和初始化1、使用在构造函数中创建代码如下：importReact,{Component}from'react'; importlogofrom...

web端三大框架react、vue和angular，本篇教程介绍react的从入门到精通。七、组件使用的场景（1）一个.js文件中代码量过大，不好维护。（2）某些功能或样式在项目中大范围使用，组件起到了封装代码的作用。1、组件的基本用法（1）未使用组件时代码如下：demo2代码imp...

在学习的时候难免遇见奇葩的报错，这个报错就是我们疏忽的报错Cannot find file: 'index.js' does not match the corresponding name on disk: '.\node_modules\React\rea...

首先安装less语言所需要的相关依赖npmilessless-loader--save然后打开项目中 config/webpack.config.js 一共修改了三处//添加less配置 constlessRegex=/\.less$/; const...

React项目npm run build打包上线后，页面出现空白的原因同vue打包空白错误一样就是路径问题，在react打包运行的时候出现了下面的错误，很头疼是吧，这是js错误可能是我们引的路径不正确，查找方法：解决方法就是在你还没打包之前找到package.json这个文件，添加一...

web端三大框架react、vue和angular，本篇教程介绍react的从入门到精通。六、生命周期的钩子函数1、组件的定义什么是组件？当一个页面所需要呈现出的内容过多，如果我们将所有的页面写在同一个.js文件中，会显得代码比较乱，给往后的代码维护造成困难。所以我们在编写代码的过程...

web端三大框架react、vue和angular，本篇教程介绍react的从入门到精通。八、组件之间在静态中的数据传递从上面的代码我们可以看出，两个组件之间的数据是分离，但如果我们有某种需求，将数据从一个组件传到另一个组件中，该如何实现？场景设计：将demo4.js中的demo4D...

web端三大框架react、vue和angular，本篇教程介绍react的从入门到精通。九、对路由的理解在pc端页面之间的切换，我们要使用a标签来实现在react.js开发中，我们采用组件化操作，一个页面就是一个组件。所以页面和页面之间的跳转就相当于是组件和组件之间的跳转。我们知...

web端三大框架react、vue和angular，本篇教程介绍react的从入门到精通。十、数据交互官方文档如何在 React 中发起 AJAX 请求？在 React 开发中，你能使用任何你喜欢的 AJAX 库，比如社区比较流行的Axios，jQuery AJAX，或者是浏览器内...