peen

首先, 我们要实现一个需求 -- 点击 button 的时候 input 设置焦点. 同样的, 我们可以使用 useRef 来实现完全相同的结果. 事实上, 只要你认真读一下官方文档, 就会发现, 它们两个确实不一样. 换句人话说 , useRef 在 react hook 中…

借由这个面试题目， 我们来了解 css 管理方式一共有几种。 佛性选手, 复制粘贴一把梭. 方案一. 命名空间 + BEM 规范 原理：强行增加一个最外层的命名空间将底部样式包裹起来。 样式名遵循 BEM 规范， 让维护者可以从类名就分辨出 dom 上的嵌套情况。方便维护， 如…

最近很多读者问到, 前端看什么书籍比较好, 有什么推荐的么. 书不在多, 精则好. 这本书作为“入门必刷”, “面试必备”, 系统学习必读之书. 特别经典. 强烈推荐. 如果对于互联网知识完全不懂, 日常中看到 http404, 各种请求头无法理解, 强烈推荐看这本书. 「本书…

一年前刚接触 typescript 的时候, 觉得它加大了代码工作量. 写一大堆东西.为了找某个类型东奔西跑, 引入第三库还经常报错. 然而现在的我想说: 真香. 我们经常吐槽别人代码可维护性特别低, 总是希望别人能够主动的写注释, 可是写注释却没有任何方式可以进行约束. 这下…

TypeScript能够根据返回语句自动推断出返回值类型，因此我们通常省略它。 在实际开发中, 函数调用经常会直接使用解构赋值的方式, 进而减少赋值. 这种场景的声明方式如下: 剩余参数在使用的时候, 实际是一个数组. 按照这个思路, 我们只需要声明数组格式即可. 代码如下: …

javascript 作为一门动态语言, 在实际运行的时候,等变量被赋值才知道该变量的类型. 动态语言给实际的编码带来了很大的灵活性. 但是同样的, 在代码运行期间有可能会发生与类型相关的错误, 降低了代码的可维护性. 那下面我们用 typescript 来定义变量. 为了支持…

既可以用枚举的 value 来索引, 又可以用枚举的 key 值来索引. 对比数字枚举, 少了 反向映射, 就是普通的赋值. 只有 key 和 值. 不可以通过 value 索引 key 值. 此处高度注意, 很多刚接触 typescript 的总会犯这个错, 总是习惯性给 e…

作为一个使用 Typescript 很久很久很久的人来说, 真真切切感受到了 Typescript 的魔法, 大大提高了代码的可维护性. 方便代码重构(一个月重构一次, 半年重构6次,不是在重构的路上就是在重构……) 一种使用数组泛型, Array<元素类型>. 作用: 限定了…

建造者模式（builder）是创建一个复杂对象的创建型模式，将构建复杂对象的过程和它的部件解耦，使得构建过程和部件的表示分离开来。 抽象建造者（Builder）角色：给出一个抽象接口，以规范产品对象的各个组成成分的建造。一般而言，此接口独立应用程序的商业逻辑。模式中直接创建产品…