E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
【react.js】
基于
React.js
的后台管理系统开发全过程(五)
夏天好热啊~本文章推荐开放空调阅读便携式迷你小空调由于采用了黑科技,手机听筒放在脸庞可以有微风吹过,电脑端暂时没有实现,后续会继续优化~.tips:这个空调我的文章中也有哦~以下是正文:一.进一步优化用户体验目前已经实现了用户第一次访问localhost:3000会自动跳转到首页但是左边的首页确并没有在初次渲染的时候被选中,可以看到并没有变为antd选中时的蓝色这个解决也很简单,antd有封装好的
·
2022-04-19 23:42
前端node.jshtml
基于
React.js
的后台管理系统开发全过程(四)
一.实现左侧导航栏的二级路由前言:原本打算是不使用antd,只想用MaterialUI来完成左侧导航列表的折叠伸缩效果的,结果试了一上午,只能感叹不得不承认还是antd封装的后台管理系统完善。虽然使用MaUI也完成了相关的一些搭配,不过它封装的效果不够完善,它是利用单独的组件搭配的onclick事件控制某个状态的变化操作中的in属性的变化,来完成折叠伸缩的效果,但是很坑的是如果你想把整个左边菜单栏
·
2022-04-18 22:01
基于
React.js
的后台管理系统开发全过程(三)
基于
React.js
的后台管理系统开发全过程(二)1.如何解决跨域问题2.路由表的配置3.window对象下的,localStorage.getItem/setItem/removeItem方法的使用接下来是正文
·
2022-04-17 19:09
基于
React.js
的后台管理系统开发全过程(二)
一.封装各个类型的请求方法在Api文件夹下创建一个ajax.js文件来准备对axios完成二次封装。在这里假设我们只用到post和get请求ok,我们完成了最基本的二次封装。这样使用起来好像和直接使用axios并没有什么区别,让我们继续包装一下。在Api文件夹下再创建一个index.js文件,来存放我们后续可能需要的各种类型的请求方法。二.解决跨域问题当浏览器向服务器发起请求时,即使存在跨域问题,
·
2022-04-16 17:34
react.js
基于
React.js
的后台管理系统开发全过程(一)
声明:该文章组件全部为函数组件,仅作为记录自己使用react全家桶来开发后台管理平台的记录日志,故文章内容可能会以自己的视角来书写,比如说省略了某些知识,跳过了某些关键的点。故该文章不作为教程发布。请读者选择性观看一.前期工作准备1.git创建仓库2.create-react-appxxx3.连接仓库4.创建分支并且切换分支二.项目基本结构的创建根据实际项目的大概基本配置来完成自己src文件夹下的
·
2022-04-09 07:50
6款实用网页开发和设计工具
目前这种局面也催生了更多新的网页技术,包括
React.js
、Angular以及Node.js这样的库。
Trista_lj
·
2022-03-27 14:56
网页设计
网页开发
设计工具
关于条件渲染和列表渲染
最近在学习
react.js
,发现关于条件渲染和列表渲染,vue.js、
react.js
、微信小程序都有不同的语法。条件渲染和列表渲染在我们日常开发中使用频率极高。
·
2022-03-24 14:17
关于条件渲染和列表渲染
最近在学习
react.js
,发现关于条件渲染和列表渲染,vue.js、
react.js
、微信小程序都有不同的语法。条件渲染和列表渲染在我们日常开发中使用频率极高。
·
2022-03-19 17:21
JavaScript 有趣的冷知识:tagged template literals
不晓得大家在利用
React.js
开发网页的时候有没有用过一个很好用的组件叫styled-components,styled-comp
@大迁世界
·
2022-03-11 07:30
react
typescript
前端
javascript
前端
css
一起来学习React元素的创建和渲染
目录React和ReactDOMReact初体验创建React元素JSXJSX初体验总结React是一个用于构建用户界面的JavaScript库它包括两个库:
react.js
和react-dom.jsreact.js
·
2022-03-10 19:00
JavaScript 有趣的冷知识:tagged template literals
不晓得大家在利用
React.js
开发网页的时候有没有用过一个很好用的组件叫styled-components,styled-comp
·
2022-02-24 07:35
创建ASP.NET Core Web应用程序并介绍项目模板
目录创建ASP.NETWeb应用程序运行ASP.NETCoreWeb应用程序:ASP.NETCore应用程序模板空APIWeb应用程序模板Web应用程序(模型视图-控制器)模板Angular,
React.js
·
2022-02-23 13:49
react 也就这么回事 01 —— React 元素的创建和渲染
React是一个用于构建用户界面的JavaScript库它包括两个库:
react.js
和react-dom.jsreact.js:React的核心库,提供了
React.js
的核心功能,比如创建React
·
2022-02-22 14:19
react 也就这么回事 01 —— React 元素的创建和渲染
React是一个用于构建用户界面的JavaScript库它包括两个库:
react.js
和react-dom.jsreact.js:React的核心库,提供了
React.js
的核心功能,比如创建React
蜜瓜
·
2022-02-22 13:00
React 也就这样 01——React 元素的创建和渲染
React是一个用于构建用户界面的JavaScript库它包括两个库:
react.js
和react-dom.jsreact.js:React的核心库,提供了
React.js
的核心功能,比如创建React
蜜瓜
·
2022-02-22 13:00
前端迷思与
React.js
前端迷思与
React.js
前端技术这几年蓬勃发展,这是当时某几个项目需要做前端技术选型时,相关资料整理,部分评论引用自社区。开始吧:目前,Web开发技术框架选型为两种的占80%。
weixin_30535565
·
2022-02-21 15:15
React Natve之技能树点亮计划
学习指南GitHubreact-native学习路线总结按照步骤来,要稳不要方~javascript入门《JavaScript高级程序设计》前七章ES6入门《ES6标准入门》ECMAScript6入门
React.js
rockman_
·
2022-02-20 11:32
react.js
小书 学习笔记(二)
作者:胡子大哈原文链接:http://huziketang.com/books/react/lesson1看了
react.js
小书第二阶段的内容,边看边做一点记录,整理了一些知识点。仅供学习。
koin447
·
2022-02-20 00:15
React Native学习路线
/ReactNative概念介绍名词解释首先列举几个关键词:ReactNativeReactNative这三个词其实没有太大关系,我们逐个来解释:React:近几年Web前端领域非常火热的一个开发框架
React.JS
嫌疑人螺某
·
2022-02-17 23:24
React.js
JSX深入
JSX基本语法就不再赘述了,下面介绍一些容易出现的坑。1.节点属性如果往原生HTML元素里传入HTML规范里不存在的属性,React不会显示它们。如果需要使用自定义属性,要加data-前缀。然而任意属性支持自定义元素Javascript表达式要使用JavaScript表达式作为属性值,只需把这个表达式用一对大括号({})包起来,不要用引号("")。求值表达式本身与JSX没有多大关系,是JS中的特性
香榭的落叶wZw
·
2022-02-17 15:51
React.js
学习笔记(17) Mobx
(1)Decorator装饰器Decorator是一个函数,用来修改类或者类的属性的行为。说的直白点decorator就是给类添加或者修改类的变量与方法的。ES7中的decorator是个语法糖,不过依赖于ES5的Object.defineProperty方法。(1)Object.definePropertydefineProperty所做的事情就是,为一个对象增加新的属性,或者更改对象某个已存在
woow_wu7
·
2022-02-17 01:15
深入理解
React.js
中何时使用箭头函数
前言相信大家当想起箭头函数时,脑海里可能会浮现棒,酷,简洁,有趣等形容词,其实,我们存在一些更充分的理由使我们在联想起箭头函数时不得不想到的,本文详细的给大家介绍了关于React何时使用箭头函数的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍:解决this引起的问题箭头函数不会在函数体内重新定义this的值,这使得在回调中的行为更容易预测,并且避免了this在回调中潜存的b
嫣尘美
·
2022-02-16 15:54
React
函数
React.js
的表单(六)
HTML表单元素与React中的其他DOM元素有所不同,因为表单元素自然地保留了一些内部状态。例如,这个纯HTML表单接受一个单独的name:Name:该表单和HTML表单的默认行为一致,当用户提交此表单时浏览器会打开一个新页面。如果你希望React中保持这个行为,也可以工作。但是多数情况下,用一个处理表单提交并访问用户输入到表单中的数据的JavaScript函数也很方便。实现这一点的标准方法是使
初漾流影
·
2022-02-16 13:17
react入门(一)
react.js
是核心库,react-dom.js提供与DOM相关功能,Browser是将JSX语法转化为js语法ReactDom.render用于将模板转为HTML语言,并插入指定DOM节点,传两个参数
叶夏星辰
·
2022-02-14 07:42
2020前端面试 -
React.js
篇
前言:2020年是多灾多难的一年,疫情持续至今,到目前,全世界的经济都受到不同程序的影响,各大公司裁员,在这样一片严峻的形式下,找工作更是难上加难。企业的门槛提高,第一,对于学历的要求,必须学信网可查的统招本科;第二,对于技术的掌握程序,更多的是底层原理,项目经验,等等。下面是面试几周以来,总结的一些面试中常被问到的题目,还有吸取的一些前辈们分享的贴子,全部系统的罗列出来,希望能够帮到正在面试的人
西巴撸
·
2022-02-10 02:20
前端使用puppeteer 爬虫生成《
React.js
小书》PDF并合并
1、puppeteer是什么?puppeteer:Google官方出品的headlessChromenode库puppeteergithub仓库puppeteerAPI官方介绍:您可以在浏览器中手动执行的大多数操作都可以使用Puppeteer完成!生成页面的屏幕截图和PDF。抓取SPA并生成预渲染内容(即“SSR”)。自动化表单提交,UI测试,键盘输入等。创建最新的自动化测试环境。使用最新的Jav
若川i
·
2022-02-09 23:05
【2021开发者调查报告出炉】JavaScript最流行,Vue.js跻身最常用Web框架前五,Stack Overflow
报告显示,JavaScript连续九年蝉联最常用的编程语言;
React.js
超过jQuery成为最常用的Web框架,Vue.js
一个普通码农
·
2022-02-09 16:11
学习
程序人生
课程教学
java
lua
react.js
前端实现阿里云上传
前端实现阿里云上传图片:1,下载阿里云相关插件npminstallali-oss--save引用方式:require('ali-oss/dist/aliyun-oss-sdk.js')参考:https://github.com/ali-sdk/ali-oss里的example2,初始化阿里云插件需要后台提供的相关配置信息3uploadimage_alioss组件的使用组件需要传入clientOss
seven_2547
·
2022-02-05 03:37
【
React.js
20】React性能优化
React性能优化React性能优化主要分三块:React组件性能优化属性传递优化针对单组件性能优化,很多时候其实都是侧重在属性传递优化上,举几个例子://不推荐的写法://每次render的时候都会执行一次bind,造成额外开销Button1//每次render的时候都会传入重新生成的一个新的箭头函数对象,也是造成额外开销this.handleClick()}>Button2//推荐写法:在构造
IUVO
·
2022-02-03 04:59
前端开发必备技能之 RxJS 框架介绍及使用详解
它跟React没啥关系,笔者最初眼花把它看成了
React.js
的缩写(耻辱啊!!!)对于陌生的技术而言,
you的日常
·
2022-01-13 11:05
打造
React.js
App 的UI框架,你知道几个
在本文中,我们将分享一些助你打造React.jsApp最佳的UI框架。它们具备你所需要的基本React组件,以及易用的API,同时,在外观和体验上也非常棒。HaveFun!1、Material-UI基于谷歌MaterialDesign设计规范的React组件此外,它还是React的第一个UI套件。Material-UI具备你所需要的所有组件(甚至更多),以及可配置性极高的预定义调色板和,帮助你为应
·
2021-12-21 12:06
前端react.js
我们开源了一个轻量的 Web IDE UI 框架
Molecule一个轻量的WebIDEUI框架简介Molecule是一个受VSCode启发,使用
React.js
构建的WebIDEUI框架。
·
2021-12-19 13:39
50天用
react.js
重写50个web项目,我学到了什么?
1.ExpandingCards效果如图所示:源码在线示例学到了什么?React的函数组件中建立数据通信,我们通常使用useState方法。它的使用方式采用数组解构的方式,如下:const[state,setState]=React.useState(false);//useState方法的参数可以是任意的JavaScript数据类型解构的第一个参数是我们定义并且访问的数据状态,第二个参数则是当我
·
2021-10-18 13:29
50天用
react.js
重写50个web项目,我学到了什么?
1.ExpandingCards效果如图所示:源码在线示例学到了什么?React的函数组件中建立数据通信,我们通常使用useState方法。它的使用方式采用数组解构的方式,如下:const[state,setState]=React.useState(false);//useState方法的参数可以是任意的JavaScript数据类型解构的第一个参数是我们定义并且访问的数据状态,第二个参数则是当我
·
2021-10-14 19:07
react.js
框架Redux基础案例详解
react.js
框架Reduxhttps://github.com/reactjs/redux安装:npminstallreduxreact-redux#基于react,我们在前面已经安装过了Redux
·
2021-09-08 17:52
react-beautiful-dnd 实现组件拖拽功能
目录1.安装2.APi3.react-beautiful-dnddemo3.1demo1纵向组件拖拽3.2demo2水平拖拽3.3demo3实现一个代办事项的拖拽(纵向横向拖拽)4.感受一个
React.js
·
2021-08-09 17:33
es6语法学习
题外话:很久没有更新了,这几天学习
react.js
的时候学习了一些新的东西,记录下。1、解构赋值字面上的意思:要根据对象的结构进行一一对应的赋值。
·
2021-08-08 22:41
javascriptes6前端
React中的memoized为什么不是memorized
当发现
React.js
中的memoized以为是拼写错误,但是本着小心求证的心态还是去百度翻译有道查了下词典。发现果然是拼写错了。最后经过多番查找发现memoize是专门用于计算结果的存储。
·
2021-08-06 12:41
react.js
JavaScript最流行,Vue.js跻身最常用Web框架前五,Stack Overflow 2021开发者调查报告出炉
报告显示,JavaScript连续九年蝉联最常用的编程语言;
React.js
超过jQuery成为最常用的Web框架,Vue.js从去年的第七名跻身最常用Web框架前五;Rust连续六年成为最受开发者喜爱的编程语言
·
2021-08-03 18:26
CDA学习 之 VUE - 浅尝辄止 / 尚硅谷:快速入门到精通
第一部分浅尝辄止一、Vue概述1.1简介vue.js是前端三大新框架:Angular.js、
React.js
、Vue.js,vue.js在目前的使用和关注程度在三大框架中稍微胜出,并且它的热度还在递增。
岳涛@心馨电脑
·
2021-07-03 19:33
前端
vue
web前端面试宝典-基础篇(一)
大致通过以下几个分类进行分析:HTML/CSS部分JavaScript部分数据结构部分(算法)框架之Angular.js框架之Vue.js框架之
React.js
移动端HTTPWEB安全WEB渗透之KaliLinux
虚竹梦姑
·
2021-06-24 20:23
React.js
:Virtual DOM,setState,propTypes
需求什么的停一停,我们来填一部分前面的坑。React的优势又名:我为什么要学React?React牛逼在哪里?jQuery不是用的挺好吗?……好处众说纷纭,我们来看一眼React官网首页给出的特性:DeclarativeReactmakesitpainlesstocreateinteractiveUIs.Designsimpleviewsforeachstateinyourapplication,
李岩liyan
·
2021-06-24 13:10
使用Ref进行DOM操作
原因
React.js
并不能完全满足所有DOM操作需求,有些时候我们还是需要和DOM打交道。比如说想动态获取某个DOM元素的尺寸来做后续的动画等。
xdoer
·
2021-06-24 11:58
【
React.js
04】Express配合MonogoDB使用
安装好了Express和MonogoDB之后,如何把他们配合起来使用呢,这里就需要用到mongoose了。本文紧接着【React.js01】React脚手架,文章写得,项目根目录也是在对应的脚手架创建的项目目录中。安装项目根目录下输入命令npminstallmongoose--save即可。连接安装完毕后,在之前对应的Express章节中的server目录下去修改server.js文件,新增如下内
IUVO
·
2021-06-22 16:44
关于React Native 无法链接模拟器的问题
ReactNative可以基于目前大热的开源JavaScript库
React.js
来开发iOS和Android原生App。
·
2021-06-21 18:55
2019-07-02 React(ref、props.children、dangerouslySetHTML 、 style、PropTypes)
当input元素在页面上挂载完成以后,
React.js
就会调用这个函数,并且把这个挂载以后的DOM节点传给这个函数。在函数中我们把这个DOM元素设置为组件实例的一个属性,这样以后我们就可以
柳叁叁
·
2021-06-20 10:19
React组件、组件封装、组件通信
React.js
将帮助我们将界面分成了各个独立的小块,每一个块就是组件,这些组件之间可以组合、嵌套,就成了我们的页面。一个组件的显示形态和行为有可能是由某些数据决定的。
柒一柒
·
2021-06-19 17:32
React + ES6 + webpack 快速搭建开发环境
近期,由用到了
react.js
来写前端代码,搭建开发环境对于从来没有写过react的同学来说有点复杂,这里简单记录一下搭建过程(本人也是前端渣渣,写错的地方还望大家指出)安装webpack需要Node环境全局安装
香芋牛奶面包
·
2021-06-19 17:19
Android 7.0来的真快,来看看又来了些什么出人意料的东西(墙外搬运)
王亟亟的大牛之路先安利,本周会完成工具类等模块的拆分,敬请期待:https://github.com/ddwhan0123/Useful-Open-Source-Android最近都在看RN的东西,然后发现
React.js
王亟亟
·
2021-06-19 14:54
Vue.js简介
Vue.jsVue.js是目前最火的一个框架,React是最流行的一个框架(React除了开发网页,也可以开发手机app)Vue.js是前段最火的主流框架之一,和Angular.js、
React.js
一起
onlyJoy
·
2021-06-15 13:54
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他