自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 资源 (1)
  • 收藏
  • 关注

原创 前端 day9

一 xmind (思维导图)二 数组 1 数组的操作 1 索引 1 var arr = [“hello”,3,4,5,”world”]; 2 数组是一个有序数据的集合 3 有序的序号,是索引 4 从0开始,5 到哪结束1 根据长度,得出到 length-1 结束2 数组的第一个表示为:数组[0]...

2020-04-29 20:04:23 94

原创 前端 day8

一 js的执行过程1 偏原理1 可以不懂原理,只需要注意现象,可以正常写代码2 懂原理,帮助提升代码性能,优化代码2 js是一门解释型语言1 预先编译,再执行2 先通读全文,再解释含义1 找到var 和function,做出相应提升2 编译时 提升3 执行时1 按照逻辑,结构正常执行4 变量和函数会提升1 var的提升1 var声明的变量会提升1 声明提升,=...

2020-04-29 09:18:45 93

原创 前端 day7

一 document.write注意事项 document.write如果在页面加载完成后执行,会覆盖页面所有内容。二 函数的返回值 1 返回值的概念 函数自身的处理数据或执行结果,需要被二次使用或调用时,需要将数据返回出来(当一个函数执行完毕后,得到数据,返回到函数的外部,用函数的执行语句表示。简单来说:返回值,返回到函数的执行语句身上。) 2 ...

2020-04-27 19:35:05 94

原创 前端 day6

一 函数1 函数的概念 1 空调: 概念:由遥控器或开关控制,可以实现调节空气的功能的家用电器 特点:忽略细节;重复使用;选择性使用2 函数: 概念:由用户或自身控制,可以实现某个功能的代码段(许多代码) 特点:忽略细节: 在使用过程中,只需关注其实现的功能,而不需要关注其内部原理重复使用: 多次使用...

2020-04-26 19:41:02 107

原创 前端 day5

