2020-02-16 标签:详解,如何,react,router,添加,路由,页面,切换,时的,过渡,动画,ps,本篇,文章,使用,版本,dom,兼容

PS: 本篇文章使用的React-Router版本为react-router-dom: ^5.0.0 (兼容4.x)使用过Vue2的同学们应该都知道这个内置组件，它可以帮我们添加过渡动画，之前一直用它来给Vue-Router路由的跳转添加转场动画，使用起来非常便捷。那在React中应该如何给路由切换

2020-02-16 标签:详解,基于,react,js,node,ssr,实现,方案,基础,概念,服务端,渲染,server,side,render,传统,使用,java,php

基础概念SSR：即服务端渲染(Server Side Render) 传统的服务端渲染可以使用Java，php 等开发语言来实现，随着 Node.js 和相关前端领域技术的不断进步，前端同学也可以基于此完成独立的服务端渲染。过程：浏览器发送请求 -> 服务器运行 react代码生成页面 -&g

2020-02-16 标签:详解,react,项目,如何,修改,打包,地址,编译,输出,文件,好吧,笔者,后端,开发,以前,c,s,出身,毫无,web

好吧，笔者是一个后端开发。以前是做C/S项目出身，毫无Web前端基础，为了更好地理解Web开发，去年开始尝试使用公司使用的前端框架React来搭建团队内部使用的系统。通过这个项目的开发，也让我更好地理解了前端同事的不容易，更加坚定了写好接口文档的决心。最近在把自己做的这个内部系统迁移到公司的统一平台

2020-02-16 标签:详解,react,项目,安装,使用,less,用法,总结,配置,app,rewired,rewire,babel,plugin,import,插件,执行命令,n,pm

less的安装配置安装react-app-rewired，react-app-rewire-less，babel-plugin-import插件执行命令：npm install react-app-rewired --save-devnpm install react-app-rewire-less

2020-02-16 标签:详解,react,项目,碰到,ie,问题,最近,接手,11,报错,如下,跟踪,发现,其他的,n,pm,里面,用到

最近接手一个React项目，在IE下碰到了俩问题IE11报错如下：跟踪一下之后，发现是一些其他的npm包里面用到了startsWith这个方法，可以自己polyfill一下：if (!String.prototype.startsWith) {String.prototype.startsWith

2020-02-16 标签:详解,react,refetch,使用,例子,简化,api,获取,数据,代码,const,list,data,gists,return,ul,map,gist,li,key

使用react-refetch来简化api获取数据的代码const List = ({data: gists}) => {return ({gists.map(gist => ({gist.description}))})}const withData = url => Part

2020-02-16 标签:详解,处理,vue,页面,应用,seo,另一种,思路,meta,info,官方,地址,monkeywangs,设置,信息,需要,prerender,spa,plugin

vue-meta-info 官方地址： monkeyWangs/vue-meta-info（设置vue 单页面meta info信息，如果需要单页面SEO，可以和 prerender-spa-plugin形成更优的配合）单页面应用在前端正大放光彩。三大框架 Angular、Vue、React，可谓妇

2020-02-16 标签:详解,centos,使用,yum,安装,mariadb,etc,repos,d,建立,repo,内容,如下,实现,代码,azureuser,mono,cd,vi

1、在 /etc/yum.repos.d/ 下建立 MariaDB.repo,内容如下: 实现代码如下：[azureuser@mono etc]$ cd /etc/yum.repos.d [azureuser@mono yum.repos.d]$ vi MariaDB.repo# MariaDB 1