- 博客(25)
- 收藏
- 关注
RSS订阅
1原创 事件类型-基本类型
一、UI事件（不一定与用户操作有关的事件）load 当页面完全加载后的在window上触发图片也可以触发load事件resize 当窗口大小变化时在window上触发(除火狐外其他浏览器会在浏览器窗口变化1像素时就触发事件,而火狐是在用户停止调整窗口大小时才发。不建议在此事件中加入大计算量代码,因为可能频繁执行，导致浏览器速度变慢。另外窗口最大最小化也会触发事件)scroll 当用户滚动滚动条的元素中的内容时，在该元素上面触发二、鼠标事件1、事件类型onclick-----单击ondblc
2022-05-25 17:11:31
452
原创 三大存储总结
一、cookie1、cookie的构成名称：一个唯一确定cookie的名称值：存储在cookie中的字符串值域：cookie对于哪个域是有效的路径：指定域中的指定路径失效时间：cookie何时应该被删除的时间戳安全标志：指定后cookie只有在使用SSL连接时才发送到服务器（设置secure标志）2、cookie的限制绑定在特定域名下，无法跨越浏览器对cookie数量的限制规定不同所有cookie的累加长度限制为4KB，超长会被忽略3、JS中的cookiedocument.cook
2022-05-25 16:46:50
50
原创 BOM知识点
BOM：Browser Object Model提供了一系列与浏览器相关的信息window对象窗口位置：screenLeft 返回浏览器窗口左上角相当于当前屏幕左上角的水平距离，不兼容FF浏览器screenTop 返回浏览器窗口左上角相当于当前屏幕左上角的垂直距离，不兼容FF浏览器screenX 功能同screenLeft，兼容FFscreenY 功能同screenTop，兼容FF窗口大小（IE9以下不兼容）innerWidth 返回网页在当前窗口中可见部分的宽度，包含滚动条宽度inne
2022-05-19 19:05:30
86
原创 DOM知识点
DOM1、树形结构2、DOM操作增：新建1、createElement(标签名）创建元素节点2、setAttribute(name,value) 直接设置属性3、cloneNode(true、false） true包含子节点 false不包含插入appendChild() 拼接节点insertBefore(new,old) 插入节点删removeChild() 删除子节点removeAttributeNode() 删除属性节点改replaceChild(new,old)
2022-05-19 10:59:50
51
原创 Js知识点6
一、函数1、函数实际上就是可以作为一个逻辑单元对待的代码块2、作用：使代码更加简洁，提高重用性3、地位：每一个项目的代码，大约有95%在函数里4、函数的定义function 函数名([x,y,z,…]){[return ex];}4.1函数名①在同一个页面中，函数名必须唯一②参数部分选填，参数用逗号隔开，最多可添加255个参数③return 选填4.2关于return①没有return 函数只代表一些列的逻辑运算②有return 函数返回一个特定值，此时函数可以作为一个值参与到运
2022-05-19 10:59:32
53
原创 Js知识点5
一、数组操作arr[1] 根据下标获取元素arr[1] 根据下标修改元素添加删除push(x) 将元素拼接到最末尾unshift(x) 将元素拼接到开头pop() 删除最后一个元素shift() 删除第一个元素concat() 把一个数组添加到另一个数组末尾必要时要有变量来接受这个值排列reverse（）颠倒数组中元素的顺序sort（）对数组中的元素进行排序join（规则）以指定规则返回字符串splice（x,y,“newEI”)指定位置插入元素从x下标开始删除y个元
2022-05-19 10:59:13
69
原创 Js知识点4
一、数组1、作用：①对大量数组进行存储②按顺序排列一组数，每个值的位置都有编号，从0开始2、概述：创建：在JS中，数组使用Array对象表示三种方式：1、var arr1=new Array(); arr1=[el1,el2,el3,...] 元素个数不确定，用户可以在赋值时任意定义2、var arr2=new Array([size]) 指定数组长度，如果赋值时，赋值个数大于size,则会报错3、var arr3=new Array(el1,el2,el3,...)
2022-05-19 10:58:49
39
原创 Js知识点3
一、循环1、while表达式：while（表达式）+{循环体}2、do while首先执行do循环一次，然后在执行while循环3、for语法：for（语句1；语句2；语句3）{代码块}语句1 负责初始化语句2 循环的条件判断语句3 计数器变量的变化4、结束循环break 打破所有循环continue 打破本次循环二、修改css样式1、element.style.xxx①css不区分大小写，js严格区分②不用连字符eg: font-size==>fontSize
2022-05-19 10:58:25
43
原创 Js知识点2
一、运算符1、比较运算符== 等于 只比较内容 eg: 0 == 0 yes 0 == "0" yes=== 恒等于 既比较内容，又比较数据类型eg: 0 === 0 yes 0 === "0" no!= 或<> 不等于！== 恒不等于> 大于< 小于>= 大于等于<= 小于等于2、三目运算符（三元运算符）eg:var a =1>2 ? 5:6;3、逻辑运算符&& 逻辑与|| 逻辑或！ 逻辑非
2022-05-19 10:58:08
67
原创 Js知识点1
一、代码规范1.1 Js中的一切都区分大小写（变量名，函数名，操作符）bian1.2 标识符（变量名、函数名、属性名、函数的参数）规则：①首字符必须是字母、下划线（-）或符合$②其他字符可以是字母、下划线、符号$或数字③建议使用驼峰命名法 eg. testFunction④见名知意1.3 注释单行注释与块注释块注释：/代码/单行注释：//1.4 严格模式ECMAScript 5 引入了“严格模式写代码时加入“use strict”1.5 语句标准①关键字和保留字是语言保留的
2022-05-19 10:57:35
72
原创 转义字符+伪类选择器+伪元素选择器
一、转义字符某些字符具有特殊意义，无法直接显示，需要转义空格： 具体看任务文档明细二、伪类选择器可以理解为描述元素的某种状态常用伪类：hover 鼠标覆盖在元素上：active 鼠标在元素上并按下左键：link 元素链接点击前的样式：visited 元素链接点击后的样式：focus 获取焦点的样式：checked 选中 (用于 audio vedio)：first-child 第一个子级：first-of-type 特定的第一个子级：last-child 最后一
2022-05-18 14:58:43
102
原创 渐变、倒影、过渡、变形
一、渐变1、线性渐变语法:background-image:linear-gradient(方向/deg, 颜色 渐变点的百分比）方向：上、下、左、右、角度默认是top、to bottom、180deg如果添加方向，则必须使用浏览器内核识别标识①-webkit- : safari & chrome②-moz- ：Firefox③-ms- ：ie④-o-： opera2、径向渐变语法：radial-gradient (中心点，形状，颜色，渐变点的百分比）形状：①circl
2022-05-18 14:57:57
100
原创 动画知识点
animation1、作用增加用户体验，但是不要过度使用2、关键帧keyframes3、动画animation-name 动画属性名animation-duration 动画持续时间animation-delay 动画延迟时间animation-timing-function 动画速度曲线animation-iteration-count 定义循环次数（infinite为无限循环）animation-direction：alternate 动画轮流反向播放ani
2022-05-18 14:57:22
175
原创 弹性盒模型
一、目的1、提供一种更加有效的方式来布置、对齐和分布在容器之间的各项内容，即使他们的大小是未知的变化的。2、让容器有能力改变项目的宽和高，以填满可用空间3、布局与方向无关块属性 垂直；行间 水平（二者拓展性太差）4、最适合小规模布局（大规模用网格）二、属性1、display：flex /display：inline-flex适用于父类元素声明要使用弹性盒子2、flex-direction写在父级css中，但作用于子级检索子级在盒子中的位置，即子级的排列顺序值：①row 横向，左到右
2022-05-18 14:56:45
54
原创 H5新标签
H5新标签一、结构标签1 article定义文章使用：①论坛帖子②博客文章③新闻故事④评论2、aside定义文章的侧边栏3、section定义文档中的某个区域使用：main 章节header 头部bottom 底部3、nav定义导航部分...
2022-05-18 14:56:03
46
原创 定位内容总结
定位（position）分类：1、静态定位（static）：默认状态2、相对定位（relative）参考物：定位前的位置特点：①不影响元素本身特性②元素不脱离文档流③相对于原位置进行偏移绝对定位（absolute）参考物：最近的使用定位的父级，如果没有找body特点：①元素脱离文档流②行元素支持所有的css样式③块元素内容撑开宽高④清除子级的浮动固定定位（fixed）参考物：浏览器窗口特点：①脱离文档流②清除子级的浮动作用：1、可以使用偏移描述①left②t
2022-05-18 14:54:41
52
原创 表格+表单
一、表格（table）标签:table: 表格tr：表格行th：表头td： 单元css resettable {border-collapase} 单元格间隙合并th,td {padding :0;} 重置单元格默认填充单元格合并colspan 横向合并rowspan 纵向合并口诀：一找二合三删除二、表单（form)表单元素1、语言形式：type类型：text：文本框 placeholder: 提示文本password: 密码radio: 单选checkbox:
2022-05-18 14:53:13
71
原创 web浮动
一、浮动1、定义元素脱离文档流，按照指定方向发生移动，遇到父级边界换行2、取值1、none 不浮动2、left 左浮动3、right 右浮动4、inherit 继承父级3、作用解决水平布局问题4、特性1、所有标签同排显示2、行标签支持所有css样式3、默认内容撑开高度4、元素脱离文档流二、清除浮动1、原因元素使用浮动后脱离文档流，父级元素检测不到子级的存在，高度无法撑开。2、解决方案①在父级使用height 缺点：拓展性不太好②在父级使用overflow：
2022-05-18 14:52:30
371
原创 CSS基础框架
一、引入方式外部：使用link标签进行引入内部：直接定义样式注意：权重相同情况下，后来者居上内联：权重高为1000二、常见样式1、背景背景色:background-color背景图:background-image使用url获取背景位置2、文本字体颜色字体大小：font-size字体样式：font-family对齐方式:行高：line-height①当line-height = height时，文本垂直居中②行高默认是字体大小的1.2倍数，字体是相对于行高来居中的，当不给高
2022-05-18 14:52:03
302
原创 web常见标签
一、块标签1、 内容:div：块标签，无语义，用来装内容和布局h1~h6：标题标签p：段落标签ul：无序标签ol：有序标签li：li标签其他标签：artical section aside nav header footer2、特点：独占一行，默认宽度占满父级，高度为0，子级内容撑开高度二、行标签1.内容span：没有语义，用来装内容和布局a：超链接标签①href：链接地址②target: 打开方式_self为默认值_blank为新窗口中打开方式i：倾斜标签b：加粗标
2022-05-18 14:51:24
2344
原创 盒模型总结
一、什么是盒模型每一个标签都是一个矩形，像一个盒子，所以HTML页面的布局可以理解为多个盒子组合嵌套排列而成。二、组成1、width 宽度2、height 高度3、padding 内边距：①1~4个值②顺时针开始，从上开始，上右下左③增加盒模型面积4、border 边框①复合属性：border-width，border-style，border-color②增加盒模型的面积③通过border-radius可将图形设置成圆角，经过一系列变化可变为三角形等形状5、margin 外边距
2022-04-12 20:12:16
38
原创 盒模型总结
一、什么是盒模型每一个标签都是一个矩形，像一个盒子，所以HTML页面的布局可以理解为多个盒子组合嵌套排列而成。二、组成1、width 宽度2、height 高度3、padding 内边距：①1~4个值②顺时针开始，从上开始，上右下左③增加盒模型面积4、border 边框①复合属性：border-width，border-style，border-color②增加盒模型的面积③通过border-radius可将图形设置成圆角，经过一系列变化可变为三角形等形状
2022-04-12 19:51:13
64
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人