addEventListener方法作为注册事件的方法，而被我们广泛使用。下面我们来一起学习下这个方法，以及其中隐藏的知识点。 根据mdn中的api，我们可以确定，addEventListener接受三个参数。 默认为false，当指定为true时，如果事件本身执行了preve…

1. transform transform主要用于给元素做变换,主要由以下几种变换,rotate(旋转),scale(缩放),skew(扭曲),translate(移动)和matrix(矩阵变换). none表示不做变换, transform-functions表示变化函数,…

前端大文件切片上传、取消上传、显示上传进度。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

背景大部分web端业务系统都需要一个导入Excel功能，我们需要实现文件的上传，如果加上进度条，可以提升用户体验效果图如下：需要实现的功能点：选择文件上传、支持拖拽文件显示上传进度条文件上传使用<in

适合人群:刚起步的前端新人。（前后端未分离的项目）全栈后端老大哥的前端需求(点名批评下jsp)。 别慌。因为对象的特殊，file对象是不会被开发人员所直接捕获(可见)的。但确实存在。 这个对象有一个files属性，返回的就是FileList对象。FileList对象看起来和数组…

本篇文章将来介绍HTML中原生表单的内容。 HTML表单主要作用你是用于收集不同类型的用户输入并与服务端进行交互。 HTML表单是由一个或多个小部件组成的。这些小部件可以是文本字段(单行或多行)、

1. 单行文本占据的高度 2. 图片下面的空隙 3. 图文对齐问题 4. 矩形块对齐异常 上例中，vertical-align:1.5时，标题和文字显示正常；其他两个值时，标题和文字却挤在了一起。 分析：继承的差别，line-height为数值时，所有子元素继承的都是这个值；而…

文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。 文档对象模型 (DOM) 是对HTML文件的另一种展示，通俗地说，一个HTML 文件，我们可以用编辑器以代…

在日常的前端开发中， 我们会经常使用阴影这个效果,（当然你通常是做***管理系统的话，可能有的比较少）例如下面的一段代码，这段代码是从ant-design 官网上复制下来的代码。 作为CSS中最基础的