自定义博客皮肤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)
  • 收藏
  • 关注

原创 DOM事件三要素、事件流、事件处理程序、事件对象、事件代理、事件类型

JS day09DOM事件javascript与HTML之间的交互是通过事件实现的。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。事件三要素:事件目标(event target) 发生的事件与之相关联或与之相关的对象事件处理程序(event handler)处理或相应事件的函数事件对象(event object)与特定事件相关且包含有关该事件详细信息的对象。1) 事件流描述的是从页面中接受事件的顺序事件冒泡 (IE事件流)事件开始由最具体的元素接

2020-09-17 19:49:02 675 1

原创 DOM节点和类型

文档对象模型DOM文档对象模型,Document Object ModelDOM是针对HTML和XML文档的一个API(应用程序编程接口),DOM描绘了一个层次化的节点树,允许开发人员添加,移除,修改页面的某一部分。DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型,每种类型分别表示文档中不同的信息或标记。每个节点拥有各自的特点,数据和方法,另外也有与其他节点存在某种关系。节点之间的关系构成了层次,所有页面标记则表现为一个以特定节点为根节点的树形结构。

2020-09-17 19:17:07 168

原创 深入理解对象:工厂模式、构造函数模式、原型模式、继承

深入理解对象1) 工厂模式function createPerson(name,age,job){var o = new Object();o.name = name;o.age = age;o.job = job;o.sayName = function(){alert(this.name);}return o;}var p1 = createPerson(“terry”,11,“boss”);var p2 = createPerson(“larry”,12,“daBoss”

2020-09-16 20:19:59 160

原创 JS内置对象和内置函数:基本包装类型、Math对象、Date对象

内置对象和内置函数1. 基本包装类型1)为了便于操作基本类型值,ECMAScript提供了3个特殊的引用类Boolean, Number, String每当读取一个基本类型值的时候,后台就会创建一个对应的基本包装类型对象,从而可以使我们调用一些方法操作这些数据。var s = “briup”;s.substring(2);后台会自动完成以下操作:a.创建String类型的一个实例b.在实例上调用指定的方法c.销毁这个实例2)基本包装类型的实例调用typeof返回"object",

2020-09-16 20:18:22 133

原创 JS闭包问题、正则表达式

