自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 封装好的ajax请求函数

function ajax (options){ var defaults = { type:'get', url:'', date:'', header: { 'Content-Type': 'application/josn' }, success: function(){}, error: function(){} }; Object.assign(defaults,opt.

2022-05-15 20:45:25 182

原创 忙着期末复习

最近都在忙着期末复习,我也想 躺平啊,可是我学位课,不学我是真的会挂啊。自己写两个页面都挺费劲的。了解了真正的项目,发现响应式布局才是王道,算是补习了以前的缺陷吧 。vw ,vh,% ;1vw等于视口宽度(viewport width)的百分之一,同理vh也一样 ,%相对父级元素的百分比;布局主要用flex...

2022-05-09 09:30:51 129

原创 js高级 构造函数和原型

1.构造函数构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new一起使用。我们可以把对象中一些公共的属性和方法抽取出来,然后封装到这个函数里面。在JS中,使用构造函数时要注意以下两点:1. 构造函数用于创建某一类对象,其首字母要大写2.构造函数要和new一起使用才有意义new 在执行时会做四件事情:① 在内存中创建一个新的空对象。2 让this指向这个新的对象。③执行构造函数里面的代码,给这个新对象添加属性和方法。4返回这个新对象(所以构造函数里面不

2022-05-01 22:45:44 154

原创 js对象 应用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.

2022-04-21 22:57:25 240

原创 js高级 对象

1.面向过程和面向对象(1)面向过程编程 POP(Process-oriented programming)面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。举个栗子:将大象装进冰箱,面向过程做法。1.打开冰箱门 2.大象装进去 3.关上冰箱门面向过程,就是按照我们分析好了的步骤,按照步骤解决问题。面向对象编程 OOP(Object Oriented Programming)面向对象是把事务分解成为一个个对象,然后由对象之

2022-04-17 22:00:15 542

原创 es6笔记

1.let声明变量(1)不能重复声明(2)块级作用域 (在全局 ,在函数 ,eval)(3)不存在变量提升(4)不影响作用域链2.const声明常量(1)一定要赋初始值(2)一般常量赋值使用要大写(3)常量的值不能修改(4)块级作用域(5)对于数组和对象的元素修改,不算做对常量的修改,不会报错3.解构赋值ES6允许按照一定模式从数组和对象中提取值,对变量进行赋值,//1.数组的结构const F4=['小沈阳','刘能','赵四','宋小宝'];le

2022-04-10 21:30:31 416

原创 初试Ajax

1.代码展示及说明html部分<body> <button>点击发送请求</button> <div id="result"></div> <script> //获取button元素 const btn = document.getElementsByTagName('button')[0]; var result = document.querySele

2022-04-10 08:36:40 73

原创 jQuery2

1.设置元素内容(1)获取设置元素内容 html() $("div").html("123");(2) 获取设置元素文本内容 text() $("div").text("123");(3)获取设置表单值 val() $("input").val("123");2.遍历元素jQuery隐式迭代是对同一类元素做了同样的操作。如果想要给同一类元素做不同操作,就需要用到遍历。语法1:$("div").each(function ...

2022-03-25 21:03:53 678

原创 jQuery笔记

1.jQury概述对我们原生js代码进行了封装,存放到里面。这样我们可以快速高效的使用这些封装好的功能了。2. jQuery基础选择器$(“选择器”) //里面选择器直接写CSS选择器即可,但是要加引号ID选择器 $("#id") 获取指定ID的元素全选选择器 $("*") 匹配所有元素类选择器$(".class") 获取同一类class的元素标签选择器...

2022-03-20 08:12:38 1238

原创 js 学习案例

1.模拟京东快递单号查询案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2022-03-12 20:48:46 202

原创 tab栏切换制作案例 DOM小结

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.

2022-03-04 11:04:59 460

原创 表单全选和取消全选

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.

2022-02-26 20:07:32 89

原创 DOM学习中

一.getElementById获取元素 <div id="123">2022-2-20</div> <script> var numr= document.getElementById('123') ; // 1.script写在标签下面 // 2.参数id是大小写敏感的字符串 // 3.返回的是一个元素对象 console.log(numr); console.log(typeof num

2022-02-20 15:24:24 466

原创 js中的时间

实时时间1.var date = new Date(); console.log(date);2. function getTimer() { var time = new Date(); var y = time.getFullYear(); var mh = time.getMonth() + 1; var d = time.getDate();

2022-02-13 20:25:25 635

原创 【无标题】

创建数组 1.利用数组字面量: var arr1 = [1, 2, 3]; 2.利用 new Array() var arr1 = new Array();//括号里如果是一个值,表示arr1数组的长度,多于一个表示数组中的元素数组翻转: function reverse(arr) { arr2 = new Array(); if (arr instan...

2022-02-13 20:08:48 281

原创 学js的过程

对象(复杂数据类型object)本质就是一组无序的相关属性和方法的集合。创建对象的三种方法1. 字面量 var obj={ uname:"孙悟空", sex:"男", age:"10000", sayHi:function(){ console.log("hi~"); } } //用字面量创建的一个对象

2022-02-06 20:00:17 392

原创 flxe做一个简单的页面布局

了解了flex布局之后发现页面布局简单了许多,减少了浮动的使用,也节省了在页面调试距离的时间。就如:这样间距整齐的排布,不像用margin丶padding那样需要对个别进行特殊处理。代码展示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"..

2022-02-06 13:28:35 195

原创 在学习JavaScript的过程

argumentsarguments常用形式arguments[]、arguments.length。在js中我们构造函数时会有形参和实参的问题当在调用函数时,输入的所有实参会构成的一个数组,arguments就是这个数组名,因此就可以在函数中直接用arguments,但注意在函数外面不要用。作用域&&局部变量和全局变量在整个<script></script>标签或者在整个js文件中 即为 全局作用域、全局变量 构造的函数 即为 局部作用域、局

2022-01-30 16:03:56 545

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除