- 博客(43)
- 收藏
- 关注
原创 JS语法 之 操作符/方法(typeof、isNaN(n)、数值转换)
typeof:检测变量类型 语法结构:typeof 变量名 或者 typeof(变量)返回值:string类型(值的类型可以是string、number、boolean、object、undefined、function类型)<!DOCTYPE html><html lang="en"><head> <meta cha...
2019-05-08 20:15:04
1299
原创 JS语法2(数据类型)
undifined(没有定义) undefined类型:声明的同时不赋值,该变量即为undefined类型。var name="zhangyan",age; --- 这里age变量即是undefined类型(通过typeof打印,控制台则返回类型为undefined)ps:一般不存在需要显示地把一个变量设置为undefined值的情况。(var address=undef...
2019-05-08 20:01:05
543
原创 JS语法1(注释、标识符、变量)
学习目标:JS注释与分号 JS语法 标识符 变量(声明、赋值)1、JS注释与分号// 单行注释 (ctrl+/)/**/ 多行注释(css中同样) (ctrl+shift+/)注意:语句结束使用分号,如果省略不写,则由解释器确定语句的结尾。2、JS语法ECMAScript中一切(变量、函数名、操作符)都区分大小写。3、标识符标识符有哪...
2019-05-08 19:04:32
941
原创 JS初识
JavaScript:解释性脚本语言,主要用来向html页面添加交互行为。学习目标:什么是JavaScript? JS的发展史? JS的组成? 如何在html中使用JS?JavaScript,一种基于对象和事件驱动的客户端脚本语言,最初设计是为了检验HTML表单输入的正确性(起源于Netscape公司的LiveScript语言)。插播:最初html表单提交了错误信息,只能...
2019-05-08 11:01:10
220
原创 前端 ~ PS切图工具
*** 工具准备 ***1、PS(photoshop)【注意】:安装时,需要先选择“试用”,之后通过注册机进行注册,直接重新打开ps应用即可(应该会无需登录)2、更改:缓存盘路径、默认单位【注意】:ps安装时默认缓存盘是系统盘,默认单位是cm;【编辑->首选项->暂存盘】,选择除了C盘以外的盘符,确定即可; 【编辑->首选项->单位与标尺】,标尺/文字...
2019-04-24 14:18:43
1242
原创 css3过渡(transition属性)
目录css3过渡(css动画) transition-property属性 transition-duration属性 transition-timing-function属性 transition-delay属性 transition属性整合property:规定应用过渡的 CSS 属性的名称duration:定义过渡效果花费的时间,默认是 0timing-functio...
2019-04-18 17:02:03
1147
原创 css3转换(transform属性---rotate() / translateX() / translateY() / translate(x,y) / scaleX()...)
目录Transform(变形)属性 2D转换 rotate() 旋转 translate() 平移 scale() 缩放 skew() 扭曲/斜切 3D转换 rotate3d() translate3d()---增加了z轴方向平移 scale3d()---增加了z轴方向缩放 transform 与 坐标系统 css3矩阵 css3扩展属性 transfo...
2019-04-17 14:47:12
4117
原创 css3文本效果与字体
目录 css3文本 文本阴影 换行 新文本属性 css3字体 (@font-face) *** css3文本 *** 文本阴影 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title&...
2019-04-04 16:21:02
449
原创 css3背景与渐变
目录 css3背景 背景图像区域 背景图像定位 背景图像大小 多重背景图像 背景属性整合 css3渐变 线性渐变 径向渐变(径-半径) IE浏览器渐变 *** css3背景 *** 背景图像区域 <!DOCTYPE html><html lang="en"...
2019-04-03 17:44:39
509
原创 css3边框和圆角
目录 css3 圆角 css3 盒阴影 css3 边界图片 *** css3 圆角 ***// 顺时针(从左上角开始)<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>border</t...
2019-04-02 19:55:37
329
原创 css3选择器
CSS3 是 CSS 的 技术升级版本!【回顾:css中选择器】目录CSS3 基础选择器(新增) 子元素选择器 相邻兄弟元素选择器 通用兄弟选择器 群组选择器 CSS3 属性选择器(新增) Element[attribute] Element[attribute="value"] Element[attribute ~= "value"] Element[att...
2019-04-02 18:51:34
752
原创 HTML5网页布局
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>IMOOC</title><link rel="stylesheet" type="text/css" href="css/style.css"></...
2019-03-31 15:59:31
1220
原创 HTML5属性变化
目录input增加类型 表单属性扩展 链接属性 其他属性*** input增加类型 ***<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>input标签属性变化</title></head>&l...
2019-03-31 11:30:59
376
原创 HTML5标签变化
目录什么是HTML5? html5标签变化 标签 DTD 新增的标签 结构标签 多媒体标签 Web应用标签 其他标签 删除的标签 重定义的标签*** 什么是HTML5?*** //可以理解为html的最新版本*** html5标签变化 *** <!DOCTYPE>标签 <!DOCTYPE html><...
2019-03-30 16:57:38
564
原创 css网页布局基础(行布局、列布局、圣杯布局、双飞翼布局)
目录行布局 多列布局 圣杯布局 双飞翼布局*** 行布局 ***<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> body{ ...
2019-03-27 15:57:04
487
原创 css定位(position)
css体系中,position不仅仅是一个属性,还是一个模块(简单了解);目录position:static; position:relative; position:absolute; position:fixed; position:sticky;*** position:static; *** // 默认值概念:自然流 / 常规流 是什么?...
2019-03-22 20:35:49
332
原创 float浮动
目录css浮动的基础知识 float浮动的语法 清除浮动// 普通流,即不设置元素的排列方式,块元素、行内元素按其最原本的排列方式展示*** css浮动的基础知识 ****** float浮动的语法 ***?? 使用浮动产生的问题 ?? --- “高度塌陷”*** 清除浮动 ***//设置了float的元素 会影响其他相邻的元...
2019-03-22 18:28:50
352
原创 css背景和列表
目录css背景(background) css列表*** css背景(background)***<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <styl...
2019-03-21 20:35:06
329
原创 css盒子模型、display属性
目录高和宽设置 边框设置 内边距设置 外边距设置 盒子的计算 display属性 高和宽设置 【注意】:IE6以下不支持该max-width、min-width属性;【总结】:1、当元素的max-width < 外部元素的width,则元素只展示max-width宽度;2、当元素的max-width > 外部元素的width,则依旧展示外部wi...
2019-03-21 18:10:41
1650
原创 css文字、文本样式
目录文字样式: 字体(font-family) 文字大小(font-size) 文字颜色(color) 文字粗细(font-weight) 文字斜体(font-style) 字体变形(font-variant) 文本样式属性: 水平对齐方式(text-align) 垂直对齐方式(vertical-align) 行高(line-height) 其他文本样式属性*** ...
2019-03-18 20:20:42
882
原创 css基础2(css各个选择器、伪类、)
目录css选择器 伪类 css 继承和层叠 css权值 ! important 规则 css样式命名***css选择器*** 1、标签选择器通过标签选择器设置样式,即所有使用该标签的都会引用该样式2、类选择器3、ID选择器一个ID选择器只能对应一个标签【注意】:css虽然不区分大小写,但是对于 类选择器、...
2019-03-18 16:08:11
712
原创 CSS基础(样式声明、引用(行内样式、内部样式、外部样式、导入样式)、样式优先级)
目录什么是CSS 为什么使用css css样式规则 css引用(行内、内部、外部link链入、导入式@import) css三种使用方法的区别***网页三大元素******什么是CSS*** ***为什么使用css*** css样式中 不区分大小写***css样式规则******css引用(行内、内部...
2019-03-15 16:23:53
7740
5
原创 网页结构(<div>、<span>标签)
当下比较流行的网页布局是 div+css。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <!--div标签:(块级标签)每...
2019-03-14 16:45:10
1146
原创 HTML表单(form、input、select、textarea标签)
目录HTML表单 下拉菜单/列表***HTML表单*****<input>标签**<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&g...
2019-03-13 19:48:32
5474
1
原创 HTML表格(table、tr、td、th、thead、tbody、tfoot标签)
目录HTML表格 table表格属性***HTML表格**<!DOCTYPE html><html><head> <title>表格</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></hea...
2019-03-12 20:33:26
35872
3
原创 HTML基础(概念、历史、h1~h6、p、hr、特殊符号、有序/无序/定义列表、img、a、锚点)
目录HTML基础 概念 历史 HTML特点 基础语法 html标签 --- <标签名> html元素 html属性 ---<标签名 属性名1=“值” 属性名2=“值” ...> html注释 --- DOCTYPE文档类型 常用标签***HTML基础*** 概念 HTML(Hypertext Makeup Lan...
2019-03-11 22:40:35
1198
原创 java工具类 ~ 集合(List、Set、Map)
**集合** --- 可以存储 任意数量 的 具有共同属性的容器为什么使用集合,而不用数组??--- 因为数组只能是固定长度,集合可以存储任意数量集合的应用场景:无法预测存储数量的数据 需要存储有 一对一关系的数据 需要频繁对数据进行删增 数据重复问题Collection接口,属于java.util 需要导入。(之前包装类、异常类属于java.lang 不需要导入)...
2019-03-01 19:22:24
588
原创 java工具类 ~ 字符串处理类(String类、StringBuilder类)
**String类** 如何创建String对象: 方式1: String s1="zhangsan" ; 创建一个字符串对象zhangsan,名为s1方式2: String s2=newString( ); 创建一个空字符串对象,名为s2方式3: String s3=newString( “lisi” ); 创建一个字符串对象lisi,名为s3...
2019-02-28 19:21:03
668
原创 java工具类 ~ 包装类(包装类与基本数据类型的转换、基本数据类型与字符串之间的转换)
为什么要使用包装类??java数据类型分为 基本数据类型、引用数据类型。其中基本数据类型是不具备对象的特征(不能像普通对象一样拥有属性和方法,并且不能进行对象化交互),因此包装类就是为了能让基本数据类型能够像对象一样 拥有属性、方法、以及可以对象化交互。(java包装类都是在java . lang包中的)**包装类与 基本数据类型 之间的对应关系**public cl...
2019-02-28 15:28:35
1527
原创 java三大特性 ~ 封装(封装、包、static、代码块)
***封装***(即:将属性变为private -- 只能在当前类内被访问)【前提】:为什么需要封装?会出现怎样的逻辑隐患??(程序正常运行,可是年龄怎么可能是-3呢??) ***包***用途:1、管理java文件;【建议】每个包中,存储信息功能单一的类;(单一职责 原则)2、解决同名文件冲突;(java中不允许同一个包中存在同名的类) ...
2019-02-27 14:37:48
1069
原创 java三大特性 ~ 初识概念(类、对象、构造方法、this关键字)
Java三大特征:继承、封装、多态类(虚拟模型):确定对象将拥有的特征(属性)和行为(方法);--- 抽象的概念/模板对象(实物--猫):类的实例表现;--- 具体实体【总结】:类 是 对象的类型,对象 是特定类型的数据;属性:对象所具有的各种静态特征(对象有什么)---名字、毛色、年龄、体重....方法:对象具有的各种动态行为(对象能做什么)---跑、跳、叫.......
2019-02-27 11:18:21
337
原创 java工具类 ~ 异常
异常:程序上的错误,包括 编译期间错误、运行期间错误;编译期间错误:编译器会帮助修改;(比如:括号配对缺少、语句结束缺少分号、关键字书写错误....)运行期间错误:程序错误,编译器修改不了;由于异常会影响正常工作流程,因此java提供了一个 异常处理机制 ,提升程序的健壮性。Java中,通过Throwable类及其子类,用来描述各种不同的异常类型:Throwable类中...
2019-02-27 10:22:13
564
原创 java基础 ~ 方法(方法声明、调用、方法重载、可变参数列表)
一、方法声明二、调用 类对象名 . 方法名(参数列表-实参);【注意】:1、主方法中,调用自定义方法时,只能通过类对象去调用;2、同类中自定义方法调用另外自定义方法时,可以直接通过方法名调用; 方法传值问题: 1、基本数据类型传值: --方法中对参数的修改,不会对主方法中传来的变量值产生影响;2、引用数据类...
2019-02-26 17:11:42
1036
原创 java基础 ~ 数组(一维、二维)
数组:相同数据类型 按顺序(内存中开辟连续的空间)组成的引用数据类型 一维数组1、声明形式一:数组类型[ ] 数组名; (int[ ] myArray ;)(char[ ] ch ;)形式二:数据类型 数组名[ ]; (int myArray[ ];)(String strArray[ ];)2、创建形式一:(先声明后创建)数据类型[ ] 数...
2019-02-26 16:50:22
238
原创 debug
eclipse中:F11:进行debug;F6:单步调试为;F8:多断点调试,直接运行跳到下一个断点处;F5:跳转到方法内执行;F7:由方法内跳回调用处; ...
2019-02-26 16:31:20
192
原创 java基础(插曲) ~ 增强for循环
一、增强型for循环(又称for-each循环)for(int n : arr){ //数组类型 元素:数组名 sout(n);}
2019-02-26 16:27:29
244
原创 java基础 ~ 流程控制(选择、顺序、循环)
一、选择结构:(if、if-else、多重if、嵌套if、switch结构)【注意】:不添加大括号{},下边一个else会和最近的一个if匹配;“会报错; 【注意】:JDK7.0之后表达式的值可以是基本数据类型的byte、short、int、char,以及String类型 二、循环结构:(while、do-while、...
2019-02-26 16:24:55
352
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人