mervin24315

2020年是国内互联网公司发展最迅速的时代, 前有技术公司华为独立开发了操作系统和国内芯片产业, 后有疫情时代兴起的在线教育和直播产业, 无疑对前端团队带来了巨大的挑战和机遇. 笔者将结合一线互联网公司实际做的事情来对2020年技术做一次梳理, 希望对大家有所帮助. 1. 跨平…

函子的英文叫做Functor，在了解函子之前我们先来说一下容器，容器包含值和值的变形关系，变性关系指的就是函数。所以容器是包含值和处理值的函数。 其实函子就是一个特殊的容器，我们可以把函子想象成一个盒子，那这个盒子里面有一个值，并且这个盒子对外要公布一个方法，这个方法我们叫做m…

当前有一个存有用户 id 的数组，例如：[1, 2, 3, ...]，我需要使用 sql 语句查询每一个 id 对应的用户的用户名。下面写一下我最初的伪代码： 最初的伪代码是这样的，解释一下，sql 语句你可以跳过，exec 是我封装的 mysql 的执行 sql 语句的方法。…

我负责的有几个系统随着业务量的增长，存储在MySQL中的数据日益剧增，我当时就想现在的业务方不讲武德，搞偷袭，趁我没反应过来把很多表，很快，很快啊都打到了亿级别，我大意了，没有闪，这就导致跟其Join的表的SQL变得很慢，对的应用接口的response time也变长了，影响了…

React 为我们提供了一套虚拟的事件系统，这套虚拟事件系统是如何工作的，笔者对源码做了一次梳理，整理了下面的文档供大家参考。 在 React事件介绍 中介绍了合成事件对象以及为什么提供合成事件对象，主要原因是因为 React 想实现一个全浏览器的框架， 为了实现这种目标就需要…

本文的完整示例代码，见github仓库。小q只在文中介绍最关键的代码块。 关于jwt是什么，这里就不再啰嗦了。总体来讲，它有Header、Payload、Signature三个部分，每一部分，都有一些细分的属性，这个原理扫一眼就可以，对我们的使用没有实质性的帮助。 使用jwt可…

1 动态拓展：假设有同一组类是实现相同的接口，并且类的加载方式不限制。当我们需要那种具体类实现的功能时，只需加载.class文件，并获取对应的Class<T>对象。可以由Class或者Constructor实例化对象instance；根据接口定义，可以获取Class&…

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 年的 ECM…

然而在近两年的编程生涯，在每一次产品迭代中，渐渐体会到了容器化其魅力所在。 应用部署从刀耕火种，到DevOps崛起，原来不止前端在迅捷发展。接下来，我将用一首歌的时间，带大家真实的体验一番Docker容器化。 1. 朴素的Dockerfile 首先准备一个有标准运行指令的Web…