Unsplash 01 Symbol Symbol 为独一无二的值，当 Symbol 值作为对象的属性名的时候，不能用点运算符获取对应的值，因为用点运算符的话，会导致 JavaScript 把后面的属性名为理解为一个字符串类型，而不是 S ...

数据驱动 Vue.js 的核心思想就是数据驱动。那么什么是数据驱动呢? 数据驱动就是视图由数据决定，数据作为主动。如我们谈到TDD 测试驱动开发，也就是以测试为主动开发。只要我们定义好了视图与数据的关系，那么我们前端开发人员就可以更专注数据 ...

创建项目详细步骤 一、 创建项目并上传到github： 1. npm i create-react-app -g 全局安装react脚手架 2. create-react-app react-demo 创建一个名为react-demo的 ...

coding 组件 组件可能是函数还可能是类，我们知道只要继承 Component 类就是 react 的组件。 function Box(){ return ( <div className='box' size ...

轮播图是项目中非常常见的一个效果，平时我们可能都会用别人写好的插件，但是必要的时候也需要自己手写，尤其是需要掌握下其中的实现原理。 一、需求 1.实现渐隐渐显自动轮播效果 2.鼠标移入：显示左右切换箭头，停止自动轮播 3.鼠标离开：隐藏左右 ...

key概述 react中的key属性，它是一个特殊的属性，它的出现不是给开发者用的（例如你为一个组件设置key之后，也仍无法获取这个组件的key值），而是给react自己用的。 简单来说，react利用key来识别组件，它是一种身份标识标识 ...

Unsplash 1. 常用的数组 API forEach 遍历所有元素，item 对应的是元素的值，index 对应的是元素的位置 let arr = [4, 6, 8]; arr.forEach(function(item, index ...

近期在做一个 DNS 服务器切换升级的演练中发现，我们在 NodeJS 中使用的 axios 以及默认的 dns.lookup 存在一些问题，会导致切换过程中的响应耗时从 ~80ms 上升至 ~3min，最终 nginx 层出现大量 502 ...

coding 我们写一段 jsx ，有关 jsx 语法这里暂不做过介绍，留下伏笔 const ele = ( const ele = ( hello ...

创建型模式 工厂模式 建造者模式 行为模式 中介者模式 职责链模式 观察者模式 工厂模式 描述： 通过不同的type new不同的类, 只需要和工厂打交道 应用场景： 封装 // 抽象工厂模式 通过不同的type new不同的类 class ...