前端开发

TypeScript中abstract抽象类和抽象方法

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

TypeScript中class类与interface接口

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

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

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

通过JS来管理样式CSS Modules及React实践

2020-10-15216次阅读javascriptReact
CSS Modules加入了局部作用域、依赖管理。可以有效避免全局污染和样式冲突,能最大化地结合现有CSS生态和JS模块化能力。
前端开发

React HOOK中useEffect的使用

2020-10-12301次阅读React
useEffect(副作用函数)是一个Effect Hook,给函数组件增加了操作副作用(在 React 组件中进行数据获取、订阅或者手动修改 DOM等)的能力。它跟 class 组件中的 componentDidMount、componentDidUpdate 和 componentWillUnmount 具有相同的用途,只不过被合并成了一个 API,默认情况下,React 会在每次渲染后调用副作用函数 ,包括第一次渲染的时候,还有useEffect内的依赖(例如state)发生变化,它都会被重新调用。
前端开发

JavaScript滚动到顶部

2020-10-09223次阅读javascript
当页面上有很多内容时需要一个返回页面顶部的按钮使用户可以快速返回页面顶部。让我们看一下可以做到返回页面顶部的几种方法,从简单开始,然后逐步改进。
前端开发

Web Share API

2020-10-09185次阅读其它
Web Share API可以启用本机共享功能(如果该您所有使用的平台支持该功能)。
前端开发

React-Router简介

2020-09-27272次阅读React
React-Router是React生态的基础路由库,它通过管理URL,实现组件的切换和状态的变化。v4之前属于静态路由,而v4之后属于动态路由。
前端开发

immer.js实现不可变数据结构

2020-09-27311次阅读javascript
Immer是mobx的作者写的一个immutable库,核心实现是利用ES6的proxy,几乎以最小的成本实现了js的不可变数据结构,简单易用、体量小巧、设计巧妙,满足了我们对JS不可变数据结构的需求。