DragonLoveYQ-CSDN博客

原创 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 107

原创 H5 学习笔记（day03)HTML＜audio＞＜video＞

< audio > 标签浏览器支持：浏览器是否支持IEIE 9+Firefox支持Chrome支持Safari支持Opera支持提示：IE8 以及 IE8- 不支持 audio 标签。定义与使用：< audio >定义声音，比如音乐或其他音频流。< audio >支持的格式：mp3、wav、ogg浏览器支持的文件格式：浏览器mp3wavoggIE支持不支持不支

2020-11-24 17:28:41 1042 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 210 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 197

原创 H5 学习笔记（day01）拖放API、dataTransfer对象

拖放事件在H5中，任何元素都支持拖放，但是需要注意的是，有些元素存有默认事件比如（ a元素 )，应当取消该元素的默认事件使用 preventDefault() 取消事件的默认动作用法 ele.preventDefault()拖动事件事件概述ondragstart当元素开始被拖动时触发——开始拖动ondrag拖动时触发（不管鼠标有没有移动）——正在拖动ondragend元素在拖动操作结束（放置）时——拖动结束注意:ondrag事件在拖动元素时

2020-11-21 17:24:05 306 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

原创 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

原创 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 135

原创 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

原创 JS笔记（四）数组，json对象，数据类型，if 判断，swich 判断,三目运算判断

一、数组数组按照顺序来存储数据，都是有序地排序起来的。创建数组//用逗号分开每一条储存的数据；var arr = [5,2,0,1,3,1,4];访问数组里面的内容console.log(arr)//访问原数组//arr[index]console.log(arr[0]) //单独访问数组的第一项 5console.log(arr.length) //数组有自己的长度二、数组存值JS中的数组不管什么类型的数据都可以存进去var arr = [1,'红领巾',...

2020-11-10 16:00:02 613

原创 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

原创 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 509 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 168 1

DragonLoveYQ的博客