Nicnic

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第3天，点击查看活动详情。 背景 nic最近在做的项目中，首页需要加一个“词云”组件，个人觉得这个小东西比较有趣，分享给有需要的小伙伴

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第2天，点击查看活动详情。 背景 又到了金三银四的面试季，各位小伙伴一定也准备了许久，nic也整理了一些常见的js手写题。

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。 在日常的开发中总能碰到登录验证的问题，今天给小伙伴们提供一个开箱即用的图片验证码小组件

在日常的开发中和面试中，总能遇到两栏布局或者三栏布局，今天就给小伙伴简单介绍一下。 两栏布局实现效果就是将页面分割成左右宽度不等的两列，宽度较小的列设置为固定宽度，剩余宽度由另一列撑满。 比如 element-ui 文档，蓝色区域为主要内容布局容器，侧边栏为次要内容布局容器。 …

本节为大家带来的是策略模式，这种设计模式的难度不大，在面试中也几乎没有什么权重，但是却对大家培养良好的编码习惯和重构意识却大有脾益。 策略模式不太适合一上来就怼概念，容易懵。咱们先从一个非常贴近业务的需求讲起，跟我敲完这段代码，自然会知道策略模式是怎么回事。 相信大家都经历过淘…

代理模式，式如其名——在某些情况下，出于种种考虑/限制，一个对象不能直接访问另一个对象，需要一个第三者（代理）牵线搭桥从而间接达到访问目的，这样的模式就是代理模式。 这是为啥呢？这就要从网络请求的整个流程说起了。一般情况下，当我们访问一个 url 的时候，会发生下图的过程： 为…

传统的项目开发中，我么只会用到px、%、em这几个单位，它们可以适用于大部分的项目开发，并且具有良好的兼容性。 从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh、vw、vm等一些新的计量单位。 利用这些新的单位开发出比较良好的响应式页面，适应多种…

::selection 伪元素匹配用户选择的元素部分。

单例模式是设计模式中相对较为容易理解、容易上手的一种模式，同时因为其具有广泛的应用场景，也是面试题里的常客。 一般情况下，当我们创建了一个类（本质是构造函数）后，可以通过new关键字调用构造函数进而生成任意多的实例对象。像这样： 我们先 new 了一个 s1，又 new 了一个…