个人学习
DragonLoveYQ
这个作者很懒,什么都没留下…
展开
-
JS笔记 (九) 数组方法
Array() 数组 定义/声明方式 var arr = [];// 字面量; 常用 var arr1 = Array(1,2,3); //函数式 console.log(arr1)// [1,2,3] var arr2 = Array(6);//[empty × 6] //只传一个值的时候就创建一个长度为6有6个空值的数组 var arr3 = new Array(1,2,3);//[1,2,3] var arr4 = new Array(6);//[empty × 6] 同上 length 长原创 2020-11-30 16:30:02 · 106 阅读 · 0 评论 -
H5 学习笔记(day03)HTML<audio> <video>
< audio > 标签 浏览器支持: 浏览器 是否支持 IE IE 9+ Firefox 支持 Chrome 支持 Safari 支持 Opera 支持 提示:IE8 以及 IE8- 不支持 audio 标签。 定义与使用: < audio >定义声音,比如音乐或其他音频流。 < audio >支持的格式:mp3、wav、ogg 浏览器支持的文件格式: 浏览器 mp3 wav ogg IE 支持 不支持 不支原创 2020-11-24 17:28:41 · 1041 阅读 · 3 评论 -
H5 学习笔记(day02-2) HTMLElement.dataset
HTMLElement.dataset 我们可以给HTML元素添加以data开头的自定义属性 如 data-id 需要注意的有: 1)名称不能以xml打头 2)名称里不能全大写字母 3)但是想用大写字母需要驼峰命名 例子: <body> <div id="box">I love you ! and you?</div> <script> //dataset 属性本身可以被读取,但不能直接写入。相反,所有的写入必须是它的“属性”。 var box =原创 2020-11-22 21:43:17 · 209 阅读 · 1 评论 -
H5 学习笔记(day02-1)HTML DOM classList属性
classList属性 定义和用法 classList 属性返回元素的类名,作为 DOMTokenList 对象。 该属性用于在元素中添加,移除及切换 CSS 类。 classList 属性是只读的,但可以使用 add() 和 remove() 等等方法修改它。 语法 element.classList 属性 描述 length 返回类列表中类的数量 该属性是只读的 方法 描述 add(class1, class2, …) 在元素中添加一个或多个类名原创 2020-11-22 20:49:32 · 192 阅读 · 0 评论 -
H5 学习笔记(day01) 拖放API、dataTransfer对象
拖放事件 在H5中,任何元素都支持拖放,但是需要注意的是,有些元素存有默认事件比如( a元素 ),应当取消该元素的默认事件 使用 preventDefault() 取消事件的默认动作 用法 ele.preventDefault() 拖动事件 事件 概述 ondragstart 当元素开始被拖动时触发——开始拖动 ondrag 拖动时触发(不管鼠标有没有移动)——正在拖动 ondragend 元素在拖动操作结束(放置)时——拖动结束 注意:ondrag事件在拖动元素时原创 2020-11-21 17:24:05 · 305 阅读 · 1 评论 -
JS笔记 (八) 字符串方法
字符串的方法: 定义/声明方式: var str1 = 'Dragon';//字面量 var str2 = String( 'loveyouDragon' ) // 由底层提供 var str3 = new String('metoo') // 构造函数 常用方法一 length 长度: var str = dragon; //length 返回字符串的长度 console.log(str.length) // 6 一、charAt 返回自定索引的字符串:str.charAt( nu原创 2020-11-20 15:35:55 · 113 阅读 · 0 评论 -
JS笔记(七)深入认识函数
一、深入认识函数 把函数看一个模具,我们要生产内容的时候,在里面生成内容。 //正常的写法: function fn(){ var a = 1; var b = 2; var c = 3; console.log( a + b + c ); } fn(); //我们在对变量进行相加的时候,正常要先声明多个值,然后对变量进行赋值.最后对函数进行运算;但是如果我们想多次 运算,我们是否能否来封装一个载体,每次我们要来进行作业的时候,我们直接传入值,就可以了.怎么做?原创 2020-11-14 14:42:48 · 60 阅读 · 0 评论 -
JS笔记 (六) 数据类型转换、运算符
数据类型 var num = 123; number:所有的数字集合,所有的数字(不带上引号的); var str = '123'; string:所有的被引号(单引号或双引号)都是属于字符串; var bool = true; boolean:true or false; var null = null; null: null代码的是一个空值;是一种独立的数字类型; var obj = []; object:对象; var und = undefined; undefined:未原创 2020-11-12 17:59:07 · 134 阅读 · 0 评论 -
JS笔记 ( 五) for循环、while循环、do while循环
一、for 循环 如果数数,从1打印到100; console.log('1'); ..... console.log('100'); //这样不实际 //for循环的方法 for( var i = 1;i<=100 ; i++ ){ console.log( i ); } for循环里面写三条语句; 1.记录次数; i 初始从哪开始 。 2.判断循环的次数; 判断条件,临界值;如超过临界值的时候,就不要做循环了。 3.步长;原创 2020-11-11 12:55:49 · 133 阅读 · 0 评论 -
JS笔记 (四)数组,json对象,数据类型 ,if 判断,swich 判断,三目运算 判断
一、数组 数组按照顺序来存储数据,都是有序地排序起来的。 创建数组 //用逗号分开每一条储存的数据; var arr = [5,2,0,1,3,1,4]; 访问数组里面的内容 console.log(arr)//访问原数组 //arr[index] console.log(arr[0]) //单独访问数组的第一项 5 console.log(arr.length) //数组有自己的长度 二、数组存值 JS中的数组不管什么类型的数据都可以存进去 var arr = [1,'红领巾', ...原创 2020-11-10 16:00:02 · 613 阅读 · 0 评论 -
JS笔记 (三)csstext、获取对象、自定义标签属性
一、cssText用于同时修改多条属性 <style> #box{ width:100px; height:100px; background-color: lightpink; } </style> <div id='box'></div> 通常的指定什么修改什么 var box = document.getElementById('box'); box.onclick = function (){ box.style.width原创 2020-11-09 18:45:32 · 347 阅读 · 0 评论 -
JS笔记(二) 函数,自定义属性
一、function函数 //多次使用的时候,需要写多个打印,如何封装起来? console.log('朋友'); console.log('小红'); console.log('是我的'); console.log('朋友'); console.log('小红'); console.log('是我的'); 函数封装 functionf fn(){ console.log('朋友'); console.log('小红'); console.log('是我的'); } 执行函数 fn();//第一原创 2020-11-07 14:57:23 · 508 阅读 · 1 评论 -
JS笔记(一)初识JS
初识JavaScript 一、什么是javaScript JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言 二、历史 在1995年时,由Netscape公司的Brendan Eich,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。 三、前端三层: 结构层 :HTML 表现层 :CSS 行为层 : JS 四、JavaScript由哪部分组成: ECMAScript(全称:欧洲计算机制造商协会): DOM:(文本对象) BOM: (浏原创 2020-11-06 19:29:58 · 167 阅读 · 1 评论