- 博客(21)
- 收藏
- 关注
RSS订阅原创 js定时器
定时器 间隔定时器 按照指定周期去执行指定的代码 语法：setInterval(函数，时间) 延时定时器 在固定的时间后指定一次代码 语法：setTimeout(函数，时间) 定时器返回值 不去定时器种类，表示页面上的第几个定时器 关闭定时器 语法一：clearInterval(要关闭的定时器返回值) 语法二：clearTimeout(要关闭的定时器返回值) ...
2022-03-27 18:52:55
81
原创 ES6基本内容
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
111
原创 Ajax基本内容
Ajax 1.创建ajax对象 var xhr = new XMLHttpRequest() 2.配置本次请求信息 xhr.open(请求方式，请求地址，是否异步) 3.注册请求完成事件 xhr.onload = function(){} 4.把请求发送出去 xhr.send()
2022-03-27 18:48:08
101
原创 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
2587
原创 jquery
jquery的筛选器 first()第一个元素 last()最后一个元素 eq(索引，从0开始) next()接下来的第一个元素 nextAll() prev()元素前的一个元素 prevAll() parent() 父元素 parents() 所有父元素 siblings()该元素的所有兄弟元素 find()找到该元素的所有后代元素中满足要求的 操作文本内容 html()等价于js的innerHTML text()等价于js的innerText val() 操作元素类名 addClass() 元素集
2022-03-27 18:45:23
790
原创 js DOM
根据id名称获取 语法：document,getElementById(‘id名称’) 作用：获取文档流中id名对应的一个元素 根源元素类名获取 语法：document.getElementsByClassName(‘元素类名’) 作用：获取文档流中所有类名对应的元素 根据元素标签名获取 语法：document.getElementsByTagName(‘标签名’) 作用：获取文档流中所有标签名对应的元素 根据选择器获取一个 语法：document.querySelector(‘选择器’) 作用：获取文档流
2022-03-26 21:04:53
42
原创 js BOM
1.获取浏览器窗口尺寸 获取可视窗口宽度：window.innerWidth 获取可视窗口高度：window.innerHeight 2.浏览器的弹出层 提示框：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
1231
原创 js Number常用方法
Number常用方法 1.randon() 语法：Math.random()；作用：获取0~1之间的随机小鼠，包含0，但是不包含1 2.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
809
原创 js字符串常用方法
字符串常用方法 1.charAt() 语法：字符串.charAt(索引);作用：获取对应索引位置的字符 2.toLowerCase() 语法：字符串.toLowerCase()；作用：将字符串内的字母全部转换成小写 3.toUpperCase() 语法：字符串.toUpperCase()；作用：将字符串内的字母全部转换成大写 4.replace() 语法：字符串.replace(换下内容，换上内容)；作用：将字符串内第一个满足换下内容的片段 替换成换上内容 5.trim() 语法：字符串.trim()；作用
2022-03-26 20:54:39
66
原创 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
44
原创 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
96
原创 js基本内容
js的背景历史 js是一门轻量级语言，由网景公司员工Brendan Eich(布莱登·艾奇)开发 借鉴了C语言的基本语法 借鉴了Java语言的数据类型和内存管理 借鉴了Scheme语言，将函数提升到第一等公民的地位 借鉴了Self语言，使用基于原型的继承机制 js组成 由BOM、DOM、ECMAScript BOM(Browser Object Model ): JS操作浏览器发生变化的属性和方法 DOM(Document Object Model): JS操作文档流发生变化的属性和方法 ECMAScrip
2022-03-26 20:41:53
1161
原创 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 0011 C. #main::before 0101 D. [type=“checkbox”]:checked 0020 E. ul#shop-list 0101 content宽度和高度 使用宽度属性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
159
原创 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
297
原创 html2
html 学习目标: 掌握表格标签 掌握表格标签 掌握表单标签 掌握H5新增表单和表单属性 typora-copy-images-to: media 表格 table(会使用) 表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。 创建表格 在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下： <table> <...
2019-09-20 17:12:40
113
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人