- 博客(11)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 React实现将Excel文件转为html显示/转为json数据的demo
用sheetjssheetjsimport React, { PureComponent } from 'react';import { read, utils } from 'xlsx';/* list of supported file types */const SheetJSFT = [ "xlsx", "xlsb", "xlsm", "xls", "xml", "csv", "txt", "ods", "fods", "uos", "sylk", "dif", "dbf", "
2020-05-26 15:09:00
834
原创 React函数组件和类组件的相同和区别
在线测试live demo相同之处props不能改变父组件props有变化时，子组件随之而改变区别区别函数组件类组件生命周期无有this无有state无有改变stateReact.Hooks : useStatethis.setState()性能高（不用实例化）低（需要实例化）其他区别1.类组件demoimport React from 'react';class ProfilePage extends React
2020-05-19 10:50:54
5860
8
原创 React hooks - Ref 使用实例
useRef 返回一个可变的 ref 对象，其 .current 属性被初始化为传入的参数（initialValue）。返回的 ref 对象在组件的整个生命周期内保持不变。useRef() ，它可以很方便地保存任何可变值，其类似于在 class 中使用实例字段的方式1.获取state的旧值demoimport React,{useState,useRef,useEffect} from "react";function Example () { const [count, setCo.
2020-05-19 10:37:26
12091
原创 选中文字，在上方弹出操作按钮；对选中文字进行高亮或者字体等等设置；document.execCommand的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>contenteditable</title> <style> #showContent { position: absolute; top: 0; left: 0; display: none; }
2020-05-15 17:14:45
895
原创 const为什么有时候能改变，有时候改变值又报错？什么情况下可用const声明
const声明一个只读的常量。一旦声明，常量的值就不能改变。只声明不赋值，就会报错。 const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的（即总是指向另一个
2020-05-14 18:10:53
1582
原创 gitlab新建Project后常用提交方式
Git global setup 全局设置git config --global user.name "youname"git config --global user.email "youemail@163.com"Create a new repository 创建仓库cd sip-custom-fronttouch README.mdgit add README.mdgit commit -m "add README"git push -u origin masterP.
2020-05-13 14:33:08
417
原创 基于React ant design 动态路由根据url的动态id，分别不同的页面，并设置默认跳转页面
法一获取params,然后进入“/account/company/:id”时获取到的parmas的id为“:id”，在js中判断是否为字符串":id"，若是history.replace跳转到对应的"/account/company/index"页面缺点：url会出现闪跳config.ts 部分代码{ name: 'account', icon: 'user', path: '/account', routes: [ { name: 'center',.
2020-05-11 17:31:46
3452
原创 用Github的Organizations进行多人管理代码，让别人也能上传代码并修改你的GitHub代码
1.首先登录GitHub官网进入个人“settings”2.进入“Organizations”目录并点击新建3.自己选一个，我选择了免费版本4.填入你的信息5.按照提示输入并确认新建，我这儿输入是我上一步填写的个人邮箱6.新建仓库"test1"，并将这个项目的读写权限分享给你的小伙伴7.进入你新建的项目的settings中8.邀请你的小伙伴，并选择权限9.结果10.设置people权限，搜索并添加你的小伙伴11.完毕，试试将这个生成的url地址给你的小伙伴(如我刚刚操
2020-05-08 17:38:12
2084
原创 React.Component、React.PureComponent、React.FC的使用与区别
React.Component最常见的，最常用的包含render()React.Component 并未实现 shouldComponentUpdate()参考链接React.PureComponentReact.FCimport React, { PureComponent,Component } from 'react';class CompareCompon...
2020-05-07 17:38:57
9230
原创 react hooks 使用
react hooks 使用-官网链接主要解决，更新state时减少代码Hook 将组件中相互关联的部分拆分成更小的函数（比如设置订阅或请求数据）React.FC里可以使用一、state hook1.前提React函数组件-也成为无状态组件，他有明显的缺点，只能展示，不能改变state的值，没有this，不能读取this.state,没有生命周期state hook那么如何解决函数...
2020-05-07 14:16:43
2290
原创 ant design pro 无二级菜单，且进入所属二级菜单高亮显示
关键hideChildrenInMenu: 当前路由的子级在菜单中不展现，默认 false父的path要和默认显示子的path保持一致add 的path不需要’/’，作用为了，将add添加到path中，实际的path为’/user-list/add’1.route.ts目录结构2.配置{ name: 'user', icon...
2020-05-06 10:02:53
3417
4
react源码-简易的demo-通俗易懂
2020-03-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人