![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
前端kit
知识是共享的,技能是自己的。欢迎大家共同学习,功能成长。
展开
-
React-router使用实例
1.目录结构 React-router node_modules public src page About.js Home.js Topic.js Topics.js App.js index.js package-l...原创 2018-08-19 18:49:57 · 1518 阅读 · 0 评论 -
如何在react项目中配置less
如何在create-react-app创建的项目下配置less,其实很简单,只是create-react-app创建的项目没有暴露webpack相关配置,所以需要暴露出webpack相关配置,具体操作如下: 一、暴露webpack,安装less\less-loader依赖 在create-react-app创建的项目下是不支持less的,我们要使用less就需要在相关配置文件中配置。 ...原创 2018-09-24 08:29:00 · 229 阅读 · 0 评论 -
export ,export default 和 import 区别 以及用法
首先要知道export,import ,export default是什么 ES6模块主要有两个功能:export和import export用于对外输出本模块(一个文件可以理解为一个模块)变量的接口 import用于在一个模块中加载另一个含有export接口的模块。 也就是说使用export命令定义了模块的对外接口以后,其他JS文件就可以通过import命令加载这个模块(文件)。这几个都是ES...原创 2018-09-24 16:51:15 · 110 阅读 · 0 评论 -
谈一谈创建React Component的几种方式
React中有两种组件:函数组件(Functional Components) 和类组件(Class Components) 函数组件 import React from "react"; import Button from "./Button"; let Message =(props)=> { return ( <div> ...原创 2018-10-13 11:10:38 · 1236 阅读 · 0 评论 -
Vue、React打包文件放在服务器,浏览器存在缓存问题的解决
因浏览器缓存原因导致vue 打包的文件 导致偶尔会出现不能即使更新最新代码。因此在打包的文件名中添加一个版本号以便浏览器能区分。 解决方法:找到webpack .prod.conf.js 1.定义版本变量: const Version = new Date().getTime(); // 这里使用的是时间戳 来区分 ,也可以自己定义成别的如:1.1 2.修改要生成的js和...原创 2018-10-30 15:51:06 · 5623 阅读 · 0 评论 -
基于create-react-app 和 koa2 快速搭建react同构渲染项目总结(react针对seo优化)
原地址 https://github.com/yangfan0095/react-koa2-ssr 启动 npm install 客户端运行 npm run start 服务端运行 先执行客户端打包在运行server (个人推荐使用vscode作为服务端开发工具) npm run build npm run server 前言 前段时间做了一个简单的古文网 ,但是项目是使用R...转载 2018-10-30 15:53:25 · 1444 阅读 · 0 评论 -
Vue与React两个框架的区别和优势对比
Vue和React两个JavaScript框架都是当下比较受欢迎的,他们两者之间的区别有哪些,各自的优缺点是什么,本文将为你呈现。 我已经写出了两个几乎一样的web应用,一个是基于Vue,另一个则基于React,可以方便你在看这篇文章的时候查找相关代码。· React sample app Vue sample app 简单介绍 除非你最近一直不关注前端的发展,不然你肯定听说过由Faceb...原创 2019-03-09 19:37:07 · 325 阅读 · 0 评论