理论上来说在我们声明任何变量的时候都需要声明类型（包括普通变量、函数、组件、hook等等），声明函数、组件、hook等需要声明参数和返回值的类型。 但是在很多情况下，TS可以帮我们自动推断，我们就不用声明了，比如： //这里虽然没有显式声明，但是ts自动推断这是个numberleta=1//自动推断返回值为numberfunctionadd(a:number,b:number){returna+b;}//自动推断返回值为booleanconstisFalsy=(value:unknown)=>{returnvalue=0?true:!!value;}; 1-4、.d.ts ...

    在之前的你们的团队是怎样组织开展大型项目的？这篇文章中指出了要在团队内引入协作工具，在我经历的团队和使用的工具中，我感觉项目管理工具jira、wiki知识库工具confluence、持续集成工具hudson—jenkins比较出色，而且易于团队使用。（前两款都不是免费软件，虽然网上有很多破解版本，但是希望大家如果在条件支持的情况下还是能使用正版软件，而hudson—jenkins则是开源的）   关于这三款工具的使用网上资料很多，我在这就不废话了，直接给大家上几幅图，让大家领略一下其风采。 jira：

constAuthContext=React.createContext<|{user:User|null;register:(form:AuthForm)=>Promise<void>;login:(form:AuthForm)=>Promise<void>;logout:()=>Promise<void>;}|undefined>(undefined);

  //后面用泛型来规范类型exportconstuseDebounce=<V>(value:V,delay?:number)=>{const[debouncedValue,setDebouncedValue]=useState(value);useEffect(()=>{//每次在value变化以后，设置一个定时器consttimeout=setTimeout(()=>setDebouncedValue(value),delay);//每次在上一个useEffect处理完以后再运行return()=>clearTimeout(timeou...

安装json-server yarnaddjson-server-D 创建本地Mock数据库 在package.json中添加script脚本 "scripts":{"start":"react-scriptsstart","build":"react-scriptsbuild","test":"react-scriptstest","eject":"react-scriptseject","json-server":"json-server__json-server-mock__/db.json--watch"}, 启动json-server np...

importReact,{useState}from"react";import{RegisterScreen}from"unauthenticated-app/register";import{LoginScreen}from"unauthenticated-app/login";import{Button,Card,Divider}from"antd";importstyledfrom"@emotion/styled";importlogofrom"assets/logo.svg";importleftfrom"assets/left.svg";importrightfrom"as...

importReactfrom"react";import{useTasksSearchParams}from"screens/kanban/util";import{useSetUrlSearchParam}from"utils/url";import{Row}from"components/lib";import{Button,Input}from"antd";import{UserSelect}from"components/user-select";import{TaskTypeSelect}from"components/task-type-select";exportco...

 8种类型：number,string,boolean,函数，array,any,void,object 这一节我们接触到了平常使用中会接触到的大部分的类型，下面我们挨个梳理一遍： number：数字类型，包含小数、其他进制的数字 letdecimal:number=6;lethex:number=0xf00d;letbinary:number=0b1010;letoctal:number=0o744;letbig:bigint=100n; string：字符串 letcolor:string="blue"; array：在TS中，array一般指...

该软件包包括适用于各种浏览器的polyfill。项目使用的最低要求和常用语言功能。 首先，使用Yarn或npm安装包： npminstallreact-app-polyfill 或者 yarnaddreact-app-polyfill 支持InternetExplorer 您可以导入您打算支持的最低版本的入口点，以确保存在使用CreateReactApp所需的最低语言功能。例如，如果您导入IE9入口点，这将包括IE10和IE11支持。 这些模块确保存在以下语言功能： ​​Promise​​​（为​​async​​​/​​await​​支持） ​​windo...

(关于Jira和Confluence的基本介绍请参看文章团队协作，集成工具推荐) 背景：已经使用Jira和Confluence管理了一个产品团队的任务和资源，现在又想加入另外一个产品团队的任务和资源,首要问题是如何解决两个团队之间的权限隔离。研究了半天，阅读了Jira和confluence的相关文档，终于搞定，现在分享给大家。 Jira 打开系统管理中的权限模型我们可以看到现在有系统默认的权限模型和我自定义的两个权限模型（建议自建权限模型时采用复制默认模型的方法然后进行更改） 创建一个空间，标红的地方本来是默认选中的，我们不选它们，以便之后的隔离权限。 这样当某个用户登录后只会看到自己所属...

  module.exports=(req,res,next)=>{if(req.method="POST"&&req.path="/login"){if(req.body.username="jack"&&req.body.password="123456"){returnres.status(200).json({user:{token:"123",},});}else{returnres.status(400).json({message:"用户名或者密码错误"});}}next();};

exportconstSearchPanel=({users,param,setParam}:SearchPanelProps)=>{return(<Formstyle={{marginBottom:"2rem"}}layout={"inline"}><Form.Item>{/setParam(Object.assign({},param,{name:evt.target.value}))/}<Inputplaceholder={"项目名"}type="text"value={param.name}onChange={(evt)=>setPa...

用脚手架创建项目 npxcreate-react-appjira--templatetypescript 在tsconfig.json中配置baseUrl "baseUrl":"./src",

exportconstuseArray=<T>(initialArray:T[])=>{const[value,setValue]=useState(initialArray);return{value,setValue,add:(item:T)=>setValue([...value,item]),clear:()=>setValue([]),removeIndex:(index:number)=>{constcopy=[...value];copy.splice(index,1);setValue(copy);},};};

//TS中的typeof，是在静态环境运行的//return(...[endpoint,config]:Parameters<typeofhttp>)=>exportconstuseHttp=()=>{const{user}=useAuth();//utilitytype的用法：用泛型给它传入一个其他类型，然后utilitytype对这个类型进行某种操作returnuseCallback((...[endpoint,config]:Parameters<typeofhttp>)=>http(endpoint,{...config,token:u...

useSearchParams 顾名思义，可以直接获取url中的query参数，而不需要引入外部库来解析路径中的query参数 import{useSearchParams}from'react-router-dom';//比如url是/demo?name=1functionDemo(){const[qd]=useSearchParams();//如果没有就是nullconsole.log(qd.get("name"))}

在Typescript中，表示断言有两种方式。一种是扩号表示法：letsomeValue:any="thisisastring";letstrLength:number=(someValue).length;另一种使用as关键字：letsomeValue:any="thisisastring";letstrLength:number=(someValueasstring).length;

安装插件 安装依赖 yarnadd--dev--exactprettierecho{}>.prettierrc.json 添加.prettierignore Ignoreartifacts:buildcoverage

一、新增bug 二、Bug等级及严重程度描述 critical关键trivial细小的minor轻微的major严重的 三、操作流程图 四、开发修复时需要选择的字段 五、注意事项 开发：1.bug当天确认（需要更改bug状态为已分配）2.P1级的bug日日清3.开发在修复完成时，写清解决方案和产生原因或不能修复/延期的原因 测试：1.每周反馈未解决bug清单2.避免模糊和重复bug提交3.测试编写bug时，需要提交测试截图或复现流程视频