React + Typescript 工程化治理实践
最近参与了一个 React + Typescript 组件项目,这个项目后期会开源,对代码的质量和工程化上有比较高的要求,因此需要进行工程化治理。通过这次工程化…
Typescript 玩转设计模式 之 对象行为型模式
继前面几篇设计模式文章之后,这篇介绍 5 个对象行为型设计模式。 Chain of Responsibility(职责链) 意图 使多个对象都有机会处理请求,从而避免请…
JS 变量的解构赋值
定义 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring) 数组的解构赋值 以前 let a = 1 let b = 2 let c…
Angular 使用 [hidden] 属性控制元素可见性有什么问题?
使用 [hidden] 属性控制元素可见性有什么问题? Hello, there! 当在对应的 DOM 元素上设置 display: flex 属性时,尽管 [hidden] 对应的表达式为 true…
Webpack 之模块路径解析规则
当打包模块时,webpack 使用 enhanced-resolve 来解析文件路径 绝对路径 由于已经获得文件的绝对路径,因此不需要再做进一步解析 import '/home/me/fi…
jest + electron 基础实践——jest-electron
项目地址 jest-electron 。 一、背景 目前社区上最火热 / 流行的单测框架,必然是 jest。我们前端写单测遇到最多的问题是什么?那必然是无法模拟出真…
nvm NodeJS 版本管理软件
不要使用 nvm 1.1.9 版本的使用 1.1.7 版本即可 不然会安装 node 版本后,出现 exit 145,不能正常使用 nvm 安装包列表 https://github.com/coreybut…