文章列表
-
- JS 图片压缩原理与实现方法详解
- 本文实例讲述了JS 图片压缩原理与实现方法。分享给大家供大家参考，具体如下：前言说起图片压缩，大家想到的或者平时用到的很多工具都可以实现，例如，客户端类的有图片压缩工具 PPDuck3， JS 实现类的有插件 compression.js ，亦或是在线处理类的 OSS 上传，文件上传后，在访问文件时...
- 日期：2024-05-10
- 浏览：325
- 标签： JavaScript
-
- js瀑布流布局的实现
- 本文实例为大家分享了js实现瀑布流布局的具体代码，供大家参考，具体内容如下原理：1、瀑布流布局，要求进行布局的元素等宽，然后计算元素的宽与浏览器的宽度之比，得到需要布置的列数。2、创建一个数组，长度为列数，数组元素为每一列已布置元素的总高度。（一开始为0）。3、将未布置的元素，依次布置到高度最小的那...
- 日期：2024-05-02
- 浏览：339
- 标签： JavaScript
-
- js实现弹幕墙效果
- 本文实例为大家分享了js实现弹幕墙效果的具体代码，供大家参考，具体内容如下1.首先要考虑弹幕墙需要什么：一面墙，输入框，发射按钮，关闭和开启弹幕按钮，在此关闭和开启设置为同一个按钮；2.其次弹幕上墙以后需要移动，从墙的最右边移动到最左边，当移动到最左边时，这条弹幕就要消失；3.初步的想法应该就是当在...
- 日期：2024-04-10
- 浏览：314
- 标签： JavaScript
-
- js属性对象的hasOwnProperty方法的使用
- Object的hasOwnProperty()方法返回一个布尔值，判断对象是否包含特定的自身（非继承）属性。判断自身属性是否存在var o = new Object();o.prop = ’exists’;function changeO() { o.newprop = o.prop; delete...
- 日期：2024-04-06
- 浏览：437
- 标签： JavaScript
-
- 如何用JS有效的压缩图片
- 目录前言转化关系具体实现file2DataUrl(file, callback)file2Image(file, callback)url2Image(url, callback)image2Canvas(image)canvas2DataUrl(canvas, quality, type)data...
- 日期：2024-03-24
- 浏览：381
- 标签： JavaScript
-
- JavaScript canvas实现加载图片
- 本文实例为大家分享了JavaScript canvas实现加载图片的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html> <head><meta charset='utf-8'><...
- 日期：2023-12-13
- 浏览：263
- 标签： JavaScript
-
- JavaScript Blob对象原理及用法详解
- Blob是JavaScript内建对象，表示不可变的原始数据，类似文件的对象。blob是表示原始数据的不可变对象，这些数据不一定是JavaScript原生格式的，文件接口基于Blob，继承Blob功能并将其扩展为支持用户系统上的文件。Blob有很多用途：可以从网络的内容创建。可以保存到磁盘或从磁盘读...
- 日期：2023-10-11
- 浏览：365
- 标签： JavaScript
-
- javascript input图片上传及预览,FileReader预览图片
- FileReader是前端进行文件处理的一个重要的Api，特别是在对图片的处理上，如果你想知道图片的处理原理，你就永远不可能绕过它。<!DOCTYPE html><html><head><meta charset='utf-8'><title&g...
- 日期：2023-09-28
- 浏览：257
- 标签： JavaScript
-
- JavaScript与JQuery框架基础入门教程
- 目录一，JS对象二，DOM?1，作用?2，测试三，Jquery?1，概述?2，使用步骤?3，入门案例?4，jQuery的文档就绪四，JQuery的语法?1，选择器?2,常用函数?3,常用事件?4,练习总结一，JS对象<!DOCTYPE html><html><head&...
- 日期：2023-09-27
- 浏览：548
- 标签： JavaScript
-
- JavaScript实现简单的计算器功能
- 本文实例为大家分享了JavaScript实现简单计算器功能的具体代码，供大家参考，具体内容如下具体要求如下：实现代码：<html> <head> <meta charset='utf-8'> <title>计算器</title>...
- 日期：2023-06-07
- 浏览：249
- 标签： JavaScript
网公网安备