WEB前端 软件列表

react高阶组件添加和删除props
React

react高阶组件添加和删除props

2020-02-16 标签:react,高阶,组件,添加,删除,props,唠叨,几句,在看,老师,深入浅出,开头,提了,需要,创建,能给,传入

唠叨几句啦在看程墨老师的深入浅出高阶组件,开头一点提了一个需要,创建两个高阶组件,一个能给传入的元素自定义添加props,一个是删除特定的props。我刚刚做了一下,发现高阶组件需要区分好传入的是class还是react element, 同时也需要注意好return回去的是啥。顺便提一下高阶组件的

详解如何给React-Router添加路由页面切换时的过渡动画
React

详解如何给React-Router添加路由页面切换时的过渡动画

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

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

使用React手写一个对话框或模态框的方法示例
React

使用React手写一个对话框或模态框的方法示例

2020-02-16 标签:使用,react,手写,对话框,模态,方法,示例,打算,很长,一段时间,现在是,兑现,承诺,实际上,写起来,相当,简单,核心,在于

打算用React写对话框已经很长一段时间,现在是时候兑现承诺了。实际上,写起来相当简单。核心在于使用React的接口React.createPortal(element, domContainer)。该接口将element渲染后的DOM节点嵌入domContainer(通常是document.bod

react写一个select组件的实现代码
React

react写一个select组件的实现代码

2020-02-16 标签:react,select,组件,实现,代码,之前,用的,antd,但在,并不,适用,原生,样式,修改,不灵,产生,想法

之前一直用的antd的Select组件,但在有些端并不适用,而原生的select样式修改不灵活,遂产生自己写一个组件的想法。观察select组件: {this.value=value}}manwoman可以看出数据都是在option中,有值value和显示出来的数据一一对应。如果我们写一个selec

详解基于React.js和Node.js的SSR实现方案
React

详解基于React.js和Node.js的SSR实现方案

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

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

详解React项目如何修改打包地址(编译输出文件地址)
React

详解React项目如何修改打包地址(编译输出文件地址)

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

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

详解在React项目中安装并使用Less(用法总结)
React

详解在React项目中安装并使用Less(用法总结)

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

详解React项目中碰到的IE问题
React

详解React项目中碰到的IE问题

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

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

React+Antd+Redux实现待办事件的方法
React

React+Antd+Redux实现待办事件的方法

2020-02-16 标签:react,antd,redux,实现,待办,事件,方法,之前,写过,一篇,关于,文章,简单,理解,以及,如何,使用,今天,我就,分享

之前也是写过一篇关于Redux的文章,来简单理解一下Redux,以及该如何使用。今天我就来分享一个也是入门级别的,React+Redux+antd来实现简单的待办事件。同时也讲讲自己对Redux的理解。先来看一张图吧:我们简单的比喻来让我们更加好的理解Redux,我们这样比喻(图书馆借书):1.Re

react同构实践之实现自己的同构模板
React

react同构实践之实现自己的同构模板

2020-02-16 标签:react,同构,实践,之实,自己的,模板,一开始,想学,服务端,渲染,脑海中,第一个,浮现,出来,n,ext,js,成熟的

一开始想学学服务端渲染,脑海中第一个浮现出来的就是next.js这种成熟的方案。看了一两天,有趣,优雅,但是封装好了,原理不甚清楚,也感觉无法灵活嵌合到老项目上去。于是看各种资料,想整理出同构的线索,一步一步地实现自己的同构模板。相关代码可查看我的GitHub。感谢阅读!!TODO List数据:如