react_前端技术_乐学笔记

React实现基于Antd密码强度校验组件示例详解

目录引言效果预览组件思想组件开发引言最近在开发 Nest 和 Umi 技术栈的个人项目，在用户管理模块需要用到一个密码强度校验组件，在网上寻找一方资料，没有找到自己想要的，特此自己造轮子！效果预览组件思想既然是密码强度校验，那么强度就必须有个梯度，这

03-16
03 React快速入门（三）——实现从一个输入框中添加完数据后此输入框内容清除的功能

功能描述：我们在一个输入框输入内容，然后点击添加按钮，此输入框的内容就会添加到页面上，但是此输入框中还存在上次输入的内容，我们想在每次输入添加完成之后，此输入框中的内容就会清除，如图：实现思路：我们可以先在输入框上定

03-08
react编译器jsxTransformer,babel

1.JSX是什么JSX其实是JavaScript的扩展，React为了代码的可读性更方便地创建虚拟DOM等原因，加入了一些类似XML的语法的扩展。2.编译器——jsxTransformerJSX代码并不能直接运行，需要将它编译成正常的JavaScript表达式才能运行，jsxTransformer.js就是这一编

03-08
G2( bizCharts ) React 绘制混合图例

G2( bizCharts ) React 绘制混合图例，// data-set 可以按需引入，除此之外不要引入别的包import React from 'react';import { Chart, Axis, Tooltip, Geom, Legend, Label } from 'bizcharts';import DataSet from '@antv/data-set';// 下面的代码会被作为

03-08
React-多页面应用 react怎么写页面

1初始化项目npm init create-react-app my-app2.修改indeximport React from 'react';import ReactDOM from 'react-dom';import './index.css';import App from './App';ReactDOM.render(App /, document.getElementById('root')

03-08
react-native start 启动错误解决方法

ERRORError watching file for changes: EMFILE{"code":"EMFILE","errno":"EMFILE","syscall":"Error watching file for changes:","filename":null}Error: Error watching file for changes: EMFILE

03-08
React兄弟组件通信（发布者-订阅者模式）

// eventProxy.js'use strict';const eventProxy = {onObj: {},oneObj: {},on: function(key, fn) {if(this.onObj[key] === undefined) {this.onObj[key] = [];}this.onObj[key].push(fn);},one: function(key, fn) {if(this.oneObj[key] === undefined) {thi

03-08
React笔记_(7)_react路由 react路由配置

路由路由（routing）是指分组从源到目的地时，决定端到端路径的网络范围的进程。路由器当然是作为一个转发设备出现的，主要是转发数据包来实现网络互联。那么react的路由到底指的是什么呢？举个栗子~~~在网页中点击后，从A页面跳到B页面，跳转过程中url发生变

03-08
react-native关闭所有黄色警告 react native statusbar

将以下这两句话加在index.js（入口文件）中，放在AppRegistry.registerComponent('App', () = App)之前即可1 console.ignoredYellowBox = ['Warning: BackAndroid is deprecated. Please use BackHandler instead.','source.uri should not be an empty str

03-08
react中style的写法 react styles

div style={{width: 20px; height=30px}}style的写法/div

03-08
写react vue要规范，结尾的冒号，之间的逗号一定要写规范，写全

写react vue要规范，结尾的冒号，之间的逗号一定要写规范，写全

03-08
react 中引入font-awesome

1.https://www.npmjs.com/package/react-fontawesomenpm install --save react-fontawesome //这里不包含样式，需要引入font-awesome的样式 2.npm install font-awesome//为了用他的样式3.import React, { Component } from 'react';import './index.les

03-08
【React】react开发vscode插件推荐

原文地址：https://github.com/xieqingtian/blog/issues/2由于本人主要是做react开发，用的代码编辑器是传说中的宇宙第一前端神器vscode, 所以在这里记录并推荐一些本人开发过程中常用的一些vscode插件帮助开发。1. 代码提示类插件1.1 Reactjs code snippets

03-08
React16.8的新特性及旧特性 react 新特性

首先简单谈谈react和vue的区别：如果你写过vue，会发现组件的视图指令已编译为修改视图的函数存放在绑定的state里的属性里，所以能够做到靶向修改，而react会以组件为根，重新渲染整个组件子树。所以应避免这些不必要的render。0、setState和shouldComponentU

03-08
在React项目中，如何优雅的优化长列表

对于较长的列表，比如1000个数组的数据结构，如果想要同时渲染这1000个数据，生成相应的1000个原生dom，我们知道原生的dom元素是很复杂的，如果长列表通过生成如此多的dom元素来实现，很可能使网页失去响应。贯穿React核心的就是"virtual dom",我们同样的可以

03-08
【踩坑】【React】 antd 动态表单获取和设置值

真是个悲伤的故事，由于动态表单里面嵌套动态表单，然后就不知道怎么获取和设置值了，然后公司的小朋友教我了QAQ动态表单为totalStrategy:{strategy:{mainArea:123,mainPublicArea:456,},strategy:{mainArea:123,mainPublicArea:456,}}获取 form.getFieldVal

03-08
【转】React、Vue访问NotFound

部署完成后，访问没问题，从页面中点击跳转也没问题，但是只要点击刷新或通过浏览器地址栏回车，就会出现404现象！在本地开发中是没有这个问题的，调试的时候一切都是正常的直接访问地址，便会出现404http://www.xxx.com/home/application/list问题原因：刷新

03-08
图书《React.js实战》代码下载

图书《React.js实战》代码下载链接:https://pan.baidu.com/s/1kep0xsTeSupyr15c3VwmBw 提取码:9pra这个代码经过图书《React.js实战》作者的授权发布，请放心用于学习。禁止本下载代码用于任何形式的商用目的。

03-08
移动端悬浮框可移动，可回弹，Vue and React

一，首先讲 React的悬浮框示例，可参照链接Demo文档，可参照链接 1. 安装npm install suspend-button -S2. 使用import React, { Component } from 'react'import ReactDOM from 'react-dom'import SuspendButton from 'suspend-button'class App extends Com

03-08
react 瀑布流

pull.tsximport { View, Image, ScrollView } from '@tarojs/components'import Taro, { Component } from '@tarojs/taro'import './index.scss'type Props = {}type State = {list: Object[],leftList: Object[],rightList: Object[],leftHei

03-08