图片压缩之CompressorJS

官方文档地址https://fengyuanchen.github.io/compressorjs/主要目录dist/ ├── compressor.js (UMD) ├── compressor.min.js (UMD, compressed) ├── compressor.common.js (CommonJS, default) └── compressor.esm.js (ES Module)使用查看下载和使用，简要代码如下<input type="file" id="file" accept="image/*">new Compressor('这里传入文件对象fileObj', { width: 1000, quality: 0.8, success: function (result) { console.log('Output: ', result); var sourceSize

学习 · 2021-12-21

替换marquee跑马灯方案之CSS动画

前言在也页面开发中，常见滚动文本使用marquee实现HTML marquee 元素<marquee>） 用来插入一段滚动的文字。你可以使用它的属性控制当文本到达容器边缘发生的事情。<marquee>这是一段滚动文本</marquee>而在现代浏览器规则里，marquee 则已被标明废弃已废弃: This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.既然如此，我们就得寻找新的解决方案，这里使用CSS动画来实现样式表内容.marquee { width: 450px; line-height: 50px; background-color: red; color: white; white-space: nowrap; overflow: hidden;

学习 · 2021-12-21

node16.0版本 最优node-sass sass-loader 对应版本号

使用高版本"node-sass": "^6.0.1", "sass-loader": "^10.0.1"使用低版本"node-sass": "^4.14.1", "sass-loader": "^8.0.2"目前的解决办法只要sass和sass-loader"sass": "^1.26.5", "sass-loader": "^8.0.2"命令行如下：npm install sass@1.26.5 sass-loader@8.0.2 -Doryarn add sass@1.26.5 sass-loader@8.0.2 -D

学习 · 2021-12-08

实现节流函数throttle

// 第四版 function throttle(func, wait, options) { var timeout, context, args, result; var previous = 0; if (!options) options = {}; var later = function() { previous = options.leading === false ? 0 : new Date().getTime(); timeout = null; func.apply(context, args); if (!timeout) context = args = null; }; var throttled = function() { var now = new Date().getTime(); if (!previous && options.leading === false) previous =

学习 · 2021-11-30

实现防抖函数debounce

function debounce(func, wait, immediate) { var timeout, result; var debounced = function () { var context = this; var args = arguments; if (timeout) clearTimeout(timeout); if (immediate) { // 如果已经执行过，不再执行 var callNow = !timeout; timeout = setTimeout(function(){ timeout = null; }, wait) if (callNow) result = func.apply(context, args) } else { timeout = setTimeout(function(){ result = func.apply(cont

学习 · 2021-11-30
2020 - 2025 LETTERED. All Rights Reserved.
Theme Jasmine by Kent Liao | 桂ICP备15008025号-6