前端开发

react-router中的exact和strict

2020-11-261995次阅读React
如果没有子路由,建议配上exact;如果有子路由,建议在子路由中加exact,父路由不加; 而strict是针对是否有斜杠的,路由后面有斜杠而url中没有斜杠,是不匹配的
前端开发

React Hook 中useImperativeHandle介绍使用与场景

2020-11-169025次阅读React
useImperativeHandle可以让你在使用ref时自定义暴露给父组件的实例值。在大多数情况下,应当避免使用 ref 这样的命令式代码。useImperativeHandle应当与forwardRef一起使用。
前端开发

React Hook 中useCallback介绍使用与场景

2020-11-163453次阅读React
试想一下: 当你更新name属性时, 重新调用render之后所有的事件处理函数重新全部定义, 非常浪费性能。解决: 当依赖的属性没有改变时, 不希望更新render时, 重新定义事件函数
前端开发

CSS实现移动端屏幕适配

2020-11-022511次阅读csscss模块
在前端开发中,一般使用淘宝的flexible。其原理是使用js动态计算html的font-size,利用rem来实现不同宽度的适配。但也有它的一些缺点,比如性能损耗,由于js的阻塞加载和动态计算,页面不免会出现卡顿和闪屏的现象,影响用户体验。现在我们不妨看看CSS如何实现移动端屏幕适配!
前端开发

css属性选择器

2020-10-281450次阅读css
css属性选择器,做个记录
前端开发

clip-path轻松实现三角形多边形

2020-10-221811次阅读css
clip-path就是利用遮罩的方法,连接坐标绘制遮罩区域,就可以做出许多不同的形状,让底色或者是地图按遮罩的区域显示出来。
前端开发

TypeScript中abstract抽象类和抽象方法

2020-10-212203次阅读TypeScript
用abstract关键字定义抽象类和抽象方法,抽象类中的抽象方法不包含具体实现并且必须在派生类(抽象类的子类)中实现 抽象类:它是提供其他类继承的基类,不能直接被实例化,子类继承可以被实例化 abstract修饰的方法(抽象方法)只能放在抽象类里面
前端开发

TypeScript中class类与interface接口

2020-10-212861次阅读TypeScript
类可以实现(implement)接口。通过接口,你可以强制地指明类遵守某个契约。你可以在接口中声明一个方法,然后要求类去具体实现它。 「接口不可以被实例化,实现接口必须重写接口中的抽象方法」
前端开发

Mobx-State-Tree-分配给数组类型

2020-10-202505次阅读React
Mobx-State-Tree-分配给数组类型,会提示Type 'string[]' is not assignable to type 'IMSTArray & IStateTreeNode'. Type 'string[]' is missing the following properties from type 'IMSTArray...错误
前端开发

Vue与React插槽区别

2020-10-152016次阅读Reactvue
在Vue中我们可以通过slot传递组件模板给组件,然后渲染。而React的话显然是没有插槽的概念,但其实你在组件内部中不论是写的JSX DOM 都会被传入到Props的children当中去,这就是一个类似于Vue的普通插槽的实现了。