为什么[ ] == [ ] 为false, [ ] == ![ ] 为true？
这两个表达式涉及到 JS 中类型转换和比较操作符的行为。JS 是一种灵活的动态语言，它有一套自己的类型转换规则，有时会导致一些看似奇怪的结果。在理解这两个表达式的行为时，需要深入了解 JS 的类型转换机制以及比较操作符的工作方式。 首先介绍一下 JS 中的类型转换机制，JS 中的类型转换通常发生在两种情况下： 隐式类型转换 和 显式类型转换 。隐式类型转换是 JS 自动执行的类型转换，通常发生在需要不同类型的值的运算或比较时。而显式类型...
javascript基础之拖拽--dataTransfer对象
最近学了的一些关于拖拽的一些案例，原来的认识太过浅薄，所以以多个案例说明一下 目标导航 1，拖放事件 源对象 过程对象 目标对象 2，dataTransfer对象 存储数据 获取存储名字为“name”的数据 清除dataTransfer存储的数据 通过img元素设置拖放图标 属性 3,元素拖拽 =》即从浏览器内拖动 3.1，将目标元素拖放至指定区域 3.2,设置拖动时的图标 3.3，鼠标拖拽实现移动效果 1，拖放事件 如果不使用 元素的...
图解原型和原型链
什么是原型（prototype）？ 我们知道原生的js中并没有类（Class）这个概念， 因此在js中创建对象主要是通过以下两种方式实现： 其中前者适用于创建单个对象，当需要批量创建对象时，我们往往采取后者，即通过构造函数创建对象。 原型（prototype） 是函数的一个特定属性，该属性可看做一个指针，指向一个对象，该对象包含了构造函数的所有共有属性和函数。 简单来说原型相当于一个共享窗口，凡是放在原型里的属性都能共享给子代使用，但子...
js如何实现当文本内容过长时，中间显示省略号,两端正常展
前一阵做需求时，有个小功能实现起来废了点脑细胞，觉得可以记录一下。 产品的具体诉求是：用户点击按钮进入详情页面，详情页内的卡片标题内容过长时，标题的前后两端正常展示，中间用省略号...表示，并且鼠标悬浮后，展示全部内容。 关于鼠标悬浮展示全部内容的代码就不放在这里了，本文主要写关于实现中间省略号...的代码。 实现思路 1. 获取标题盒子的真实宽度, 我这里用的是clientWidth； 2. 获取文本内容所占的实际宽度； 3. 根据文...
Blob、File 、DataURL(Base64)、BlobURL 之间的类型闭环
相信在工作中经常遇到，文件上传、图片压缩、文件下载、大文件断点续传，等等关于 js 来操作文件的需求。那么你真的了解文件类型之间的转换关系吗？如下： 类型是 文件类型的父类，它表示一个不可变、原始数据的类文件对象 如何得到 对象？ 1\. new Blob(array, options) 如上代码，就创建了一个 对象，并声明了 类型 ，就像是创建一个 文件。只不过它存在于浏览器的内存里。 2\. fetch(url) js 为我们提供了...
Javascript之File和Blob函数的使用、创建文件上传服务器
大纲 1.File 和Blob 的使用和区别 File() (1) 作用：构造器，创建新的 File 对象实例 (2) 语法： (3) 参数： bits： 一个包含 ArrayBuffer ， ArrayBufferView ， Blob ，或者 DOMString 对象的 Array，或者任何这些对象的组合，这是 UTF 8 编码的文件内容； name： 文件名称，或者文件路径； options： 选项对象，包含文件的可选属性 typ...
把blob传给后台方法
一、如果你的blob数据是通过前端上传的，可以使用下面的方式将blob数据转换成 对象，并通过ajax请求传给后台： 二、如果你的blob数据是通过Canvas、video等前端组件生成的，可以使用下面的方式将blob数据转换成File对象，并通过FormData对象发送到后台： 把blob二进制流保存为文件：
详解FormData 、Blob、File、FileReader、ArrayBuffer、URL、URLSearchParams对象
一. FormData 利用 ,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的 方法来异步的提交这个"表单".比起普通的ajax,使用 的最大优点就是我们可以异步上传一个二进制文件. 方法： 根据已有form表单初始化一个formData对象： 发送一个二进制数据流： 二. Blob 一个Blob对象就是一个包含有只读原始数据的类文件对象。Blob对象中的数据并不一定得是J...
2种纯前端换肤方案
换肤功能是一项普遍的需求，尤其是在夜晚，用户更倾向于使用暗黑模式。在我负责的公司项目中，每个项目都有换肤功能的需求。 过去，我主要使用 SCSS 变量，并利用其提供的函数，如 、 来实现换肤功能。但因其使用成本高，只能适用于SCSS项目，于是后来我改用 CSS 变量来实现换肤。这样无论是基于 LESS 的 React 项目，还是基于 SCSS 的 Vue 项目，都能应用换肤功能。并且使用时只需调用 函数，降低了使用成本。 Demo地址：...