摘要：
创建对象的几种常用方式 1.使用Object或对象字面量创建对象 2.工厂模式创建对象 3.构造函数模式创建对象 4.原型模式创建对象 1.使用Object或对象字面量创建对象 JS中最基本创建对象的方式： 这样，一个student对象就创建完毕，拥有2个属性name以及age，分别赋值为"easy 阅读全文
posted @ 2018-07-12 15:57
Pyter
阅读(125)
评论(0)
推荐(0)
摘要：
1.模态框案例 需求： 打开网页时有一个普通的按钮，点击当前按钮显示一个背景图，中心并弹出一个弹出框，点击X的时候会关闭当前的模态框 代码如下： 2.简易留言板 需求： 当在textarea中输入内容，点击留言按钮，会添加到浏览器中 图如下： 代码如下： 3.使用js模拟选择器中hover 代码解释 阅读全文
posted @ 2018-07-12 15:56
Pyter
阅读(97)
评论(0)
推荐(0)
摘要：
什么是DOM DOM：文档对象模型。DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。 DOM就是由节点组成的。 解析过程 HTML加载完毕，渲染引擎会在内存中把HTML文档，生成一个DOM树，getElementById是 阅读全文
posted @ 2018-07-12 15:55
Pyter
阅读(154)
评论(0)
推荐(0)
摘要：
arguments代表的是实参。有个讲究的地方是：arguments只在函数中使用。 （1）返回函数实参的个数：arguments.length 例子： 结果： （2）之所以说arguments是伪数组，是因为：arguments可以修改元素，但不能改变数组的长短。举例： 清空数组的几种方式： 阅读全文
posted @ 2018-07-12 15:54
Pyter
阅读(121)
评论(0)
推荐(0)
摘要：
一、JavaScript的组成 JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM：文档对象模型，操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM：浏览器对象模型，操作浏览器 阅读全文
posted @ 2018-07-12 15:54
Pyter
阅读(119)
评论(0)
推荐(0)
摘要：
函数：就是将一些语句进行封装，然后通过调用的形式，执行这些语句。 函数的作用： 将大量重复的语句写在函数里，以后需要这些语句的时候，可以直接调用函数，避免重复劳动。 简化编程，让编程模块化。 将大量重复的语句写在函数里，以后需要这些语句的时候，可以直接调用函数，避免重复劳动。 简化编程，让编程模块化 阅读全文
posted @ 2018-07-12 15:53
Pyter
阅读(112)
评论(0)
推荐(0)
摘要：
所谓内置对象就是ECMAScript提供出来的一些对象，我们知道对象都是有相应的属性和方法 数组Array 1.数组的创建方式 字面量方式创建（推荐大家使用这种方式，简单粗暴） 使用构造函数（后面会讲）的方式创建 使用new关键词对构造函数进行创建对象 2.数组的赋值 3.数组的常用方法 3.1 数 阅读全文
posted @ 2018-07-12 15:52
Pyter
阅读(115)
评论(0)
推荐(0)
摘要：
语言中我们的数据类型有很多，在某个页面中展示的数据类型也不同，比如说电话号码我就要求number的类型，而输入姓名的时候就要求string类型的。那么在适当的情况下我们可以将数据类型进行转换。 1.将数值类型转换成字符串类型 隐式转换 强制类型转换 2.将字符串类型转换成数值类型 3.任何数据类型都 阅读全文
posted @ 2018-07-12 15:51
Pyter
阅读(117)
评论(0)
推荐(0)
摘要：
1.if 、if-else、if-else if-else 2.逻辑与&&、逻辑或|| 3.switch 4.while循环 循环三步走： 1.初始化循环变量 2.判断循环条件 3.更新循环变量 练习：将1-100所有是2的倍数在控制台中打印。使用while循环 5.do_while 6.for循环 阅读全文
posted @ 2018-07-12 15:51
Pyter
阅读(111)
评论(0)
推荐(0)
摘要：
数据类型包括：基本数据类型和引用数据类型 基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。 当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值 1.基本数据类型 number string boolean null undefined 2.引用 阅读全文
posted @ 2018-07-12 15:50
Pyter
阅读(95)
评论(0)
推荐(0)
摘要：
js中的运算符跟python中的运算符有点类似，但也有不同。所谓运算,在数学上，是一种行为，通过已知量的可能的组合，获得新的量。 1.赋值运算符 以var x = 12,y=5来演示示例| 2.算数运算符 var a = 5,b=2 3.比较运算符 var x = 5; 4.特殊情况 字符串拼接+字 阅读全文
posted @ 2018-07-12 15:50
Pyter
阅读(99)
评论(0)
推荐(0)
摘要：
Web前端有三层： HTML：从语义的角度，描述页面结构 CSS：从审美的角度，描述样式（美化页面） JavaScript：从交互的角度，描述行为（提升用户体验） HTML：从语义的角度，描述页面结构 CSS：从审美的角度，描述样式（美化页面） JavaScript：从交互的角度，描述行为（提升用户 阅读全文
posted @ 2018-07-12 15:49
Pyter
阅读(85)
评论(0)
推荐(0)
摘要：
在页面中，我们可以在body标签中放入<script type=”text/javascript”></script>标签对儿，<script type=”text/javascript”></script>标签对儿 alert语句 alert（英文翻译为“警报”）的用途：弹出“警告框”。 语法规则 阅读全文
posted @ 2018-07-12 15:49
Pyter
阅读(110)
评论(0)
推荐(0)
摘要：
z-index 这个东西非常简单，它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁，数值大的压盖住数值小的， 只有定位了的元素，才能有z-index,也就是说，不管相对定位，绝对定位，固定定位，都可以使用z-index，而浮动元素不能使用z-ind 阅读全文
posted @ 2018-07-12 15:47
Pyter
阅读(97)
评论(0)
推荐(0)
摘要：
定位 定位有三种： 1.相对定位 2.绝对定位 3.固定定位 这三种定位，每一种都暗藏玄机，所以我们要一一单讲。 相对定位 相对定位:相对于自己原来的位置定位 现象和使用： 1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。 2.设置相对定位之后，我们才可以使用四个方向的属性： to 阅读全文
posted @ 2018-07-12 15:46
Pyter
阅读(92)
评论(0)
推荐(0)
摘要：
先来讲讲颜色表示法 一共有三种：单词、rgb表示法、十六进制表示法 rgb:红色 绿色 蓝色 三原色光学显示器，每个像素都是由三原色的发光原件组成的，靠明亮度不同调成不同的颜色的。用逗号隔开，r、g、b的值，每个值的取值范围0~255，一共256个值。如果此项的值，是255，那么就说明是纯色：黑色： 阅读全文
posted @ 2018-07-12 15:45
Pyter
阅读(128)
评论(0)
推荐(0)
摘要：
html结构 写好上面的结构代码之后，也就是将我们页面展示的内容显示了，但是我们此时要利用我们学过的知识点来布局页面 首先我们要做导航栏，并排显示元素，第一想 浮动，想到使用浮动之后，一定记得清除浮动元素。 css代码如下： 阅读全文
posted @ 2018-07-12 15:44
Pyter
阅读(137)
评论(0)
推荐(0)
摘要：
文本属性 介绍几个常用的。 文本对齐 text-align 属性规定元素中的文本的水平对齐方式。 属性值：none | center | left | right | justify 文本颜色 color属性 文本首行缩进 text-indent 属性规定元素首行缩进的距离，单位建议使用em 文本修 阅读全文
posted @ 2018-07-12 15:43
Pyter
阅读(192)
评论(0)
推荐(0)
摘要：
浮动是css里面布局最多的一个属性，也是很重要的一个属性。 float：表示浮动的意思。它有四个值。 none: 表示不浮动，默认 left: 表示左浮动 right：表示右浮动 看一个例子 html结构： css样式： 我们会发现，三个元素并排显示，.box1和span因为是左浮动，紧挨在一起，这 阅读全文
posted @ 2018-07-12 15:42
Pyter
阅读(137)
评论(0)
推荐(0)
摘要：
margin塌陷问题 当时说到了盒模型，盒模型包含着margin，为什么要在这里说margin呢？因为元素和元素在垂直方向上margin里面有坑。 我们来看一个例子： html结构： css样式： 当给两个标准流下兄弟盒子 设置垂直方向上的margin时，那么以较大的为准，那么我们称这种现象叫塌陷。 阅读全文
posted @ 2018-07-12 15:42
Pyter
阅读(175)
评论(0)
推荐(0)
摘要：
学习的初期，我们就要知道，标准文档流等级森严。标签分为两种等级： 行内元素 块级元素 比如h1标签和span，同时设置宽高，来看浏览器效果，那么你会发现： 行内元素和块级元素的区别：（非常重要） 行内元素： 与其他行内元素并排； 不能设置宽、高。默认的宽度，就是文字的宽度。 块级元素： 霸占一行，不 阅读全文
posted @ 2018-07-12 15:33
Pyter
阅读(101)
评论(0)
推荐(0)
摘要：
margin margin：外边距的意思。表示边框到最近盒子的距离。 阅读全文
posted @ 2018-07-12 15:32
Pyter
阅读(262)
评论(0)
推荐(0)
摘要：
什么是标准文档流 宏观的将，我们的web页面和ps等设计软件有本质的区别，web 网页的制作，是个“流”，从上而下 ，像 “织毛衣”。而设计软件 ，想往哪里画东西，就去哪里画 标准文档流下 有哪些微观现象？ 1.空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张 阅读全文
posted @ 2018-07-12 15:32
Pyter
阅读(101)
评论(0)
推荐(0)
摘要：
边框 border:边框的意思，描述盒子的边框 边框有三个要素： 粗细 线性样式 颜色 如果颜色不写，默认是黑色。如果粗细不写，不显示边框。如果只写线性样式，默认的有上下左右 3px的宽度,实体样式，并且黑色的边框。 按照3要素来写border 按照方向划分 上面12条语句，相当于 bordr: 1 阅读全文
posted @ 2018-07-12 15:30
Pyter
阅读(213)
评论(0)
推荐(0)
摘要：
盒模型 在CSS中，"box model"这一术语是用来设计和布局时使用，然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种：标准模型和IE模型。我们在这里重点讲标准模型。 盒模型示意图 盒模型的属性 width：内容的宽度 height: 内容的高度 paddi 阅读全文
posted @ 2018-07-12 15:27
Pyter
阅读(90)
评论(0)
推荐(0)
摘要：
padding padding：就是内边距的意思，它是边框到内容之间的距离 另外padding的区域是有背景颜色的。并且背景颜色和内容的颜色一样。也就是说background-color这个属性将填充所有的border以内的区域 padding的设置 padding有四个方向，分别描述4个方向的pa 阅读全文
posted @ 2018-07-12 15:27
Pyter
阅读(226)
评论(0)
推荐(0)
摘要：
第一种现象：当权重相同时，以后来设置的属性为准，前提一定要权重相同 我们会发现此时显示的是红色的。 第二种现象： 第一个选择器没有选中内层标签，那么它是通过继承来设置的属性，那么它的权重为0。第二个选择器选中了内层标签，有权重。 所以 继承来的元素 权重为0。跟选中的元素没有可比性。 我们会发现此时 阅读全文
posted @ 2018-07-12 15:24
Pyter
阅读(157)
评论(0)
推荐(0)
摘要：
css有两大特性：继承性和层叠性 继承性 面向对象语言都会存在继承的概念，在面向对象语言中，继承的特点：继承了父类的属性和方法。那么我们现在主要研究css，css就是在设置属性的。不会牵扯到方法的层面。 继承：给父级设置一些属性，子级继承了父级的该属性，这就是我们的css中的继承。 记住：有一些属性 阅读全文
posted @ 2018-07-12 15:23
Pyter
阅读(106)
评论(0)
推荐(0)
摘要：
/*设置第一个首字母的样式*/ p:first-letter{ color: red; font-size: 30px; } /* 在....之前 添加内容 这个属性使用不是很频繁 了解 使用此伪元素选择器一定要结合content属性*/ p:before{ ... 阅读全文
posted @ 2018-07-12 15:21
Pyter
阅读(104)
评论(0)
推荐(0)
摘要：
伪类选择器一般会用在超链接a标签中，使用a标签的伪类选择器，我们一定要遵循"爱恨准则" LoVe HAte 再给大家介绍一种css3的选择器nth-child() 阅读全文
posted @ 2018-07-12 15:20
Pyter
阅读(112)
评论(0)
推荐(0)
摘要：
属性选择器，字面意思就是根据标签中的属性，选中当前的标签。 语法：] 阅读全文
posted @ 2018-07-12 15:18
Pyter
阅读(100)
评论(0)
推荐(0)
浙公网安备 33010602011771号