这周上线企业的设计业务新官网（还没优化完，我自己都觉得有点丑丑的，努力优化），上线那晚，被 Nginx 卡了一下，作为一名前端，这几年没怎么碰过后台的东西，只能干等着后台小哥去排查问题，确实有点不该。如果要聊 Nginx，现阶段有点力不从心，内容还是挺多的，不够平时用的内容倒不…

1. Create表单：@Form.create() 这是一个高阶函数，传入的是react组件，返回一个新的react组件，在函数内部会对传入组件进行改造，添加上一定的方法用于进行一些秘密操作 如果有对高阶组件有想要深入的请移步《深入理解 React 高阶组件》，我们这里不做过…

当然，一般来说，我们写的 Modal 不会像官网里的例子这么的简单，毕竟这么简单的话会更倾向于使用类似于 Modal.confirm 等 API 直接调用弹出就好了。我们可能会对 Modal 进行二次封装，里面写一些代码逻辑及可能是固定的譬如 title 直接写在组件内，然后把…

某个工作日的下午，一个前端小伙伴找我说：“我的线上的页面原来是好好的，今天访问的时候怎么变成了下载了，我什么都没做呀？”正在这时，又有人反馈所有的web网页访问的时候都变成下载了。 经过紧急的排查，发现问题的原因是阿里云某个 CDN 节点的回源请求的构建出现了问题，导致 OSS…

... 上面这些问题有的人可能已经知道如何解决了，但是问题产生的原理，以及解决方案的原理可能会模糊不清或者一知半解。而在探寻这些问题的过程中，我们会遇到非常多的概念，比如：像素、分辨率、PPI、DPI、DP、DPR、视口扽等，这些概念往往分不清。 生活中，我们经常说手机、显示器…

这样整个网页在设备内显示时的页面宽度就会等于设备逻辑像素大小，也就是device-width。 在scale为1的情况下，device-width = 设备的物理分辨率/devicePixelRatio 。

Blob（Binary Large Object）表示二进制类型的大对象。在数据库管理系统中，将二进制数据存储为一个单一个体的集合。 Blob 对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File 接口基于Blob，继承…

前端由于安全方面的因素，不能直接对文件进行写操作。但是在实际的业务需求中，难免会遇到各种各样文件的下载、预览。 如果服务端下载文件是以流的形式传递到前端，前端通常是将流转换为objectURL,借用a标签的download属性，进行文件下载。但是有时候会遇到下载文件处理失败的场…

经常发现一些站点通过按钮下载文档浏览器静默（不刷新）地就下载了，而且还可以看到下载的状态等。 日常开发里的逻辑是后端返回文件流并带好header，前端直接通过a标签访问这个地址就实现了下载，下载名称在后端header里定义好。这样实现前端不需要任何操作，按照正常的页面访问链接就…