古兰精

摘要： 在日常工作中，文件上传是一个很常见的功能。在某些情况下，我们希望能限制文件上传的类型，比如限制只能上传 PNG 格式的图片。针对这个问题，我们会想到通过 input 元素的 accept 属性来限制上传的文件类型。这种方案虽然可以满足大多数场景，但如果用户把 JPEG 格式的图片后缀名更改为 .pn 阅读全文

摘要： 一、canvas库-Fabric.js Fabric.js 是一个强大而简单的 Javascript HTML5 画布库。 Fabric 在画布元素之上提供交互式对象模型， Fabric 还具有 SVG-to-canvas（和 canvas-to-SVG）解析器。 详情见这篇文章：这个 19.4K 阅读全文

摘要： 前端监控的关键在于：（1）能够收集到用户信息；（2）能够将收集到的数据上报给服务器。 也就是说，只要能上报数据，无论是请求GIF文件，还是请求js文件或者是调用页面接口，服务器端其实并不关心具体的上报方式。向服务器端上报数据，可以通过请求接口，请求普通文件，或者请求图片资源的方式进行。为什么所有系统 阅读全文

摘要： 一、Array.prototype.reduce() reduce() 方法对数组中的每个元素执行一个由您提供的 reducer 函数(升序执行)，将其结果汇总为单个返回值。 const array1 = [1, 2, 3, 4]; const reducer = (previousValue, c 阅读全文

摘要： 一、Array.from() Array.from() 方法从一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例。 1、语法：Array.from(arrayLike[, mapFn[, thisArg]]) arrayLike：必传参数，想要转换成数组的伪数组对象或可迭代对象。 mapFn：  阅读全文

摘要： 很早之前写过一篇 FormData 对象方法的介绍，可以看这篇：HTML5 FormData 方法介绍以及实现文件上传：上传文件实例、FormData 对象方法介绍 一、FormData.append() FormData 接口的 append() 方法 会添加一个新值到 FormData 对象内的 阅读全文

摘要： 在日常工作中，文件上传是一个很常见的功能。在项目开发过程中，我们通常都会使用一些成熟的上传组件来实现对应的功能。一般来说，成熟的上传组件不仅会提供漂亮 UI 或好的交互体验，而且还会提供多种不同的上传方式，以满足不同的场景需求。 一般在我们工作中，主要会涉及到 8 种文件上传的场景，每一种场景背后都 阅读全文

摘要： 一、对象的创建过程 关于对象的创建，第一反应是 new 关键字。Student stu =new Student("**"，"18");就拿这句代码来说： 1、虚拟机首先会去检查Student这个类有没有被加载，如果没有，首先去加载这个类到方法区。 2、然后根据加载的Class类对象创建stu实例对 阅读全文

摘要： 一、JVM 堆溢出 在 jvm 运行 java 程序时，如果程序运行所需要的内存大于系统的堆最大内存(-Xmx)，就会出现堆溢出问题。创建对象时如果没有可以分配的堆内存，JVM就会抛出OutOfMemoryError:java heap space异常。 // 执行该段代码需要大于10m内存空间 p 阅读全文

摘要： 一、HTTP 请求的8种方法： HTTP/1.1协议中共定义了八种方法，来表明Request-URL指定的资源不同的操作方式。 HTTP1.0定义了三种请求方法： GET, POST 和 HEAD方法。 HTTP1.1新增了五种请求方法：OPTIONS, PUT, DELETE, TRACE 和 C 阅读全文