jmy_superb-CSDN博客

原创 js定时器

定时器间隔定时器按照指定周期去执行指定的代码语法：setInterval(函数，时间)延时定时器在固定的时间后指定一次代码语法：setTimeout(函数，时间)定时器返回值不去定时器种类，表示页面上的第几个定时器关闭定时器语法一：clearInterval(要关闭的定时器返回值)语法二：clearTimeout(要关闭的定时器返回值)...

2022-03-27 18:52:55 82

let/const与var的区别 var 会进行预解析 let/const不会进行预解析 var可以声明两个重名的变量 let/const不能定义重名变量 var 没有块级作用域 let/const有块级作用域let与const的区别 let可以定义变量的时候不进行赋值 const在定义的时候必须赋值 let定义的变量可以被修改 const定义的常量一经赋值不能被修改箭头函数箭头函数，是在ES6的语法中对函数表达式的简写对于声明式函数不能

2022-03-27 18:50:02 113

原创 Ajax基本内容

Ajax1.创建ajax对象 var xhr = new XMLHttpRequest()2.配置本次请求信息 xhr.open(请求方式，请求地址，是否异步)3.注册请求完成事件 xhr.onload = function(){}4.把请求发送出去 xhr.send()

2022-03-27 18:48:08 102

原创 jquery基本动画

jquery的基本动画1.show()显示2.hide()隐藏3.toggle()切换以上三个函数，有共同的参数第一个表示运动时间第二个表示运动曲线第三个表达运动结束的回调函数折叠动画1.slideDown()显示2.slideUp()隐藏3.slideToggle()切换以上三个函数，有共同的参数第一个表示运动时间第二个表示运动曲线第三个表达运动结束的回调函数渐隐渐显动画1.fadeIn()显示2.fadeOut()隐藏3.fadeToggle()切换以上三个函数，

2022-03-27 18:46:32 2588

原创 jquery

jquery的筛选器first()第一个元素 last()最后一个元素 eq(索引，从0开始)next()接下来的第一个元素 nextAll()prev()元素前的一个元素 prevAll()parent() 父元素 parents() 所有父元素siblings()该元素的所有兄弟元素 find()找到该元素的所有后代元素中满足要求的操作文本内容html()等价于js的innerHTMLtext()等价于js的innerTextval()操作元素类名addClass()元素集

2022-03-27 18:45:23 794

原创 js DOM

根据id名称获取语法：document,getElementById(‘id名称’)作用：获取文档流中id名对应的一个元素根源元素类名获取语法：document.getElementsByClassName(‘元素类名’)作用：获取文档流中所有类名对应的元素根据元素标签名获取语法：document.getElementsByTagName(‘标签名’)作用：获取文档流中所有标签名对应的元素根据选择器获取一个语法：document.querySelector(‘选择器’)作用：获取文档流

2022-03-26 21:04:53 43

原创 js BOM

1.获取浏览器窗口尺寸获取可视窗口宽度：window.innerWidth 获取可视窗口高度：window.innerHeight2.浏览器的弹出层提示框：window.alert(‘提示信息’) 询问框：window.confirm(‘提示信息’) 输入框：window.prompt(‘提示信息’)3.开启和关闭标签页开启：window.open(‘地址’) 关闭：window.close()4.浏览器常见事件资源加载完毕：window.onload = fu

2022-03-26 21:00:04 70

原创 js时间常用方法

时间常用方法var time = new Date()获取1.时间对象.getFullYear() 获取到时间对象中的年份信息2.时间对象.getMonth() 获取到时间对象中的月份信息3.时间对象.getDate() 获取到时间对象中的日期信息4.时间对象.getHours() 获取到时间对象中的小时信息5.时间对象.getMinutes() 获取到时间对象中的分钟信息6.时间对象.getSeconds() 获取到时间对象中的秒钟信息7.时间对象.getDay() 获取到时

2022-03-26 20:59:02 1233

原创 js Number常用方法

Number常用方法1.randon()语法：Math.random()；作用：获取0~1之间的随机小鼠，包含0，但是不包含12.round()语法：Math.round(数字)；作用：对数字进行四舍五入取整3.ceil()语法：Math.ceil(数字)；作用：对数字进行向上取整4.floor()语法：Math.floor(数字)；作用：对数字进行向下取整5.pow()语法：Math.pow(底数，指数)；作用：对数字进行取幂运算6.sqrt()语法：Math.sqrt(数字)；作

2022-03-26 20:56:22 811

原创 js字符串常用方法

