2020年7月3日
base64编码成功后并在页面上显示出想要展现的图片张数
摘要： 首先准备一个容器div将想要显示的图片放在其中； 1 <div style="width: 256px;height: 410px;"> 2 <div style="width: 100%;height: 100%; " id="ImgBox"> 3 <!-- img将要显示的图片 --> 4 </ 阅读全文
posted @ 2020-07-03 16:39 ujung苏 阅读(481) 评论(0) 推荐(0) 编辑
将base64转成图片并保存到本地文件夹
摘要： function dataURLtoBlob(dataurl) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new U 阅读全文
posted @ 2020-07-03 15:35 ujung苏 阅读(6575) 评论(0) 推荐(0) 编辑
JavaScript结合canvas获取图片某一区域的rgba平均值的方法
摘要： 获取图片rgba的平均值 function getcolor() { //js创建一个canvas元素 var canvas = document.createElement('canvas'); //设置canvas的大小，动态获取也是可以的。 canvas.width = 600; canvas 阅读全文
posted @ 2020-07-03 15:31 ujung苏 阅读(965) 评论(0) 推荐(0) 编辑
2019年12月29日
继承的几种方法
摘要： 继承：一个没有某个方法的对象使用具有这个方法的对象的方法 对象之间的继承，类之间的继承 对象继承： 改变this的指向 1 // var obj = { 2 // name:"admin", 3 // show:function(){console.log(this.name)} 4 // } 5 阅读全文
posted @ 2019-12-29 18:22 ujung苏 阅读(288) 评论(0) 推荐(0) 编辑
2019年12月21日
简易模拟下拉框
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-12-21 16:04 ujung苏 阅读(286) 评论(0) 推荐(0) 编辑
2019年12月16日
无缝轮播图
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-12-16 08:46 ujung苏 阅读(180) 评论(0) 推荐(0) 编辑
2019年12月7日
事件的绑定方式
摘要： 一.赋值式(DOM0级事件绑定):ele.事件类型=function(){} 不能重复绑定 var obox = document.querySelector(".box") obox.onclick = function(){ console.log（1） } obox.onclick = fun 阅读全文
posted @ 2019-12-07 15:57 ujung苏 阅读(986) 评论(0) 推荐(0) 编辑
2019年12月1日
数组
摘要： 一.数组的概念 一组数据，数据的组合 那些数据的组合，只要是数据(数据)，就可以放在数组中 数组的意义： 可以同时操作多个数据 二.数组的创建和使用 1. 创建： 字面量：var arr = [] 构造函数：var arr = new Array(); var arr = [234,"hello"] 阅读全文
posted @ 2019-12-01 14:54 ujung苏 阅读(158) 评论(0) 推荐(0) 编辑
2019年11月24日
js中的函数提升和变量提升
摘要： 变量提升和函数提升： 就是将变量声明或者函数全部代码提升到当前作用域（全局作用域或函数作用域）最开始的部分。 JavaScript中函数域为最小域范围；for循环、while循环、if语句、switch语句的“{}”不是作用域。 一.变量提升: 使用var声明的变量，会提前到当前作用域的开始的位置， 阅读全文
posted @ 2019-11-24 14:51 ujung苏 阅读(1203) 评论(1) 推荐(1) 编辑
2019年7月21日
HTML中关于 浮动 的简单说明
摘要： 1.首先，标签之所以有存在等级分类，是因为他们处于标准文档流（块级元素，行内元素，行内块元素）当中。 2.如何脱离标准文档流？ 浮动 绝对定位 固定定位 这些可以让一个标签脱离标准文档流，而元素一旦脱离标准文档流，也就意味着不再受文档流的特性约束。 3.浮动 none：表示不浮动，默认为不浮动 le 阅读全文
posted @ 2019-07-21 12:04 ujung苏 阅读(5191) 评论(0) 推荐(0) 编辑