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

伪元素和伪类 说到这个，我们先回顾一下，伪类选择器和伪元素选择器，老版的浏览器没有严格区分下面 2 种写法。 a:after{} a::after{} 在新的标准中，单冒号(:)用于 CSS3 伪类，双冒号(::)用于 CSS3 伪元素，我 ...

好久不见！看了下上次写的JS相关文章居然还是在一年前，突然感觉自己很对不起一直关注我的朋友们，希望自己更新进度能尽量加快些吧！ 今天我们就来简单谈谈JavaScript的Event事件对象中 target 和 currentTarget ...

vuejs-logo.png 组件化 组件化是任何一个框架必须实现，如何将定义组件(js 对象)转化为 dom 对象，以及组件的属性转换为 dom 属性，这是每一个前端框架在设计时需要认真思考和设计的问题。 const vm= new V ...

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

Unsplash 父组件通过 props 给子组件传值 // App.vue 父组件 data() { return { list: [ { id: 'i ...

方法一：采用typeof let fn = function(n){ console.log(n); } let str = 'string'; let arr = [1,2,3]; let obj = { a:123, ...

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 ...