前端开发

React-Router简介

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

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

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

TypeScript中高级类型简介

2020-09-2533次阅读TypeScript
TypeScript中高级类型含有交叉类型(&)、联合类型(|)、类型别名(type)、类型索引(keyof)、类型约束(extends)、类型映射(in)、条件类型(U ? X : Y)等
前端开发

TypeScript中泛型

2020-09-2528次阅读TypeScript
泛型是强类型语言中比较重要的一个概念,合理的使用泛型可以提升代码的可复用性,让系统更加灵活。 泛型允许程序员在强类型程序设计语言中编写代码时使用一些以后才指定的类型,在实例化时作为参数指明这些类型。 常用工具泛型有Partial可选、Required必选、Record、Pick、Exclude、Omit
前端开发

FC类型来声明函数组件

2020-09-2430次阅读React
FC是FunctionComponent的简写, 这个类型定义了默认的props(如 children)以及一些静态属性(如 defaultProps)。
前端开发

display:contents

2020-09-2337次阅读css
display:contents于2016年就已经得到了Firefox的支持。display:contents使盒子不产生任何框 ,因此不会渲染其背景、边框和内边距,但颜色、字体等继承的属性还是会对其子元素产生效果。( 即在盒子上添加display:contents , 使盒子设置了background border padding width height 等属性会失效 )
前端开发

ECMAScript 2020(ES2020)空值合并操作符、可选链操作符

2020-09-1496次阅读javascript
空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。可选链操作符( ?. )允许读取位于连接对象链深处属性的值,在引用为 (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined。
前端开发

html-webpack-plugin插件生成多个html页面引入不同的js文件

2020-09-01164次阅读webpack
webpack中html-webpack-plugin插件生成多个html页面,引入不同的js文件。只要在插件配置文件中加入:chunks:["入口文件名"]即可,如果不加的话,会在生成的html页面中引入所有的入口文件。
前端开发

document.currentScript和import.meta

2020-08-27141次阅读javascript
Document.currentScript属性返回当前正在运行的脚本所属的元素。调用此属性的脚本不能是JavaScript模块,模块应当使用import.meta对象。
前端开发

DOM中Element.closest()方法

2020-08-25159次阅读DOM
Element.closest() 方法用来获取:匹配特定选择器且离当前元素最近的祖先元素(也可以是当前元素本身)。如果匹配不到,则返回 null。