一、gulp 1 var gulp = require('gulp'); 2 var react = require('gulp-react'); 3 4 gulp.task('jsx', function() { 5 gulp.src('./app.jsx') 6 .pi...
转载
2015-12-23 21:48:00
146阅读
2评论
如果你正在使用 React.js 或 React Native 创建用户界面,可以试一试本文推荐的这些框架。React.js 和 React Native 是流行的用户界面(UI)开发平台,且都是开源技术。在 StackOverflow 的 2019 年开发人员调查中,它们在期望度和使用率方面都有很高的排名。React.js 是 Facebook 在 2011 年作为一个 JavaScript 库
转载
2023-12-18 14:35:07
48阅读
作者 | Amit Dua 译者 | 王强 策划 | 李俊辰 如果你正在使用 React.js 或 React Native 创建用户界面,可以试一试本文推荐的这些框架。 React.js 和 React Native 是流行的用户界面(UI)开发平台,且都是开源技术。在 StackOverflow 的 2019 年开发人员调查中,它们在期望度和使用率方面都有很高的排名。React.j
转载
2024-02-20 22:09:50
45阅读
一. React主要原理 Reactjs一个用来构建用户界面的JavaScript库,相当于MVC架构中的V层框架,与市面上其他框架不同的,React把每个组件当成了一个状态机,组件内部通过state来维护组件状态的变化,当组件的状态发生变化时,React通过虚拟DOM技术来增量并高效的更新真实的DOM。1.虚拟DOM (Virtual D
转载
2023-10-23 11:08:06
67阅读
前提: nodejs >= 10.0; 这里不推荐用官网的yarn安装antd的模块,因为后续会出错,错误如图: 也不推荐用npx方法来搭建react骨架,也会出错,让我们开始吧!! 前端React+Antd框架搭建 1.安装并启动create-react-app骨架应用 打开cmd按顺序执行以下指令: npm install -g
转载
2023-08-20 15:26:10
193阅读
08 React包使用1.快速构建React开发环境(自己先新建一个文件夹–>cmd)$ cnpm install -g create-react-app //安装create-react-app$ create-react-app my-app //创建项目my-app$ cd my-app/$ npm start //启动服务搭建完成后会有:2.初使用进入APP.js页面记得要在cmd里
转载
2023-09-28 21:28:56
274阅读
一丶创建脚手架1.使用npx create-react-app my-app指令创建脚手架(npx是npm下载工具包中自带,无需单独下载,版本低于@5自行引入)2.启动npm start二丶JSX基本使用(JSX就是javascript XML缩写)1.常规写法(不推荐)import React from 'react';
import ReactDOM from 'react-dom/clien
转载
2024-02-25 05:06:13
47阅读
前言JavaScript是世界上最流行的语言之一,React和Vue是JS最流行的两个框架。但各有优缺点,本文将详细对比两大框架 目录前言一、框架背景二、框架简介三、框架共同点四、各自优势五、两者区别六、应用场景七、总结 一、框架背景ReactReact是由Facebook开发的用于构建用户界面的JavaScript库,Facebook对市场上JavaScript MVC框架都不太满意,Faceb
转载
2024-02-12 08:42:21
65阅读
安装node.js,检查是否安装可用 使用淘宝镜像 检查 全局安装gulp 检查 来到本地路径,创建工程配置文件 本地路径下会有package.json文件,需要将安装组件或者插件的依赖写入这个文件写入依赖的组件或者插件可通过 命令找回 本地安装gulp并将依赖写入package.json 在gul
转载
2017-01-08 19:32:00
94阅读
2评论
屏蔽掉的部分是Test(文件夹的目录 也是你的项目名称);本地项目启动后 配合sass,会自动启动浏览器,然后好处多多,比如我在编辑器中修改了代码页面就自动刷新了,可以马上看到效果;偶的Ctrl+f5键不用在担心了,
原创
2022-05-05 11:53:06
168阅读
gulp 插件之 gulp-useref 和 gulp-if
原创
2017-09-02 10:57:48
6355阅读
点赞
前言 gulp是一种比较容易上手的前端构建工具,相比于时下流行的webpack,gulp的学习成本更低,配置也简单,在很多前端框架的构建上(如bootstrap)都选择了gulp作为打包工具 安装运行 全局安装 npm install --global gulp 作为项目依赖安装 npm insta ...
转载
2021-10-07 14:33:00
249阅读
2评论
gulp 插件之 gulp-less,gulp-sass 和 gulp-sourcemaps
原创
2017-08-22 13:09:36
3843阅读
“ 阅读本文大概需要 3 分钟。
”
在主流前端框架里,因为React的入门难度高而果断投入Vue怀抱的人绝不在少数。但我要告诉大家,其实React的学习难度没有你想象得那么高,如果你单纯因为这一点而放弃它,也许便是错过了一片新天地。任何库都要在「概念简洁」(自由度高)和「使用便利」(提供现成的范式)上做选择。React 选择了前者,而Vue 选择了后者。React相对Vue规矩得多,
转载
2024-01-16 10:06:47
41阅读
首先React与vue有几点相同之处1.都使用了Virtual DOM2.提供了响应式(Reactive)和组件化(Composable)的视图组件3.将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库性能方面#React在性能方面使用virtual DOM实现没有vue的virtual DOM实现好,相比较来说vue的virtual DOM的实现更为轻量些#在React应用中
转载
2024-04-24 07:13:11
44阅读
React是一个JavaScript框架,用于构建“可预期的”和“声明式的”Web用户界面,它已经使Facebook更快地开发Web应用。
一、特点:
1、简单简单的表述任意时间点你的应用应该是什么样子的,React将会自动的管理UI界面更新当数据发生变化的时候。
2、声明式在数据发生变化的时候,React从概念上讲与点击了F5一样,实际上它仅仅是更新了变化的一部分而已。
转载
2023-09-18 18:50:54
117阅读
前端的构建工具常见的有Grunt、Gulp、Webpack三种,Grunt比较老旧,功能少,更新少,插件少。
概念:
gulp是一个自动化构建工具,主要用来设定程序自动处理静态资源的工作。简单的说,gulp就是用来打包项目的。
安装:
全局安装:
npm i gulp@3.9.1 -g
gulp -v # 测试是否安装成功
全局安装表示在当前电脑中可以使用gulp环境了
局部安装
npm i
转载
2021-08-13 20:05:25
162阅读