TS中常用的工具映射类型,让写TS时效率大大提升,避免无意义的重复性定义。 1.Omit 省略/剔除 顾名思义 可以剔除 已定义对象中 自己不需要的一部分形成新的定义类型。 ...
TS中常用的工具映射类型,让写TS时效率大大提升,避免无意义的重复性定义。 1.Omit 省略/剔除 顾名思义 可以剔除 已定义对象中 自己不需要的一部分形成新的定义类型。 ...
1.问题描述 目前有个需求,是需要将项目A打包之后放项目B里,通过iframe嵌入方式,使A包能在项目B中使用。 我们以vue项目作为A项目打包为例; 2. 解决方案 当我们...
1.问题描述 我们前端在开发完成之后,总会在通过npm run build进行打包,并且可以通过vsCode的Go Live或者启动node服务进行启动查看,再或者直接发布到...
问题描述 因为最近在开发过程中发现项目打包的的大小越来越大,所以想看一下具体占用打包体积的文件是什么,所以便找了自己mock的项目中通过webpack-bundle-anal...
先写结论 1. 父组件通过v-model="value"绑定到子组件上2.子组件通过this.$emit('input', val)实现双向绑定 前言 在工作中我们经常会封装...
前言 我相信有很多小伙伴们是使用内网进行开发的,我就是其中一位。 由于工作中使用的UI库主要是element-ui,但是内网开发,看不了官方文档真心不方便,于是打算把官网部署...
前言 从事多年开发,也经常性的给元素添加事件,但是最多的就是click事件,回想起来很多事件都没有仔细的用过,也没有添加过属性。 所以,最近整理一些javascript原生的...
项目开发过程中,至少会经历开发环境、测试环境和生产环境(即正式环境)三个阶段。不同阶段请求的状态(如接口地址等)不尽相同,若手动切换接口地址是相当繁琐且易出错的。于是环境变量...
问题: 解决方法: 利用插件解决。image.png Volar[https://marketplace.visualstudio.com/items?itemName=Vu...
前言:React Context是什么? 原因:传统的react组件,父组件向子组件进行传参,子组件通过props进行接收,再往复循环传递给更深层 次的子组件,这样是比较臃肿...
0.什么是React react.js是一个用于构建用户界面的javascript库,开发者通过组件化开发的方式去描述UI,并将UI的渲染逻辑和业务逻辑分开来。 主要特点有:...
前言 上一节我们讲调antd UI 组件该怎么把默认的英文改成默认中文展示react + antd 默认中文展示[https://www.jianshu.com/p/07ea...
前言: css有很多实用性的样式设置,经常不实用可能会被忘记,但是一旦使用起来,能解决很多问题 1. 数字、字母在样式中自动换行, 2.文本域回车换行,(没有\n)换行 解决...
前言 无论是用react or vue 在开发期间总会面临一个相同的问题“跨域”,所以就有了通过proxy来解决跨域的问题。 1.0 通过 setupProxy 解决 无需引...
在项目中新建 craco.config.js craco引入react 项目的配置在如何在react内使用@符号作为src文件[https://www.jianshu.com...
前言 我们再写react代码引用组件或者scss的时候,可能会不停的翻阅层级来寻找定义的文件位置 我们是用craco解决这个问题。 想要在react中使用@符号,我们需要分两...
前言 最近用react + antd 写后台管理系统的项目,但是在官网组件上是 展示的是中文,但是引用过来之后展示的默认样式是英文样式问题展示 解决方案 方案一(单一处理)...
前言:滚动条是伪类,所以需要设置伪类进行替换
前言 总体而言 ref 的使用是比较简单的,但确实是比vue稍微多了一步,现在的React有两种使用ref的办法,分别对应 Class类型的写法和hook的写法 第一种 类组...
使用事件监听 如果你发现自己使用useEffect添加了大量的事件监听,你也许应该考虑移动这些逻辑到一个自定义hook。下面这个样例,我们创建了一个useEventListe...