react
文章平均质量分 79
一只小泰迪
疯狂的小狗
展开
-
React学习资料整理
1.react的简单使用<!DOCTYPE html><html lang=en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <script原创 2021-09-09 20:54:50 · 268 阅读 · 0 评论 -
webpack-01学习
webpack学习前言在没有出现模块管理器之前的前端开发,如果要引用依赖资源,通常的做法是将依赖文件引用到.html文件中。比如,要引用js文件,在.html文件中用<script>标签引用;引用.css文件,在.html文件中用<link>标签引用。这样做的弊端是,如果引用的资源文件太多,请求太多,或拖慢网页的加载速度,影响用户体验,另外也会使得网页体积臃肿、不便维护。随着模块管理器的出现,上述问题得到解决。目前市面上的包管理器有很多,比如Bower、Browserify、we原创 2021-03-14 22:20:48 · 136 阅读 · 0 评论 -
npm-01学习
npm一、什么是npm?简单来说npm(Node Package Manager)是包含在Node.js里面的一个包管理工具,如果读者之前使用过Node.js,那么对npm应该不会陌生,因为npm会随着Node.js一起安装。npm是世界上最大的软件注册表,其为卡发着连接到了一个广阔的JavaScript世界。据官方数据统计,npm大约每周有30亿的惊人下载量,其中包含大约60万个package(代码模块)。npm为开发者提供了一个代码模块共享的大平台,开发者既可以从npm服务器上下载其他开发人员共享原创 2021-03-14 20:33:25 · 176 阅读 · 0 评论 -
React组件-04学习
react组件一、介绍可以这么说,一个React应用就是构建在React组件之上的。组件有两个核心概念:propsstate一个组件就是通过这两个属性的值在render方法里面生成这个组件对应的HTML结构。注意:组件生成的HTML结构只能有一个单一的根节点(1)、propsprops就是组件的属性,由外部通过JSX属性传入设置,一旦初始设置完成,就可以认为this.props是不可更改的,所以不要轻易更改设置this.props里面的值(虽然对于一个JS对象你可以做任何事)(2)、原创 2021-03-12 11:28:48 · 74 阅读 · 0 评论 -
React之JSX介绍-03学习
We strongly believe that components are the right way to separate concerns rather than "templates" and "display logic." We think that markup and the code that generates it are intimately tied together. Additionally, display logic is often very complex and原创 2021-03-11 15:48:43 · 103 阅读 · 0 评论 -
React开发环境配置以及webpack概述-02学习
React开发环境配置以及webpack概述-02学习一、开发环境配置要搭建一个现代的前端开发环境配套的工具有很多,比如Grunt/Gulp/webpack/Broccoli,都是要解决前端工程化问题,这个主题很大,这里为了使用React我们只关注其中的两个点:JSX支持ES6支持Babel可以编译JSX 的语法。二、webpackWebpack是一个前端资源加载/打包工具,只需要相对简单的配置就可以提供前端工程化需要的各种功能,并且如果有需要它还可以被整合到其他比如Grunt/Glup的原创 2021-03-11 14:12:23 · 87 阅读 · 0 评论 -
React概览-01学习
React概览React的核心思想是:封装组件。各个组件维护自己的状态和UI,当状态变更,自动重新渲染整个组价。基于这种方式的一个直观感受就是我们不在需要不厌其烦地来回查找某个DOM元素,然后操作DOM去更新UI。React大体包含下面这些概念:组件JSXVirtual DOMData Flow这里通过一个简单的组件来快速了解这些概念,以及建立起对React的一个总体认识。import React, {component } from 'react';import { render原创 2021-03-11 13:46:38 · 128 阅读 · 0 评论 -
01-react入门学习介绍
React.js1.React简介react起源于FaceBook的内部项目,因为该公司对市场上所有javaScript MVC框架都不满意,就决定自己写一套,用来架设Instagram(照片交友)的网站,做出来以后,发现这套东西很好用,就在2013年5月开源了Angular1 2009年 谷歌 MVC不支持 组件化开发由于React的 设计思想及其独特,属于革命性创新,性能出众,代码逻辑确非常简单。所以,越来越多的人开始关注和使用,认为它可能是web开发的主流工具。清楚两个概念:原创 2021-02-20 08:37:19 · 103 阅读 · 0 评论