1.闭包函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起构成闭包(closure)。 函数与函数所依赖的上下文环境组成闭包问题。 闭包指的是:能够访问另一个函数作用域的变量的函数。 清晰的讲:闭包就是一个函数,这个函数能够访问其他函数的作用域中的变量。function outer() { var result = []; for (var i = 0;i<10;i++){ result[i] = funct

2020-09-16 20:09:27 219

原创 JS数组的一些方法

数组Array类型ECMAScript数组和其他语言中的数组都是有序列表,但是有以下特性:a.每一项都可以保存任何类型的数据。b.数组的大小是可以动态调整。c.数组的length属性:可读可写,可以通过设置length的值从数组的末尾移除项或向数组中添加新项创建方法使用Array构造函数var arr = new Array();var arr = new Array(20); // 预先指定数组的大小var arr = new Array(“terry”,“larry”

2020-09-16 20:02:49 64

原创 JS函数属性

函数函数实际上是对象,每个函数都是Function类型的实例,具有属性和方法,函数名实际上是指向函数对象的指针。表示方法:函数声明function sum(a,b){return a+b;}函数表达式var sum = function(a,b){return a+b;}解析器在向执行环境中加载数据时,会率先读取函数声明,并使其在执行任何代码之前可用;当执行器执行到函数表达式的代码的时候才会真正的解释执行函数的参数ECMAScript函数的参数与大多数其他

2020-09-16 19:58:40 126

原创 JS循环语句、对象属性

for循环三要素:计数器,结束条件,迭代器初始条件,结束条件,迭代条件for(var i=1;i<10;i++){ //循环体 console.log(i); }var i=1;//死循环 for(;;){ //循环体 console.log(i); i++; }Label语句使用label语句可以在代码中添加标签,以便将来使用注意!ECMAScript5不存在块级作用域,在循环内部定义的变量也可以在外部访问到关键字 bre

2020-09-16 19:56:45 226

原创 JS运算符、基本数据类型和引用数据的值传递与引用传递

算术运算符一元运算符递增递减操作符后置++,,先使用a,后++,-- 。 前置++,–,先++,–,再使用a赋值运算符单个=表示赋值,将右侧的值赋给左侧的变量。 可以和其他算术运算符连用,常用的有*=,/=,%=,+=,-=加+ 相当于调用Number(),将其他数据类型转换为number类型减-1.将一元减应用于数值时,数值会变成负数。2. 将一元减应用于非数值时,遵循与一元加操作符相同的规则,最

2020-09-16 19:49:10 150

原创 JS的五种基本数据类型和一种引用数据类型

JavaScript简介JavaScript是一个编程语言,允许用户在浏览器页面上完成复杂的事情。JS组成ECMAScriptDOMBOM特点执行环境:浏览器、NodeJS平台不需要编译,解释性语言,脚本语言弱类型语言从上往下顺序解析执行使用JS外部JavaScript单独新建一个后缀名为.js的JS文件,编写好HTML文件,在标签体内添加JS注释多行注释/* 注释*/单行注释//注释css中的注释/注释/

2020-09-16 19:43:29 251

原创 CSS 定位布局、弹性布局、和动画animation、CSS过渡Transitions、自适应布局、兼容性问题

CSSday04 布局和动画定位固定定位 position:fixed;固定在视口区的某一位置,原来位置不保留,如果没有设置定位属性,在原来位置固定定位固定定位固定与视口区的某个位置,不随页面滚动而滚动脱离文本流,原先位置不保留没有设置定位属性的时候,在原来位置显示比如说一个网页右下角的广告相对定位 position: relative;相对于原先位置进行定位,没有定位属性的情况下,默认在当前位置,不脱离文档流,原先位置保留相对定位相对于原来文档流中的位置定位不

2020-08-11 19:07:35 743

原创 W3C盒子模型、IE盒子模型、浮动布局

CSSday03 盒子盒子模型W3C盒子模型标准盒子模型,width和height设定的是内容区的宽高内容区的宽高:宽:width高:height盒子的宽高:宽:内容区的宽+左右padding+左右border宽:width+paddingLeft+paddingRight+borderRight+borderLeft高:内容区的高+上下padding+上下border高:height+paddingTop+paddingBottom+borderBottom+border

2020-08-06 20:26:18 130

原创 CSS3文本样式、字体栈、几种显示和隐藏的方式

CSS3day02 文本样式字体样式1、字体颜色color字体颜色的取值• 关键字• RGB• 6位16进制 • RGBA• HLS• HLSA2、 font-size为字体指定文字大小,取值可以为绝对单位或者相对单位3、font-family为文字指定特殊的字体,浏览器只会使用浏览器可以访问到的字体。• serif 有衬线的字体,笔画结尾有特殊的装饰线或衬线• sans-serif 无衬线的字体,笔画结尾是平滑的字体• monospace 等宽字体,用于代码,字体中每个字

2020-08-05 20:12:55 436

原创 CSS选择器以及CSS级联、CSS外边距合并问题

CSS选择器day01一、标签选择器又称为元素选择器,文档的元素就是最基本的选择器。如: P{ border:1px solid red; }类选择器以点’’."开头,后面紧跟类名。类名不允许有空格,与元素中class属性的值保持一致。.one{ border:1px solid red; }ID选择器以#开头,后面紧跟一个ID名,ID不能重复,在选择唯一的元素的时候比较有用。#two{ border:2px dashed blue; }普遍选择器使用"*"来表示普遍

2020-08-05 19:14:04 151

原创 实训day7+day6

实训day6一、连接swagger <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

2019-12-18 16:56:54 181

原创 实训Day4 逆向工程

实训day4一、搭建后台项目环境1、整合实训的day4之前的文件放在同一个文件夹里,打开vscode导入老师给的文件2、打开mysql,在wyc中打开表,把tbl_student导出到桌面上,在tbl_student上右键选择转储SQL文件,想导入的话右键运行SQL文件,这是教我们怎么操作而已。3、断开wyc连接,在localhost上创建数据库,新建的数据库要跟导入的数据库的文件名一致...

2019-12-12 18:40:40 464

原创 实训day3 搭建Swagger环境+MyBatis配置+Mybatis-generator的配置+编写service层、web层代码

实训day31、 搭建Swagger环境今天打开idea有点不知所措,不知道为什么,昨天下载好的依赖都没了…拿给组长操作了一波,虽然不知道怎么回事,能运行了,但是依赖那里还是标红线…所以有人知道是怎么回事吗?我问组长有红线怎么办,组长说你不打开就看不见了…原来重启包治百病是真的…重启了一下就好了第一步:停止项目配置pom.xml< dependency>< g...

2019-12-11 16:42:38 302 1

原创 实训日志day2 各种软件安装+环境变量配置+连接数据库

@实训第二天实训day1 and day2安装软件jdk的安装:第一步:.安装,双击exe文件,注意安装的目录,不要随意更改。第二步:一直点下一步,直到安装完成,点击关闭。第三步:配置Java环境变量,windows+e打开文件操作系统,右击【此电脑】,点击【属性】,然后点击左侧的高级系统设置,再点击右下角【环境变量】,看到如下界面,点击下边的【新建】。输入变量名JAVA_HO...

2019-12-10 23:55:28 423 2

空空如也

空空如也

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

TA关注的人

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