文章分类 - js
摘要：最近看到一个h5不停缩放的效果，感觉还挺有趣的，就研究了一下，这里做一下记录。先来看看效果： 动画主要是靠canvas实现的，每一次缩放就是在画布上进行一次绘画。绘画时需要绘两张图片，第一张是从大到小，第二张是从小到大。从大到小是整体缩放，从小到大是局部放大。由于是在一个区域里的变化，就呈现出了两张
阅读全文
摘要：项目中要用到上传图片功能，考虑到图片还需要裁剪，研究了一下cropper，这里做一下记录。 试用demo 样式 html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-C
阅读全文
摘要：效果： 思路： 不想分析了，能用就行 <!DOCTYPE html> <html lang="en"> <head> <link rel="shortcut icon" href="#" /> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compati
阅读全文
摘要：效果： 思路： 不想分析了，能用就行 <!DOCTYPE html> <html lang="en"> <head> <link rel="shortcout icon" href="#" /> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Comp
阅读全文
摘要：效果： 出处：这应该是来自b站某视频上的代码，记不清啦 思路： 每一颗星星有自己的位置、大小、移动的速度，这些就构成了星星自身的属性，星星每一次的移动就相当于星星以自身的速度在当前的位置上进行了一次变动。以下为一颗星星构建一个星星类： class star { constructor(ctx,x,y
阅读全文
摘要：Ajax ajax： Asynchronous JavaScript and XML（异步的 JavaScript 和 XML），在不重新加载整个页面的情况下与服务器交换数据并更新部分网页 1、实现 //1、创建一个XMLHttpRequest实例对象 var xhr = new XMLHttpRe
阅读全文
摘要：扩展运算符 (...) 放数组、表达式 cosnt arr = [...arr1,...(x>2?['1']:['2'])] 替代数组的apply方法（用于将数组作为参数传入函数中） function f(x,y,z){} f.apply(null,arrs) //es5写法 f(...arrs)
阅读全文
摘要：函数的一般用法 function foo(x){} // 不带参数 function foo(x,y=1){} // 默认参数 () => {} // 箭头函数 结构赋值默认值结合使用 function foo({x,y=1}){} function foo( {x=1,y=0}={}){} //若
阅读全文