一 逻辑运算符且的应用 && 1 基本规则 1 两边只要有一个false,结果为false 2 原理 1 假设左边为true,不能确定结果,继续向右检测,结果停止在右侧 2 如果左边是false,确定结果,不向右检测二 for语句 1 for语句的语法 for 语句名( ) 条件组(计数器的...

2020-04-24 22:42:13 108

原创 前端 day4

一 小数的问题 1 现象 1 明明只有一个小数,但是计算结果出来很多位小数 2 0.1+0.7=0.7999999999999999 3 59.99999999999999不小于60 4 等问题 2 原因 1 计算机最终执行或识别的符号只有 0 和 1 ,二进制 2 计算机有一套完善的转换机制,所有内容,...

2020-04-23 19:31:16 108

原创 前端 day3

二 js中的三个特殊数据 NaN null undefined 1 NaN:非法的数值运算得到的结果 1 特殊之处 1 是一个数值型的数据,但是不是一个数字 2 NaN不等于任何值,和任何数据都不相等,NaN不等于NaN 2 检测方法:isNaN(要检测的结果) 1 true :检测结果为NaN或能转成NaN...

2020-04-22 23:47:30 82

原创 前端 day2-2

一 数据类型的转换 1 为什么要转换数据类型? 1 如果用户、计算机、或其他程序给我们的数据类型不是我们想要的数据类型。2 需要转成当前程序需要的数据类型,再进行运算。3 这节课学习数据类型的转换方法。 2 数据类型的转换方法1 强制转换(显示转换,主动转换)1 字符转数值 1 parseInt(要转换的数据或变量)...

2020-04-21 23:15:23 104

原创 前端 day2-1

一 js的作用 交互 行为二 js书写1写的位置1 css写的位置1 内联(行内):属性形式:style="样式属性:样式属性值"2 内部:style双标签,包裹css样式3 外部(外联):link单标签,的href属性,引入css文件的路径 2 js写的位置1 内联(行内):属性形式:事件触发 代码: <i...

2020-04-20 22:49:16 81

原创 前端 day24

一 移动端布局方法 1 vm结合rem计算 原理:根据html里font-size值而定 2 插件来进行html的font-size的值的改变 1 适应插件flesible.js 进行适配 步骤: 1 删除meta里的控制视口的那一行代码 2 在js里添加flesible.js文件3 在head里...

2020-04-16 21:58:30 89

原创 前端day23

一 媒体查询 1 媒体查询:由设备类型,检测设备特性表达式构成。 2 语法: @media 设备类型[all/screen] and (条件表达式){ css样式}注:and两侧必须有空格 not放在设备类型的前面(反向选择[排除某个范围]) 3 媒体查询:做样式微小调整 例如: 浮动...

2020-04-16 00:12:32 138

原创 前端 day22

一 怪异盒模型 1 border-sizing:; 属性值:content-box;常规盒模型 border-box; 怪异盒模型 2 触发怪异盒模型 border-sizing:border-box; 3 怪异盒模型特点 padding和border都会在元素内部,不会把元素撑...

2020-04-14 22:40:32 114

原创 前端 day21

一 CSS属性1 阴影 1 文本阴影/元素阴影 属性:text-shadow:; 属性值: h-shadow 设置水平阴影的位置,允许负值 v-shadow 设置垂直阴影的位置,允许负值 blur 设置模糊距离,数字越大越模糊;0显示为文本...

2020-04-13 20:03:18 171

原创 前端 day20

一 H5表单 1 新增type属性 email url number range color search time mouth week datetime-local 选取本地时间 date 只有年月日2 新增表单属性 min...

2020-04-11 10:21:57 83

原创 前端 day19

一 3d案例 逐帧动画 动画缩放 摩天轮 太阳系二 H5语法 1 内容类型(ContentType) HTML5的文件扩展符与内容类型保持不变,仍然为“.html”或“.htm” 2 DOCTYPE声明 不区分大小写 3 指定字符集编码 <me...

2020-04-09 22:06:38 85

原创 前端day18

一 3d 1 触发3d空间 transform-style:preserve-3d; 2 3d位移 transform:translate3d(x,y,z) translate() 3 3d旋转 rotate(); rotate3d(x,xy,z,度数) ...

2020-04-08 22:06:24 77

原创 前端 day17

一 2d 1.概念:平面空间的元素变形。 2.变形属性(transform:属性值(功能函数)): 3.2d功能函数: 2d的位移 2d的旋转 2d的缩放 2d的倾斜二 2d位移 transform:translate(x,y);...

2020-04-07 23:52:54 92

原创 前端 day16

一 浏览器前缀 1 很多css3属性:最初的预览版没有形成最终的正式版,但是浏览器为了对这些新属性形成支持,主流浏览器提供属于自己的语 法规则“浏览器前缀”。 2 webkit 谷歌、苹果 浏览器前缀 moz 火狐浏览器前缀 ms IE浏览器前缀 o ...

2020-04-03 19:52:41 82

原创 前端 day15

一、BFC应用 四种方法: 1.BFC实现两栏布局 2.BFC实现(左右两侧固定中间自适应布局)双飞翼布局 3.用padding实现双飞翼布局 4.用margin实现双飞翼布局二、PSD原型图案例 1.自己的效果图 图2: 图3:...

2020-04-03 01:06:49 97

原创 前端 day14

一、表格标签属性补充 1.表格的数据行分组 <thead></thead> 表头 <tbody><tbody> 表体 <tfoot></tfoot> 表尾 注:一个表格只有一个表头、一个表尾,但是可以有多个表体。 ...

2020-04-01 21:46:15 83

原创 前端 day13

一、min-height的兼容问题一般情况下直接用min-height即可,但IE6不兼容,会把height解析为min-height。 当height和min-height同时出现时,会执行height的固定高度。 2.min-height的兼容问题的设置方法(了解): 问题分析:只让IE6识别height:300px; 1...

2020-04-01 00:11:49 169

原创 前端 day12

一、position属性值position:fixed; 固定定位 a:参照物为浏览器窗口 b:不占据空间,脱离布局流二、让一个元素在浏览器窗口里左右上下居中 方法1: position:fixed; left;50%;top:50%; margin-left:负的元素宽度的...

2020-03-30 23:03:29 120

原创 前端 day11

一、position的属性值 1.position:static;【静态定位】(添加、不添加效果一样) 2.position:absolute;【静态定位】 A:绝对定位的参照物: 1.已经有定位的父元素。 2.如果父元素没有定位,或者没有父元素,以整个文档为参照物。 B:绝对定位的特点: ...

2020-03-28 22:37:29 68

原创 前端 day10

一、元素类型的转换 1.display属性: 属性值: block inline none 2.大部分块状元素默认的display值是block,其中li默认的值list-item(列表元素); 大部分内联元素默认的display值inline,其中i...

2020-03-27 23:15:55 96

原创 前端 day9

一 、元素类型 1.html对标签的分类 单标记、双标 2.css的显示对标签的分类 1.块状元素、内联元素(行内元素) 第3个归类有争议: 第1个观点:可变元素 第2个观点:行内块元素 2.元素类型分类:块状元素、...

2020-03-26 21:49:50 75

原创 前端 day8

一、新闻列表的流程 1.结构: 1.如果新闻后面有时间 <li> <a href=#”>新闻新闻新闻新闻新闻新闻新闻新闻新闻</a> ...

2020-03-25 21:33:05 73

原创 前端 day7

一、margin的用法1.margin位于盒子(元素)之外2.margin控制的是同级元素之间的关系3.margin不会影响盒子本身的大小和宽高4.给单一方向添加margin值margin-left/right/top/bottom5.margin的设置方法:margin:1个值 四周margin:2个值...

2020-03-25 00:22:26 109

原创 前端 day 021

一、浮动拓展 1.添加浮动的元素不占据空间(脱离文档流) 2.只要子元素有浮动,父元素必须有高度(如果父元素没有高度,父元素会坍塌)二、页面布局拓展 1.网页的版心(有内容的区域) 1.ps中按cctrl+R显示出标尺,从标尺中拉出线条 2.网页的外围结构 1.id名称划分结构,外围宽度可以不写,或者写{...

2020-03-23 22:26:42 119

原创 前端 day5

1.选择符的权重id>class>标签 用4个数字表示权重大小 !important MAX 内联样式表 1000 id 0100 class 0010 标签 0001 伪类选择...

2020-03-20 20:32:18 91

原创 前端 day4

1.样式表的权重 1.内联样式表的权重最高 2.内部和外部样式的权重,和书写的先后顺序有关。后面的样式会把前面的样式覆盖掉。覆盖的只是相同属性的标签,不同属 性的样式标签会继续执行 3.!important权重最高 4.层叠性的体现(出现样式权重关系,必然产生层叠性)2.css选择符 css语法:选择符{属性:属性值...

2020-03-19 20:43:19 75

原创 前端 day3

表格(显示数据) (1)表格的HTML属性: width 宽 border 边框 bordercolor 边框颜色 cellspacing =””相邻单元格边框间的间距...

2020-03-18 17:20:43 82

原创 前端 day2

1 HTML基本结构<!DOCTYPE html > 声明文档类型<html lang=”en”> 跟标记、跟标签<head> 描述区<meta charset=”UTF-8”><meta name=”viewport” content=”...

2020-03-17 19:17:06 81

原创 前端 day1

1.H5与前端的关系: H5是前端的一门新技术,前端包括但不限于H5。2.前端是做什么的 它是软件开发(开发网站、网页、电子商业平台、后台管理系统、移动端的项目、Web app、小程序等等)3.网站(项目)的开发流程(1)注册或购买域名(2)资源存储空间(租用空间)【服务器】(3)网站建设(确定网站主题、搜集资料、规划网站、制作...

2020-03-16 22:00:43 123

205姜静文.doc

作为万维网的核心语言, HTML5的出现带来一个全新的无缝网络, 自规范开发完成那一刻起,它便注定成为移动主流,从目前层出不穷的移动应用就知道,在这个智能手机和平板电脑大爆炸的时代,移动优先已成趋势,HTML5 已经作为主角登上互联网舞台。

2020-03-16

空空如也

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

TA关注的人

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