笔记
关注
分享
扫一扫
WeVH
这个作者很懒，什么都没留下…
展开
-
前端 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 · 129 阅读 · 0 评论 -
前端 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 · 121 阅读 · 0 评论 -
前端 day7
一 document.write注意事项 document.write如果在页面加载完成后执行，会覆盖页面所有内容。二 函数的返回值 1 返回值的概念 函数自身的处理数据或执行结果，需要被二次使用或调用时，需要将数据返回出来（当一个函数执行完毕后，得到数据，返回到函数的外部，用函数的执行语句表示。简单来说：返回值，返回到函数的执行语句身上。） 2 ...原创 2020-04-27 19:35:05 · 126 阅读 · 0 评论 -
前端 day6
一 函数1 函数的概念 1 空调： 概念：由遥控器或开关控制，可以实现调节空气的功能的家用电器 特点：忽略细节；重复使用；选择性使用2 函数： 概念：由用户或自身控制，可以实现某个功能的代码段（许多代码） 特点：忽略细节： 在使用过程中，只需关注其实现的功能，而不需要关注其内部原理重复使用： 多次使用...原创 2020-04-26 19:41:02 · 132 阅读 · 0 评论 -
前端 day5
一 逻辑运算符且的应用 && 1 基本规则 1 两边只要有一个false，结果为false 2 原理 1 假设左边为true，不能确定结果，继续向右检测，结果停止在右侧 2 如果左边是false，确定结果，不向右检测二 for语句 1 for语句的语法 for 语句名( ) 条件组（计数器的...原创 2020-04-24 22:42:13 · 125 阅读 · 0 评论 -
前端 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 · 128 阅读 · 0 评论 -
前端 day2-2
一 数据类型的转换 1 为什么要转换数据类型？ 1 如果用户、计算机、或其他程序给我们的数据类型不是我们想要的数据类型。2 需要转成当前程序需要的数据类型，再进行运算。3 这节课学习数据类型的转换方法。 2 数据类型的转换方法1 强制转换（显示转换，主动转换）1 字符转数值 1 parseInt(要转换的数据或变量)...原创 2020-04-21 23:15:23 · 125 阅读 · 0 评论 -
前端 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 · 99 阅读 · 0 评论 -
前端day23
一 媒体查询 1 媒体查询：由设备类型，检测设备特性表达式构成。 2 语法： @media 设备类型[all/screen] and (条件表达式){ css样式}注：and两侧必须有空格 not放在设备类型的前面(反向选择[排除某个范围]) 3 媒体查询：做样式微小调整 例如： 浮动...原创 2020-04-16 00:12:32 · 165 阅读 · 0 评论 -
前端 day22
一 怪异盒模型 1 border-sizing：； 属性值：content-box；常规盒模型 border-box； 怪异盒模型 2 触发怪异盒模型 border-sizing：border-box； 3 怪异盒模型特点 padding和border都会在元素内部，不会把元素撑...原创 2020-04-14 22:40:32 · 146 阅读 · 0 评论 -
前端 day21
一 CSS属性1 阴影 1 文本阴影/元素阴影 属性：text-shadow：； 属性值： h-shadow 设置水平阴影的位置，允许负值 v-shadow 设置垂直阴影的位置，允许负值 blur 设置模糊距离，数字越大越模糊；0显示为文本...原创 2020-04-13 20:03:18 · 230 阅读 · 0 评论 -
前端 day20
一 H5表单 1 新增type属性 email url number range color search time mouth week datetime-local 选取本地时间 date 只有年月日2 新增表单属性 min...原创 2020-04-11 10:21:57 · 105 阅读 · 0 评论 -
前端 day19
一 3d案例 逐帧动画 动画缩放 摩天轮 太阳系二 H5语法 1 内容类型(ContentType) HTML5的文件扩展符与内容类型保持不变，仍然为“.html”或“.htm” 2 DOCTYPE声明 不区分大小写 3 指定字符集编码 <me...原创 2020-04-09 22:06:38 · 109 阅读 · 0 评论 -
前端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 · 91 阅读 · 0 评论 -
前端 day17
一 2d 1.概念：平面空间的元素变形。 2.变形属性（transform：属性值（功能函数））： 3.2d功能函数： 2d的位移 2d的旋转 2d的缩放 2d的倾斜二 2d位移 transform:translate(x,y);...原创 2020-04-07 23:52:54 · 110 阅读 · 0 评论 -
前端 day16
一 浏览器前缀 1 很多css3属性：最初的预览版没有形成最终的正式版，但是浏览器为了对这些新属性形成支持，主流浏览器提供属于自己的语 法规则“浏览器前缀”。 2 webkit 谷歌、苹果 浏览器前缀 moz 火狐浏览器前缀 ms IE浏览器前缀 o ...原创 2020-04-03 19:52:41 · 101 阅读 · 0 评论 -
前端 day15
一、BFC应用 四种方法： 1.BFC实现两栏布局 2.BFC实现（左右两侧固定中间自适应布局）双飞翼布局 3.用padding实现双飞翼布局 4.用margin实现双飞翼布局二、PSD原型图案例 1.自己的效果图 图2： 图3：...原创 2020-04-03 01:06:49 · 113 阅读 · 0 评论 -
前端 day14
一、表格标签属性补充 1.表格的数据行分组 <thead></thead> 表头 <tbody><tbody> 表体 <tfoot></tfoot> 表尾 注：一个表格只有一个表头、一个表尾，但是可以有多个表体。 ...原创 2020-04-01 21:46:15 · 97 阅读 · 0 评论 -
前端 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 · 221 阅读 · 0 评论 -
前端 day12
一、position属性值position:fixed; 固定定位 a:参照物为浏览器窗口 b:不占据空间，脱离布局流二、让一个元素在浏览器窗口里左右上下居中 方法1： position:fixed; left；50%；top：50%； margin-left：负的元素宽度的...原创 2020-03-30 23:03:29 · 155 阅读 · 0 评论 -
前端 day11
一、position的属性值 1.position:static;【静态定位】（添加、不添加效果一样） 2.position:absolute;【静态定位】 A:绝对定位的参照物： 1.已经有定位的父元素。 2.如果父元素没有定位，或者没有父元素，以整个文档为参照物。 B:绝对定位的特点： ...原创 2020-03-28 22:37:29 · 94 阅读 · 0 评论 -
前端 day10
一、元素类型的转换 1.display属性： 属性值： block inline none 2.大部分块状元素默认的display值是block，其中li默认的值list-item（列表元素）； 大部分内联元素默认的display值inline，其中i...原创 2020-03-27 23:15:55 · 119 阅读 · 0 评论 -
前端 day9
一 、元素类型 1.html对标签的分类 单标记、双标 2.css的显示对标签的分类 1.块状元素、内联元素（行内元素） 第3个归类有争议： 第1个观点：可变元素 第2个观点：行内块元素 2.元素类型分类：块状元素、...原创 2020-03-26 21:49:50 · 90 阅读 · 0 评论 -
前端 day8
一、新闻列表的流程 1.结构： 1.如果新闻后面有时间 <li> <a href=#”>新闻新闻新闻新闻新闻新闻新闻新闻新闻</a> ...原创 2020-03-25 21:33:05 · 98 阅读 · 0 评论 -
前端 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 · 137 阅读 · 0 评论 -
前端 day 021
一、浮动拓展 1.添加浮动的元素不占据空间（脱离文档流） 2.只要子元素有浮动，父元素必须有高度（如果父元素没有高度，父元素会坍塌）二、页面布局拓展 1.网页的版心（有内容的区域） 1.ps中按cctrl+R显示出标尺，从标尺中拉出线条 2.网页的外围结构 1.id名称划分结构，外围宽度可以不写，或者写{...原创 2020-03-23 22:26:42 · 144 阅读 · 0 评论 -
前端 day5
1.选择符的权重id>class>标签 用4个数字表示权重大小 !important MAX 内联样式表 1000 id 0100 class 0010 标签 0001 伪类选择...原创 2020-03-20 20:32:18 · 108 阅读 · 0 评论 -
前端 day3
表格(显示数据) （1）表格的HTML属性: width 宽 border 边框 bordercolor 边框颜色 cellspacing =””相邻单元格边框间的间距...原创 2020-03-18 17:20:43 · 96 阅读 · 0 评论 -
前端 day2
1 HTML基本结构<!DOCTYPE html > 声明文档类型<html lang=”en”> 跟标记、跟标签<head> 描述区<meta charset=”UTF-8”><meta name=”viewport” content=”...原创 2020-03-17 19:17:06 · 103 阅读 · 0 评论