JavaScript
关注
分享
扫一扫
文章平均质量分 82
Shopify 专家
这个作者很懒，什么都没留下…
展开
-
Javascript 滚动条插件 BetterScroll 2.0 Script加载 精简版 只带滚动条和鼠标滚动功能
简介需求我需要一个自制一个滚动条组件来替代浏览器默认的滚动条，BetterScroll 2.0 是一个非常棒的的一个滚动插件 ，它能解决我的这个问题。问题虽然 BetterScroll 2.0 能解决我的问题，但由于我是需要使用 Script 加载 的方式引入到我的网站，而官方只提供了提供了 具备所有插件能力(106KB) 和 基础功能(38.32KB) ，只使用基础功能并不能解决我上面的问题，但使用全功能的又太浪费资源。因此我需要按需引入 MouseWheel 和 ScrollBor正文下载文原创 2021-10-12 17:27:00 · 417 阅读 · 1 评论 -
Javascript 将 jpeg、png转换为webp
Javascript 将 jpeg、png 转换为 webp目的：减少上传图片的大小不多解释，直接上代码/** * 根据 jpeg、png File 文件对象，获取 webp 格式的 File 文件对象 * @param {File} imageFile jpeg、png图片文件对象 * @returns image/webp File */const getWebpFileByImageFile = imageFile => { const base64ToFile = (bas原创 2021-09-28 14:31:20 · 4378 阅读 · 3 评论 -
Lazysizes.js 图片懒加载的使用方法详解
Lazysizes.js 图片懒加载的使用方法详解摘要官方介绍： **lazysizes **是一种快速（无垃圾），对SEO友好且可自动初始化的lazyloader，用于图像（包括响应图像picture/ srcset），iframe，脚本/小部件等。它还通过区分关键视图元素和近视图元素来优先分配资源，以使感知性能更快。 它也可能成为您集成响应式图像的第一工具。它可以自动计算sizes响应图像的属性，它允许您media与CSS共享对属性的媒体查询，从而帮助将布局（CSS）与内容/结构（HTM原创 2020-11-25 14:32:15 · 4821 阅读 · 2 评论 -
Base64、Blob、File 三种类型的相互转换 最详细
摘要base64、blob、fileBase64、Blob、File 的APIBase64Base64 是一组相似的二进制到文本（binary-to-text）的编码规则，使得二进制数据在解释成 radix-64 的表现形式后能够用 ASCII 字符串的格式表示出来。Base64 这个词出自一种 MIME 数据传输编码。BlobBlob 对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File 接口基于Blob，继承了 blob 的功能并将其原创 2020-08-18 17:43:58 · 29255 阅读 · 1 评论 -
以 formData为发送数据类型 进行 Ajax请求(含嵌套问题)
概要很多时候为了兼容性问题 和 上传文件问题，我们会选择 以 formData 为发送数据类型进行 ajax 异步请求。代码<form method="post" action="/cart/add" id="upload_form" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"> <input type="hidden" name="form_type" valu原创 2020-07-31 19:36:53 · 721 阅读 · 2 评论 -
速卖通产品图片放大镜功能实现方法详解，附完整代码
速卖通产品图片放大镜功能速卖通图片放大镜效果实现方法详解，附完整代码效果图如下代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="...原创 2020-03-28 11:50:12 · 856 阅读 · 1 评论