一只情绪稳定的老虎-CSDN博客

原创 13-DOM进阶--highgh的博客--JavaScript的学习笔记

Dom节点操作JavaScript的组成ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。DOM：文档对象模型（Document object Model），操作网页上的元素的API。比如让盒子移动、变色、轮播图等。BOM：浏览器对象模型（Browser Object Model），操作浏览器部分功能的API。比如让浏览器自动滚动。获取元素注意点getElementsByClassName 和getElementsByTagNam

2020-11-05 16:21:43 165

原创 12-类型转换--highgh的博客--JavaScript的学习笔记

类型转换JS 中有六种简单数据类型：undefined、null、boolean、string、number、symbol，以及一种复杂类型：object同类型可以运算的, 不同类型之间(转换之后)能运算的JavaScript 是一种动态类型语言，变量没有类型限制，可以随时赋予任意值。let y = true;let x = y ? 1 : "小甘宝贝";console.log(x);//变量x到底是数值还是字符串，取决于另一个变量y的值//y为true时，x是一个数值 y为fa

2020-11-05 16:07:57 118

原创 11-字符串--highgh的博客--JavaScript的学习笔记

1.字符串简介字符串就是"人类的自然语言"字符串要用引号包裹，双引号或者单引号均可数字11和字符串’11’在语义上是不同的，前者表达—个数量,后者是一个文本要将一个变量的值“插入”到字符串中，要“斩断链接”let year = 2020;let str = "北京冬季奥运会在" + year + "年召开"console.log(str); //北京冬季奥运会在2020年召开2.模板字符串语法：`字符串 ${变量/表达式} 字符串` （键盘tab上面那个键）作用：

2020-11-05 16:02:18 198

原创 10-数组--highgh的博客--JavaScript的学习笔记

内置对象简介JavaScript 中的对象分为3种：自定义对象、内置对象、浏览器对象。前面两种对象：是JS的基础内容，属于 ECMAScript；第三个浏览器对象：属于JS独有，即 JS 内置的API。内置对象：就是指这个语言自带的一些对象，供开发者使用，这些对象提供了一些常用或者最基本而必要的功能（属性和方法）。内置对象最大的优点就是帮助我们快速开发。JavaScript的内置对象：内置对象对象说明Arguments函数参数集合Array数组B

2020-11-05 15:09:42 746

原创 09-作用域,闭包,预解析--highgh的博客--JavaScript学习笔记

