react.js
一个被程序员耽误的厨师
经历一番,才会沉淀,人生需要储备
展开
-
React hooks 实现仿头条tab居中切换效果
/* eslint-disable react-hooks/rules-of-hooks */import React, { useEffect, useRef } from 'react';import _ from 'lodash';import PageComponent from '@/components/PageComponent';import { useCallbackState } from '@/useHooks/useCallbackState';import styles原创 2021-07-20 18:39:48 · 614 阅读 · 0 评论 -
基于antd4二次封装的form组件
antd4二次封装form组件下载地址组件支持如下1、单选2、复选3、下拉4、日期5、文本框6、区间值7、多级联动8、自定义使用方式如下/* eslint-disable no-console *//* eslint-disable @typescript-eslint/no-shadow *//* eslint-disable no-param-reassign *//* eslint-disable import/no-unresolved */import React原创 2020-12-31 11:13:32 · 1388 阅读 · 1 评论 -
antd中的upload结合cropper.js上传裁切组件
/* eslint-disable @typescript-eslint/no-unused-vars *//* eslint-disable import/no-extraneous-dependencies *//* eslint-disable prefer-const *//* eslint-disable react/jsx-boolean-value *//* eslint-disable spaced-comment *//* eslint-disable react/self-cl原创 2020-12-31 10:49:40 · 500 阅读 · 0 评论 -
react hook结合Ueditor实现富文本编辑器
首先在官网上下载相关插件,但是有几点需要改动,那我直接把我改好的贴出出来吧,希望可以帮到大家。点击下载Ueditor然后在index.html页面里引入js和css <!-- 百度富文本脚本 --> <script type="text/javascript" src="<%= context.config.publicPath +'ueditor/ueditor.config.js'%>"></script> <scr原创 2020-12-31 10:48:30 · 506 阅读 · 1 评论 -
从 React Router 谈谈路由的那些事
React Router 是专为 React 设计的路由解决方案,在使用 React 来开发 SPA (单页应用)项目时,都会需要路由功能,而 React Router 应该是目前使用率最高的。React Router 并不是 Facebook 的 React 官方团队开发的,但是据说有官方人员参与开发。React Router 的设计思想来源于 Ember 的路由,如果原来有用过 Emb转载 2016-10-11 10:57:13 · 412 阅读 · 0 评论 -
什么是“前端路由”?什么时候适合使用“前端路由”?“前端路由”有哪些优点和缺点?
1,什么是前端路由?路由是根据不同的 url 地址展示不同的内容或页面前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做,之前是通过服务端根据 url 的不同返回不同的页面实现的。2,什么时候使用前端路由?在单页面应用,大部分页面结构不变,只改变部分内容的使用3,前端路由有什么优点和缺点?优点用户体验好,不需原创 2016-10-11 10:59:05 · 6092 阅读 · 1 评论 -
react
Virtual DOM 毫无疑问是 React 的精髓。可能很多人包括我看完官方文档之后对Virtual DOM的理解就是:它通过JS对象模拟原生DOM,加上DOM Diff 极大提升了DOM操作的性能。这里的感觉就是这玩意最大的意义在于性能的提升。因为JS对象比DOM对象性能高。如果这样理解其实完全忽略了 Virtual DOM 最精髓最颠覆性的意义:抽象。V转载 2016-09-02 13:50:57 · 390 阅读 · 0 评论 -
Reactjs component 中 prop 和 state 的区别
props和state都是用于描述component状态的,并且这个状态应该是与显示相关的。State如果component的某些状态需要被改变,并且会影响到component的render,那么这些状态就应该用state表示。例如:一个购物车的component,会根据用户在购物车中添加的产品和产品数量,显示不同的价格,那么“总价”这个状态,就应该用state表示。Props如转载 2016-10-19 09:45:45 · 499 阅读 · 0 评论