字符串常用方法1.charAt()语法：字符串.charAt(索引);作用：获取对应索引位置的字符2.toLowerCase()语法：字符串.toLowerCase()；作用：将字符串内的字母全部转换成小写3.toUpperCase()语法：字符串.toUpperCase()；作用：将字符串内的字母全部转换成大写4.replace()语法：字符串.replace(换下内容，换上内容)；作用：将字符串内第一个满足换下内容的片段替换成换上内容5.trim()语法：字符串.trim()；作用

2022-03-26 20:54:39 67

原创 js冒泡排序和选择排序

冒泡排序var arr =[9,4,6,7,5,8]for (var i=0;i<=arr.length;i++){ var temp = arr[i] arr[i] = arr[i+1] arr[i+1] =temp}console.log(arr)选择排序var arr=[9,3,6,2,4,1]for(var j=0;j<arr.length-1;j++){ var minIndex = j; for(var i = j+1;i<arr.length

2022-03-26 20:52:14 46

原创 js数组常用方法

1.push()语法：数组.push(数据)；作用：将数据追加到数组的末尾2.pop()语法：数组.pop();作用：删除数组最后一个数据3.unshift()语法：数组.unshift();作用：将数据添加到数组的最前面4.shift()语法：数组.shift()；作用：删除数组最前一个数据5.reverse()语法：数组.reverse() ；作用：将数组反转6.splice()语法：数组.splice(开始索引，多少个，要插入的数据)作用：删除数组中若干数据，并选择是否插入新的

2022-03-26 20:48:41 43

原创 js数据类型

数据类型1.基本数据类型(1) 数值类型var n1 =100; var n5 = 2e5(2e5表示2乘以10的五次方);十六进制：var n6=0x100;八进制：var n7 = 0o100;二进制：var n8=0b100(2)字符串类型js中不区分单引号和双引号var s1 =‘hello world’var s2 =“hello world1”布尔类型var b1 = true 真var b2 = false 假空类型（Undefined、Null）null:表示有值，

2022-03-26 20:45:49 98

原创 js基本内容

js的背景历史js是一门轻量级语言，由网景公司员工Brendan Eich(布莱登·艾奇)开发借鉴了C语言的基本语法借鉴了Java语言的数据类型和内存管理借鉴了Scheme语言，将函数提升到第一等公民的地位借鉴了Self语言，使用基于原型的继承机制js组成由BOM、DOM、ECMAScriptBOM(Browser Object Model ): JS操作浏览器发生变化的属性和方法DOM(Document Object Model): JS操作文档流发生变化的属性和方法ECMAScrip

2022-03-26 20:41:53 1164

原创 css5

before和after伪元素(详解)之所以被称为伪元素，是因为他们不是真正的页面元素，html没有对应的元素，但是其所有用法和表现行为与真正的页面元素一样，可以对其使用诸如页面元素一样的css样式，表面上看上去貌似是页面的某些元素来展现，实际上是css样式展现的行为，因此被称为伪元素。是伪元素在html代码机构中的展现，可以看出无法伪元素的结构无法审查注意：一定要有content，否则...

2019-09-22 12:16:35 558

原创 css4

找出下面优先级相同的选择器A. img.thumb:after 0021　　B.[data-job=“frontend”]::first-letter 0011C. #main::before　0101　 D. [type=“checkbox”]:checked 0020　　E. ul#shop-list 0101content宽度和高度使用宽度属性width和高度属性h...

2019-09-22 12:14:49 450

原创 css1

课程目标:CSS的发展历程从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。随着html的成长，为了满足前端工程的需求，html增加了很多显示功能，html变得混乱，html页面显得用臃肿，于是css诞生了CSS 网页的美容师CSS的出现，拯救了混乱的HTML，当让更加拯救了我们web开发者。...

2019-09-20 17:13:04 161

原创 css2

引入CSS样式表CSS可以写到那个位置？是不是一定写到html文件里面呢？内部样式表内嵌式是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义，其基本语法格式如下：<head><style type="text/CSS"> 选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</style>&...

2019-09-20 17:12:50 299

原创 html2

html 学习目标:掌握表格标签掌握表格标签掌握表单标签掌握H5新增表单和表单属性typora-copy-images-to: media表格 table(会使用)表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。创建表格在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下：<table> &lt...

2019-09-20 17:12:40 115

原创 HTML1

学习目标:了解常用浏览器掌握WEB标准理解标签语义化掌握常用的排版标签掌握常用的文本格式化图像链接等标签掌握三种列表标签掌握表格标签掌握表格标签掌握表单标签掌握H5新增表单和表单属性typora-copy-images-to: media认识网页网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。<img ...

2019-09-20 17:12:26 255

原创 css3

CSS 三大特性CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。一般情况下，如果出现样式冲突，则会按照CSS书写的顺序，以最后的样式为准。样...

2019-09-20 17:12:00 201

jmy_superb的博客