- 博客(41)
- 收藏
- 关注
RSS订阅原创 数组的对象
数组对象数组：存储数据的容器，可以存储任意数据类型，也可以存储多个2.1创建数组字面量创建// 1.字面量创建var arr1 = ["1", "2", "3"];console.log(arr1);使用new关键创建// 2.使用new关键字创建var arr2 = new Array("1", "2", "3");console.log(arr2);数组的添加
2022-11-10 14:24:09
290
1
原创 函数返回值
2.1函数返回值什么时候需要函数返回值函数外想要使用函数内部的变量的时候语法：return 返回值//1.什么时候会需要函数返回值 函数外面想使用函数内部的值的时候function fun1() {var a = 10;function fun2() {console.log("fun2"); }return a; }
2022-10-27 08:27:18
155
原创 数组的特点
一、数组是什么？\n有序排列的同类数据元素的集合称为数组。\n若将有限个类型相同的变量的集合命名，那么这个名称为数组名。组成数组的各个变量称为数组的分量，也称为数组的元素，有时也称为下标变量。\n用于区分数组的各个元素的数字编号称为下标。\n数组是在程序设计中，为了处理方便， 把具有相同类型的若干元素按有序的形式组织起来的一种形式。\n\n二、数组的特点\n1.有索引和数组元素组成\n2.有序的 有长度（长度表示数组有多少个元素，每个元素都有自己的位置编号）\n3.数组元素可以为js认识类型的数据\n索引的
2022-10-25 17:02:46
191
原创 什么是数组
数组是有序的元素序列。 若将有限个类型相同的变量的集合命名，那么这个名称为数组名。组成数组的各个变量称为数组的分量，也称为数组的元素，有时也称为下标变量。用于区分数组的各个元素的数字编号称为下标。数组是在程序设计中，为了处理方便， 把具有相同类型的若干元素按有序的形式组织起来的一种形式。这些有序排列的同类数据元素的集合称为数组。
2022-10-24 20:12:12
103
原创 函数的回顾
函数：将具有特定功能的代码整合在一起 并命名特性：提高代码的复用率函数的使用场景 事件处理函数中 标签.事件类型 = function(){} 对象的方法中 { “skill”:function(){} } 代码复用封装中 声明函数：普通函数声明 funtion 函数名(){} 表达式函数声明 var 变量名 = function(){} 使用函数：函数名() 参数： function 函数名(形参1,形参2.
2022-10-21 10:47:15
52
原创 js小鸟起飞
3.小鸟起飞3.1开始飞需求：点击开始飞按钮 小鸟往右飞，飞到1000px的位置停止==问题1：点击开始起飞 越点小鸟飞的越快==分析：定时器累加的问题解决：每次声明定时器之前 先清除原先的定时器<body><button>开始飞</button> <br>< img src="./img/right.gif" alt=""><script>/* 问题
2022-10-20 19:43:36
58
原创 js的函数
什么是js函数？\nJavaScript函数：\n\nJavaScript函数语法，函数就是包裹在花括号中的代码块，前面使用了关键词function：当调用该函数时，会执行函数内的代码。可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由JavaScript在任何位置进行调用。
2022-10-19 10:27:37
62
原创 jsfor循环
1.for循环, 直接循环数组，可拿到数组对象中每一个item值，比如我需要给后台传一个id数组，如下\n\nlet orderId = []\nfor(var i in this.selectedData){\n\tconsole.log(this.selectedData[i])//打印可看到取到的值\n orderId.push(this.selectedData[i].orderId)//取到数组每一个对象中的id，push到数组中\n }\n1\n2\n3\n4\n5\n2.
2022-10-18 01:22:12
57
原创 jsfor循环
1.for循环, 直接循环数组，可拿到数组对象中每一个item值，比如我需要给后台传一个id数组，如下\n\nlet orderId = []\nfor(var i in this.selectedData){\n\tconsole.log(this.selectedData[i])//打印可看到取到的值\n orderId.push(this.selectedData[i].orderId)//取到数组每一个对象中的id，push到数组中\n }\n1\n2\n3\n4\n5\n2.forEach循
2022-10-18 01:21:24
148
原创 JS运算符
运算符\n\n分类\n\n 算术运算符\n\n赋值运算符 \n\n比较运算符\n\n普通比较\n\n绝对比较\n\n逻辑运算符\n\n! 非：取反\n\n 运算符的优先级\n\n三目运算符\n\n运算符\n分类\n运算符：算术运算符，赋值运算符，比较运算符，逻辑运算符，三目运算符\n\n表达式：算术表示式，赋值表达式，判断表达式，逻辑表达式\n\n 算术运算符\n+ - * / %取余 自增++ 自减--
2022-10-17 08:36:36
69
原创 js点击事件方法
1、通过方法响应点击事件\n\n\u003Cdiv onclick=\"fn()\" id=\"demo\">点击\u003C/div>\n\nfunction fn(){\n\talert(111)\n}\n1\n2\n3\n4\n5\n2、点击事件\n\n\u003Cdiv id=\"demo\">点击\u003C/div>\n\nvar aDiv=document.getElementById(\"demo\")\naDiv.onclick=function(){\n\tale
2022-10-16 10:50:02
614
原创 js强制转换
5.数据类型的转换将一种数据类型转成另一种数据类型强制转换(程序员通过某些方法实现转换)隐式转换(计算机自动转换为其他数据类型)5.1强制转换成number类型Number() parseInt() parseFloat()5.1.1Number强制转换Number(要转换的数据):将数据转换为Number类型 如果转换不了则是返回NaN<script>/* Number(要转换的数据):将数据转换为Number类型 如果转换不了则是返
2022-10-14 11:08:10
89
原创 js强制转换
5.数据类型的转换将一种数据类型转成另一种数据类型强制转换(程序员通过某些方法实现转换)隐式转换(计算机自动转换为其他数据类型)5.1强制转换成number类型Number() parseInt() parseFloat()5.1.1Number强制转换Number(要转换的数据):将数据转换为Number类型 如果转换不了则是返回NaN<script>/* Number(要转换的数据):将数据转换为Number类型 如果转换不了则是返
2022-10-14 11:07:14
109
原创 number数值
number数值类型：整数、小数、负数、16进制、8进制、NaN<script> //number数值类型：整数、小数、负数、16进制、8进制、NaN // 1.整数 var a = 10; console.log(typeof (a));//number // 2.小数 var b = 3.1415926; console.log(typeof (b));//number
2022-10-13 20:23:35
127
原创 js的初识
2. JavaScript发展历史早期浏览器的发展1990年年底-万维网—此时的网页只能通过操作系统的终端查看1994年—NetScape(网景公司)在第一台浏览器的基础上研发了商用浏览器—此时这个商用浏览器出现的目的是为了解决表单提交Js的诞生1995年 网景公司找了一个程序要 布兰登.爱奇 这个程序员借鉴了其他的脚本程序 用了10天 研发出了一个专门解决表单提交的脚本语言 这个语言叫liveScript 后改名为JavaScript浏览器战争在当时JavaScript很火 微
2022-10-11 19:18:18
54
原创 js的初识
2. JavaScript发展历史早期浏览器的发展1990年年底-万维网—此时的网页只能通过操作系统的终端查看1994年—NetScape(网景公司)在第一台浏览器的基础上研发了商用浏览器—此时这个商用浏览器出现的目的是为了解决表单提交Js的诞生1995年 网景公司找了一个程序要 布兰登.爱奇 这个程序员借鉴了其他的脚本程序 用了10天 研发出了一个专门解决表单提交的脚本语言 这个语言叫liveScript 后改名为JavaScript浏览器战争在当时JavaScript很火 微
2022-10-11 19:14:05
56
原创 js的初始
2. JavaScript发展历史早期浏览器的发展1990年年底-万维网—此时的网页只能通过操作系统的终端查看1994年—NetScape(网景公司)在第一台浏览器的基础上研发了商用浏览器—此时这个商用浏览器出现的目的是为了解决表单提交Js的诞生1995年 网景公司找了一个程序要 布兰登.爱奇 这个程序员借鉴了其他的脚本程序 用了10天 研发出了一个专门解决表单提交的脚本语言 这个语言叫liveScript 后改名为JavaScript浏览器战争在当时JavaScript很火 微
2022-10-11 19:12:22
113
原创 js的初始
HTML 超文本标记语言 主要用户页面结构css 层叠样式表 用于结构的布局 样式JavaScript 脚本语法----用于网站的交互==基于对象和事件驱动的解释性脚本语言==基于对象：JavaScript 是一种基于对象的语言，这意味着它能运用自己已经创建的对象，因此，许多功能可以来自脚本环境中对象的方法与脚本的相互作用。事件驱动：JavaScript 可以直接对用户或者客户输入做出响应，无须经过 web 服务器，它对用户的响应，以事件驱动的方式进行。
2022-10-11 19:08:48
138
原创 浮动图片居中
3、图片居中方法1：父元素{text-align:center}方法2：图片{display:block;margin:0 auto;}img{display: block;margin: 0 auto; }一、CSS 浮动概述网页中有很多布局效果，标准流没有办法完成，使用可以利用浮动改变元素默认的排列方式，浮动的概念浮动可以使元素【脱离文档流】，【按照指定方向排列】，直到遇到父元素的边界或另一个浮动元素【停止】标准流（普通
2022-10-08 16:20:42
503
原创 2、css长度单位
2、css长度单位px 像素相对于显示器的屏幕分辨率值是固定计算比较容易em相对长度单位，相对于父元素的font-size属性值而言值不固定浏览器默认字号16px，未经调整的浏览器都符合：1em = 16pxrem相对长度单位，相对于根元素的font-size属性值而言值不固定浏览器默认字号16px，未经调整的浏览器都符合：1rem = 16px是css3新增单位，IE8及更早版本浏览器中不兼容% 百分比相对长度单位相对父元素来说的
2022-10-08 16:19:43
71
原创 css叠层
1、css层叠性概念：当样式声明发生冲突时，用户代理需要确定样式声明的最终值，既要考虑样式的来源又要考虑样式的特殊声明又要考虑优先级、以及先后顺序 ，这个过程就叫做层叠当一个标签被相同的选择器 选择到的时候，相同的样式会发生层叠,遵循就近原则。不同的样式不会有影响总结css的层叠性是通过继承性 和 优先级实现样式声明不冲突 （同时应用于元素）样式声明冲突同级选择器，css样式中最后定义的声明应用于元素（就近原则）不同级选择器，由选择器优先级决定
2022-10-08 16:17:29
148
原创 响应式布局
1、什么是响应式设计也叫响应式布局，响应式开发实现不同屏幕分辨率的终端上浏览网页的不同展示方式。响应式布局是根据设备屏幕宽度不同适当调整标签显示的布局，从而在每种设备屏幕宽度下呈现的界面是不同的响应式布局原理：一个网站适配所有终端，实现不同屏幕分辨率下的终端上网页的不同布局；使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而达到适配不同屏幕的目的简单的说：响应式布局是元素随着屏幕发生宽高大小变化 + 盒子布局发生变化自适应：元素随着屏幕发生宽高大小变化优缺点优点：1、减少工
2022-10-08 16:15:53
85
原创 页面三大部分
2、页面的三大组成部分结构：给页面搭建基本的框架结构。 html ，类比于建房子的时候要搭的地基跟钢筋。表现：页面的美化，装饰。 css 相当于给房子加背景和家具的排列布局。行为：页面的轮播图，返回顶部... javascript 相当于房子加灯的开关。结构层html和表现层css，是 W3C 制定的规范，万维网联名。行为层js，是 ECMA 制定的规范，欧洲计算机协会。2、HTML介绍1、什么是HTMLHTML是 HyperText Mark-up Language 的首字母简写，
2022-10-08 16:15:09
61
原创 css盒模型
二、CSS 盒模型1.边框围绕着内容和内填充区域的线 1.border-width:边框的宽度 单位：像素 注意：只写一个border-width设置不上边框的宽的，得写上边框的线型 2.border-style：边框的线型 1.solid 单实线 2.double 双实线 3.dashed 条状虚线 4.dotted 点状边框 5.none
2022-10-08 16:14:36
34
原创 游览器内核
1、浏览器及内核web浏览器是用于读取HTML文件，并将其作为网页显示浏览器最重要的部分或其核心是渲染引擎，我们一般称为内核；内核的作用负责对网页语法的解释并渲染网页；五大浏览器：chrome、safari、Firefox、Opera、IE1.chrome 谷歌浏览器生产商：Google内核：webkit、blink2.Firefox 火狐浏览器生产商：Mozilla内核：gecko3.Safari 苹果浏览器生产商：苹果公司内核：webkit4.opera 欧朋浏览器生产商
2022-10-08 16:13:55
60
原创 css显示模式
CSS显示模式概述： 显示模式是指元素以什么方式显示，如div默认独占一行，span默认可以多个在一行排列，了解它们的特点与分类可以更好的布局网页。HTML元素一般分为块级元素与行内元素、行内块元素1、元素默认显示模式与元素特性总结本身属性为display:block;的元素 称为块级元素常见块级元素 div,h1-h6,p,ul,li,dl,dt,ol本身属性为display:inline;的元素称为行级元素常见行级元素：span,strong,em,i,a,b本身属性为dis
2022-10-08 16:13:11
53
原创 css.css
1、css层叠性概念：当样式声明发生冲突时，用户代理需要确定样式声明的最终值，既要考虑样式的来源又要考虑样式的特殊声明又要考虑优先级、以及先后顺序 ，这个过程就叫做层叠当一个标签被相同的选择器 选择到的时候，相同的样式会发生层叠,遵循就近原则。不同的样式不会有影响总结css的层叠性是通过继承性 和 优先级实现样式声明不冲突 （同时应用于元素）样式声明冲突同级选择器，css样式中最后定义的声明应用于元素（就近原则）不同级选择器，由选择器优先级决定2、css长度单位px 像素相对于显示器
2022-10-08 16:11:11
91
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人