1.作用域JavaScript是函数级作用域编程语言:变量只在其定义时所在的function内部有意义。function fn(){ let a = 10; //变量a在fn函数内部定义 fn就是a的作用域变量a被称为局部变量 }fn();console.log(a); //报错全局变量如果不将变量定义在任何函数的内部，此时这个变量就是全局变量，它在任何函数内都可以被访问和更改。let a;function fn(){ a = 10; a

2020-11-04 14:26:16 77

原创 06-循环--highgh的博客--JavaScript学习笔记

循环1.for循环for循环的作用是重复执行一段程序,能够解决大量的类似语句书写。从一个例子了解循环语句的功能题目: 在控制台逐行输出1 ， 2 ， 3 ， 4 …10 <script> console.log(1); console.log(2); console.log(3); console.log(4); console.log(5); console.log(6); console.log(7); con

2020-10-22 16:11:54 133

原创 08-函数--highgh的博客--JavaScript学习笔记

函数1.什么是函数案例假如我们要分别计算1到10、5到12、14到35的整数和//1到10let sum = 0;for(let i = 1; i <= 10; i++){ sum += i;}console.log(sum);//5到12for(let i = 5; i <= 12; i++){ sum += i;}console.log(sum);//14-35for(let i = 14; i <= 35; i++){

2020-10-21 16:54:58 133

原创 07-算法拓展--highgh的博客--JavaScript学习笔记

算法什么是算法算法(Algorithm）是指解题方案的准确而完整的描述，是一系列解决问题的清晰指令，算法代表着用系统的方法描述解决问题的策略机制。也就是说，能够对一定规范的输入，在有限时间内获得所要求的输出。简单说算法就是把一个问题,拆解为计算机能够一步步执行的步骤.计算机的流程控制语句:顺序执行、选择语句、循环语句优秀算法的要求正确性健壮性可读性伪代码计算1+2+3+4+…+99+100定义变量sum从1到100遍历数字 , 用 i 表示把每个数字i加到sum中打印显

2020-10-19 16:54:27 132

原创 05-判断--highgh的博客--JavaScript学习笔记

判断条件语句1) if语句的基本使用2) if else if多条件分支3）if语句算法题4) switch语句5)三元运算符if语句if语句是最简单的条件语句，也称选择语句。比如我考试成绩好，父母就会给我们奖励。语法一if(测试条件) { //代码块 //满足测试条件为true时执行这里}例子let age = Number(prompt("请输入您的年龄"));//点击确定,返回输入内容 if (age < 18) { alert("您

2020-10-18 20:39:26 126

原创 04-表达式和操作符--highgh的博客--JavaScript学习笔记

!表达式和运算符运算符的分类1、算数操作符2、逻辑操作符3、赋值操作符4、比较操作符5、三元操作符什么是表达式?将同类型的数据(如常量、变量、函数等) , 用运算符号按一定的规则连接起来的、有意义的式子称为表达式每种表达式有不同的运算符表达式种类算数表达式算数运算符加 +减 -乘 *除 /

2020-10-17 21:25:22 322

原创 03-基础dom操作--highgh的博客--JavaScript学习笔记

DOM简介◆ DOM是JS操控HTML和CSS的桥梁◆ DOM (Document Object Model,文档对象模型)是JavaScript操作HTML文档的接口,DOM赋予我们添加、移除和修改页面元素(使文档操作变得非常优雅、简便。(元素的文字也是DOM的一个节点)◆ DOM最大的特点就是将文档表示为节点树。访问元素节点◆ 所谓“访问”元素节点，就是指"得到”、"获取”页面上的元素节点◆ 所以要对节点进行操作，第一步就是要得到它◆ 访问元素节点主要依靠document对象认

2020-10-17 16:46:25 114

原创 02-变量与数据类型介绍--highgh的博客--JavaScript学习笔记

JavaScript的标识符1、什么是标识符?变量、函数、属性的名字，或者函数的参数。2、标识符的命名规则:(1)、由字母、数字、下划线(_ )或美元符号( $ )组成(2)、不能以数字开头(3)、不能使用关键字、保留字等作为标识符什么是变量?ECMAScript的变量是松散类型松散类型:可以用来保存任何类型的数据换句话说,每个变量仅仅是一个用于保存值的占位符而已变量命名规范1.只允许使用数字、字母、下划线、$ (不能使用数字开头)2.严格区分大小写3.不要重复定

2020-10-17 16:23:25 101

原创 01-认识javaScript--highgh的博客--JavaScript学习笔记

认识Javascriptjavascript简史JavaScript 诞生于1995 年。JavaScript是一种基于对象和事件驱动的客户端脚本语言,最初的设计是为了检验HTML表单输入的正确性,起源于Netscape公司的LiveScript语言。ECMAScript 欧洲计算机制造商协会js 就是 javascript的简写什么是编程语言?总结：编程语言就是让计算机执行一些任务的特殊指令为什么学习 JavaScript？全世界几乎所有网页都使用 JavaScript广泛的

2020-10-16 16:59:14 413

原创 04-css动画和过渡 --highgh的博客 --HTML学习笔记

04-css动画和过渡css单位2D变换3D变换css过渡属性CSS3动画属性过渡动画小练习过渡和动画的区别css单位绝对单位in英寸cm厘米mm毫米px像素绝对单位，固定的长度，不会因为外界的因素而导致长度的变化相对单位%父元素em中文字符，受元素字体大小影响ex英文字符大小，中文的一半rem受根标签html字体大小影响，通常1rem=16pxvw受屏幕宽度影响，100vw = 100%屏幕

2020-08-20 13:34:54 136

原创 03-css样式及浮动 --highgh的博客 --HTML学习笔记

css样式及浮动浮动属性CSS常用样式文本相关样式**文本修饰****字体设置****背景样式****文字超出部分处理****鼠标移动样式****表格样式****分栏样式**CSS图片精灵/雪碧图弹性布局**容器：****项目：**浮动属性高度塌陷问题见02-浮动属性/* ======== 公共部分====== */.clearfix::after { content: ''; display: block; clear: bo

2020-08-18 17:08:16 140

原创 02-css基础 --highgh的博客 --HTML学习笔记

02-css基础css的基础概念css的选择器css的盒模型布局css元素之间的转换css的定位浮动属性css的基础概念层叠样式表，是一种用来渲染HTML（超文本标记性语言）文件样式的计算机语言。在HTML元素的style属性中在head标签里的style标签中以单独存放在一个CSS文件中css的选择器元素选择器标签选择器divid选择器#div类名选择器.div派生选择器后代选择器div span父子选择器div

2020-08-13 22:25:14 131

原创 01-HTML基础 --highgh的博客 --HTML学习笔记

01-HTML基础HTML标签块标签行标签行内块元素HTML标签块标签行标签行内块标签块标签设置样式时可以给块级元素设置宽高。块级元素默认充满一整行。块级元素排列方式是从上往下排列。如果一个块级元素没有设置宽度,那么其宽度等于其父元素的宽度。div ，空块标签；h1–h6 ,标题标签；ol li/ul li/dl dt dd,列表标签；type属性；br/hr ,换行标签table tr td ,表格标签；内置属性：border 表格的边框属性c

2020-08-13 17:33:03 103

highgh的博客