- 博客(12)
- 资源 (1)
- 收藏
- 关注
原创 DOM知识总结
文章目录DOM什么是DOM节点类型获取DOM元素节点操作元素节点属性1、原生属性2、自定义属性3、H5自定义属性操作元素的类名1.按照原生属性的方法去操作2.H5提供的API操作元素内容this关键字操作元素节点的样式1.style2.获取生效的样式2.1 window.getComputedStyle()2.2 currentStyle2.3 自定义获取样式的函数DOM节点操作创建元素节点创建文本节点插入文档中删除节点DOM什么是DOMDOM:document object model 文档对象模
2021-02-24 19:17:19
145
原创 js基础知识带点汇总
文章目录1、定时器2、时钟3、秒表4、BOM5、小米活动倒计时代码6、location7、history8、浏览器卷去的高度9、浏览器滚动和自定义滚动的速度10、DOM11、获取元素节点的方法12、DOM节点13、自定义获取元素节点14、操作元素节点的属性&类名&内容&样式15、函数的执行16、全选练习17、属性节点18、通过节点关系来获取节点19、节点操作20、带有删除和添加的表格&自动生成数据21、js事件22、事件绑定方式23、事件对象24、鼠标事件对象&获取元
2021-01-18 20:51:11
371
原创 js对象知识点
文章目录对象对象的分类基本类型与引用类型Math对象Date对象日期对象日期格式化对象基础类型number, string ,boolean, null, undefined引用类型数组 ,函数 , 对象定义对象是指一个具体的事物。万物皆对象。一个具体的事物一般都会有行为和特征。手机:行为:打电话 聊微信 玩和平精英 刷新闻特征:颜色 屏幕分辨率 摄像头像素 对象的行为------js对象的函数 对象的特征------js对象的属性JavaS
2021-01-06 19:49:38
157
原创 js函数&&数组知识点
文章目录数组数组数组 array当我们需要处理一组数据时,一定性定义很多变量,比较难处理。这个时候我们就需要用到数组。概念:数组:一组数据的集合。其中每个数据被称为数组的元素。在数组中存放任意类型的数据。数组是将一组数据存储到单个变量名下的方式。数组声明三种声明:通过new关键字创建数组。省略new关键字创建数组字面量赋值【注】前两种方式,若传入参数只有一个,且为number时,这个数字表示声明的数组的长度,而不是存放的数据。.数组的长度arr.length数组
2021-01-05 20:27:31
230
原创 运算符
文章目录运算符数学运算符一元运算符赋值运算符关系运算符逻辑运算符三元运算符优先级运算符运算元运算符应用的对象。1 + 2 = 3一元运算符只有一个运算元的运算符。 var a = -1; a = -a; 表达式: 由运算符和变量/常量组成的式子 a+1 1+2 3+5 5-4 a-b c*d数学运算符常见的数学运算符+ - * /% 指数:**多个数字和字符相加时,注意顺序不同,结果也会不同 var a =
2020-12-30 17:54:55
61
原创 JS基础知识
文章目录js的书写位置输出语法变量八大数据类型类型详解类型转换js的书写位置1.内嵌式使用的是Script标签,该标签可以写在html文档中的任何位置【强调】一般情况下,我们应该将其写在head标签中。2.外链式通过script标签的src属性,引入外部的js文件。3.常见错误写法:<script src="js/demo.js"> alert("看看能不能用");</script>不要在同一个Script标签中同时使用内嵌式与外链式。如果设置了src
2020-12-29 18:08:54
453
1
原创 知识总结
文章目录表单类、ID选择器伪类选择器css的三大特性属性css标签类型表单表单:最重要的一个标签form1、大多数情况下用到的是表单输入标签–最重要输入字段可通过多种方式改变,取决于 type 属性,可以是文本框,密码等<form method="get"><p> username:<input type="text" name="username"></p><p> password:<input type="
2020-12-27 21:44:13
101
原创 弹性盒子知识点
文章目录圣杯圣杯总结:1.在主体内部外面嵌套了一个div 2.center在结构上靠前 3.center,left,right都浮动 4.清除浮动 5.center宽度为100%,left,right宽度固定 6.left通过margin-left为负值(-100%),移动到center最左边 7.right通过margin-left为负值(自身的宽度),移动到center的最右边。 8.center的内容会被left,right遮盖 9
2020-12-24 19:28:25
421
原创 flex知识分类
文章目录flex声明flex-direction&flex-wtap基础概念&justify-content&align-items&align-selfflex-grow&flex-shrink&flex-basisflex声明声明定义:使用display:flex或display:inline-flex 声明一个容器为弹性盒子。这个容器中的子元素们,会遵循弹性布局。【注】一般是使用display:flex. inline-flex极少用。flex
2020-12-21 19:38:43
168
原创 动画
动画动画:1.通过@keyframs定义动画。2.在指定元素中,通过animation属性来调用动画。1.定义动画格式:@keyframes 动画名 {from{初始帧}to{结束帧}}【注】动画名不要起关键字,最好见名知意。2.动画的调用:通过animation属性来调用动画。animation-name:动画名称animation-duration 执行一次动画的完成时间。animation-iteration-count: 动画的执行次数 infinite 表
2020-12-17 20:14:45
187
原创 12.16
过渡transition 过渡定义:元素从一个状态到另外一个状态(hover)直接切换,从开始状态到结束状态瞬间完成,中间过程几乎不可见。 css3新增了过渡这个属性,可以实现元素不同状态之间的平滑过渡。 transition-property:指定过渡的属性。 all为指定所有属性都有过渡效果。 必须 transition-duration: 过渡的时间,单位可以是s或者ms。 必须 transition-delay:指定过渡生效的延迟时间。 transitio
2020-12-17 13:50:00
106
原创 学习选择器
标签选择器选择器的功能: 选中要添加样式的标签元素。 什么是标签选择器? 通过标签名直接选择相应的标签。 不管有多复杂的嵌套关系,标签的位置就算藏得很深,依然可以被标签选择器命中。 格式:标签名{ 声明; } 标签选择器的作用: 1.利用标签选中所有的特性,进行默认样式的清除。 2.复杂选择器中一部分使用。eg: 我是div盒子我是段落3我是一级标题我是段落我是段落2百度一下
2020-12-09 20:54:02
86
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人