ES2020 学习笔记 原文地址 1. babel 环境配置 babel 版本在7.8以上，babel-cli 8以上均支持es2020中的语法，具体可参照本项目的webpack配置 2. es2020 中值得关注的点 对象定义中的私有变量 ...

一、高阶函数 在了解高阶组件之前首先了解一下高阶函数 高阶函数有两个特点： 函数可以作为参数被传递 setTimeout(() => { console.log(123); }, 1000); 函数可以作为返回值被输出 functi ...

背景 在 React 项目中使用 CSS 时，如果不使用 CSS in JS 的方案，一般会直接在 JS 文件中导入一个 CSS 文件，比如 import './index.css'，但这样 CSS 会在全局作用域内都有效，所以我们会使用 ...

前言众所周知，图片的加载是前端页面加载性能的优化之一。如果一个页面在加载的时候全部加载当前页面的图片，当图片资源比较多且比较大（质量）的时候会严重影响页面的加载。特别是SPA应用，先加载jsbundle资源，再去加载图片 ...

上一篇文章介绍了简单的高阶组件实现方式，接下来介绍代理和继承方式的高阶组件。 一、代理方式的高阶组件 应用场景： 1. 操纵props 高阶组件能够改变被包裹组件的 props ，可以对 props 做任何操作，甚至可以在高阶组件中自定义事 ...

背景 年前的时候，开发一个电子杂志项目，功能需求是通过上传pdf文件，将其转为图片格式，所以杂志的内容其实就是一张张图片 不过当时技术要求用后端实现，所以使用的是PHP实现该功能。项目完成后，寻思着在前端是否也能实现pdf转图片的功能。一番 ...

Preface 前端很多场景都会涉及到对时间的处理，我所用得最多的库是moment。本文是对moment的高频用法的总结。 用法总结 指定语言；不然可能引起一些不必要的bug。 # 记得指定为对应的语言； moment.locale('z ...

今天的知识点 (2020-03-11) 24.sessionStorage 、localStorage 和 cookie 之间的区别 25.什么是Array map() 方法 26.Promise的简单理解 27.从浏览器地址栏输入url到 ...

什么是bridge(网桥)？ bridge是一种技术，可以把一个linux设备上的两块网卡桥接在一起，如何对外表现为一个大的网卡接口，这样做有很多用途 比如你有两台设备，但是又没有路由器，那么把他们桥接在一起，可以共享其中一台的网络，这样两 ...

效果如下：程序实际的效果是最新的时钟，我这里只是录屏了几秒钟。 clock.gif <titl ...