react-mathjax
React组件以显示数学公式。
安装
$ npm i react-mathjax --save
用法
const MathJax = require ( 'react-mathjax' )
const tex = `f(x) = \\int_{-\\infty}^\\infty
\\hat f(\\xi)\\,e^{2 \\pi i \\xi x}
\\,d\\xi`
module . exports = ( ) => {
return (
2021-10-10 10:39:21
60KB
1
antd 的 表单校验方法包括 validateFields 和 validateFieldsAndScroll
里面可以接收校验字段数组, options, 和一个回调函数
from.validateFields([name, age], {}, (err, val)=> {})
校验全部表单数据
from.validateFields((err, val)=> {}) // 无响应
发现无响应, 无报错, 完全蒙逼了, 排查良久, 添加校验字段后发现可以成功校验, 于是想着大不了我全部手动添加字段名校验, 终于, 错误的原因浮现出来了
from.validateFields([n
2021-10-10 08:08:53
95KB
1
React H5音频播放器
音频播放器组件，可在不同的浏览器上提供一致的UI / UX。
超级可定制的布局
带有SVG图标的Flexbox CSS。 移动友好。
支持辅助功能，支持键盘事件。
支持媒体源扩展（MSE）和加密媒体扩展（EME）
用TypeScript编写。
现场演示：
在CodePen上尝试：
支持的浏览器：Chrome，Firefox，Safari，Opera，Edge，IE 11
安装
$ npm i react-h5-audio-player
或者
$ yarn add react-h5-audio-player
用法
import AudioPlayer from 'react-h5-audio-player' ;
import 'react-h5-audio-player/lib/styles.css' ;
// import 'react-h
2021-10-09 17:10:43
2.79MB
1
React很酷的音乐播放器
自适应音频播放组件，适用于PC和移动设备。 所有图标和文本都是可定制的。 主题颜色可以修改。 支持歌词的同步滚动。
|
功能
适用于PC和移动设备。 在移动设备上支持播放详细信息页面的弹出窗口。
播放控制
上一首，下一首
暂停
滚动或单击歌曲的进度条以实现音乐的快进和快退。
滚动歌词以定位播放位置，并实现快进和快退功能。
播放，删除播放列表中的音乐，并突出显示当前正在播放的音乐。
音量控制
拖动，单击音量控制栏以控制音量。
单击音量图标以切换静音状态。
状态显示
封面图片在播放音乐时旋转，在音乐暂停时停止旋转。
显
2021-10-09 17:00:49
306KB
1
用于React组件包装器
例子
位于src/examples/
在此使用以下示例
可编辑的数学字段
import React , { useState } from 'react'
import { addStyles , EditableMathField } from 'react-mathquill'
// inserts the required css to the <head> block.
// you can skip this, if you want to do that by yourself.
addStyles ( )
const EditableMathExample = ( ) => {
const [ latex , setLatex ] = useState ( '\\frac{1}{\\sqrt{2}}\\cdot 2' )
return (
< EditableMathField
latex = { latex }
onChange = { ( mathField ) =
2021-10-09 11:42:46
100KB
1
Develop efficient and modern Full Stack applications using Spring Boot2 and React
Key Features
Develop resourceful backends using Spring Boot and faultless frontends using React.
Explore the techniques involved in creating a full stack app by going through a methodical approach.
Learn to add CRUD functionalities and use Material UI in the user interface to make it more user-friendly.
Book Description
Apart from knowing how to write front-end and server-end code, a full-stack engineer has to tackle all the problems that are encountered in the application development lifecycle, starting from a simple idea to UI design, technical design, and all the way to implementing, testing, production deployment and monitoring. This book covers the full set of technologies that you need to know to become a full-stack web developer with Spring Boot for the backend and React for the frontend.
This comprehensive guide demonstrates how to build up a modern full stack app in practice. This book will teach you how to build REST API endpoints and work with the Data Access Layer of Spring using Hibernate as the ORM. As we move ahead, you will be introduced to the other components of Spring such as Spring Security that will teach you how to secure the backend and also how to test it. Then, we will move on to the frontend where you will be introduced to React- a modern JavaScript library for building fast and reliable user interfaces and its app development environment and components. We will also create a Docker container from our application. Finally, the book will lay out the best practices that underpin professional full-stack web development.
By the end of this book, you will master the process of full stack development by leveraging the power of Spring boot and React
What you will learn
Learn how to create a RESTful Web Service with Spring Boot.
Understand how to use React for front-end programming.
Gain knowledge of how to create unit tests using JUnit.
Discover the techniques
2021-10-08 21:55:31
13.06MB
1
React17，React ，Hook，TS4 Jira企业项目 ，无锁源码，14章
2021-10-08 20:46:35
78B
1
里面有五个文件，如果用的是react15版本的就引入react.min.js，react-dom.min.js,browser.min.js;要是用react16版本的就引入react.production.min.js，react-dom.production.min.js,dom.min.js,browser.min.js三个文件
2021-10-08 17:05:46
275KB
1
Django-React集成方法
项目资源包括两个部分：
djsrc /-使用django-admin startproject引导的最简单的Django项目。 为了更好地分割配置和设置文件，对项目结构进行了略微修改。
front-end /-基于弹出的Create React App的项目的前端部分，具有修改后的配置脚本（消除了运行单独的前端服务器（Webpack Dev Server）的需要，等等）
如何运行
克隆仓库
cd djsrc/并启动virtualenv。 例如使用pipenv
pipenv shell
安装依赖项并运行django dev服务器
pip install -r requirements.txt
./manage.py runserver
然后打开一个单独的终端：
cd ../front-end
npm install
npm start
前端说明
基
2021-10-08 16:01:03
211KB
1