- 博客(47)
- 收藏
- 关注
RSS订阅原创 11.js-计时器
计时器函数里面的变量，属于局部变量，因此外面的操作不能直接操作计时器内部的变量，可以理解为外部的操作不会对计时器内部造成影响。计时器的返回值，返回值是当前浏览器分配给计时器的编号，谷歌从1开始，火狐从2开始，edge是从1 开始。创建间隔计时器,使用方法是 setInterval()参数2:时间间隔，单位是 ms, 1s=1000ms。clearInterval(计时器对应的编号)间隔计时器:设置每隔多久执行一次操作或者函数。延迟计时器:设置延迟多久才执行操作或者函数。清除延时计时器，一般不清除。
2023-10-24 20:18:23
52
原创 09.js-数组
注意，使用 构造函数声明数组的时候，如果只有一个number的参数，则表示数组长度，而数组内容为空，如果参数是两个及其以上的数字，则表示数组元素let arr1 = [1,2,'封神榜','妲己'];//使用 Array() 构造函数创建数组//空数组let arr3 = new Array('殷寿');// 如果Array的参数是一个数字类型数据，表示数组长度，该数组中的数据都是空// 如果是两个及其以上的数字，则表示数组中的元素/*数组长度的设置和获取。
2023-10-24 20:16:43
25
原创 08.js- while循环
do while和while的区别，do 首先先执行依次循环体中的代码，然后再判断是否满足循环条件，如果满足则执行循环体，否则跳出循环。当满足循环条件的时候，进入循环体，当不满足循环条件的时候，跳出循环，循环结束。do-while 要比while 多执行一次循环体代码。while(循环条件){}while(循环条件)
2023-10-24 20:15:09
24
原创 06.js-文档流写入和元素写入
他是dom元素的一个属性，可以通过 innerText 设置和获取元素的文本内容。他是dom元素的一个属性，可以通过 innerHTML 设置和获取元素的内容。dom.innerHTML 获取到了dom元素中的html结构。注意: 获取的结果会过滤掉标签名，只会显示文本内容。和 innerHTML 一样也可以设置和获取内容。使用 document.write(str)
2023-10-24 20:12:02
21
原创 05.js-for
for(循环变量的初始值;循环条件;循环变量的增值){对循环条件的理解，是变量满足循环条件的时候，才会执行 循环体中获得代码只有循环结束，循环后面的代码才能执行。
2023-10-24 20:11:22
16
原创 04.js-if和switch
在使用if语句的时候，else的范围有时候会比较大，因此可以使用else if对具体的情况进行细分， else if 可以根据情况设置多个。if 可以单独使用，else 必须结合if一起使用。else 指的是除了满足if条件之外的所有条件。if 后面 () 中的判断条件，不管里面的表达式有多复杂，返回的值永远只有true或者false。break的作用是阻断当前结构语句，可以阻断 switch 也可以阻断 循环。}else if(判断条件){先html内写上输入框。
2023-10-24 20:10:35
26
原创 03.js-获取html中的元素对象
二、通过标签名获取元素document.getElementsByTagName(‘标签名’)数组，在数组中可以存放任意类型的数据数组的下标从0开始计算，因此如果需要从数组中获取内容则：arr[内容对应的下标]三、通过class类名获取元素document.getElementsByClassName(‘class名’)返回值是一个数组，数组中包含了所有具有该class名的元素对象特点和 document.getElementsByTagName 一致
2023-08-21 09:13:34
72
原创 02.js-运算符
原理: 如果两个不同类型的数据相加，有一个是字符串，则另一个数据会被隐式转化为字符串，然后通过+ 和另一个数据拼接在一起。>大于<小于>=大于等于， <= 小于等于， == 等于，!= 不等于， === 全等 ，!除了 + 运算的时候，把数字转化为字符串，其他的算术运算符都是把字符串转化为数字。如果 + 的两边有一个是字符串，则表示的是字符串的拼接。先执行a的自增，然后再把a的值赋值给c。c=a–: 先把a的值赋值给c，然后再执行a的自减。c=–a: 先执行a的自减，然后再把a的值赋值给c。
2023-08-21 09:13:10
22
原创 01.js-基础
在同一个作用域下 let 声明的变量,不能被重新声明，var 可以。特殊的number NaN( 不是一个数的number 类型)声明变量的关键字是var，变量的值在程序运行期间可以改变。驼峰命名法：第一个单词的首字母小写，其余单词的首字母大写。变量只能是字母、数字、下划线、和$组成，不能以数字开头。帕斯卡命名法（大驼峰命名法）：每一个单词的首字母大写。不能使用let 在 同一个作用域下 声明 同名变量。NaN 是唯一一个和自己比较，结果值不相等的数据。定义变量的值 abc=100;使用let 声明变量。
2023-08-21 09:12:31
17
原创 34.sass
sass 是css的预编译语言sass的写法简单的写法和 css 是一样的less的写法通过换行符和空格来表达层级关系Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compass）有助于更好地组织管理样式文件，以及更高效地开发项目。
2023-08-16 11:12:28
28
原创 33.bootstrap
栅格系统 的最外层必须有一个类名 container每一行的类名为 row每一列的类名为 col使栅格系统在不同的屏幕宽度下，显示不同的布局方式，可以使用 col-前缀 添加列宽 列数 来设置列宽设置依据col-lg-4 含义是，在大于 992px 小于1200px 的宽度下，占据4列栅格</</</</</</
2023-08-16 11:12:10
27
原创 31. css hack
由于不同的浏览器厂商，比如ie，火狐，谷歌，safari(苹果) 等，他们生产浏览器的时候，会有不同的渲染解决方案。还有不同版本的浏览器也可能对相同的css设置渲染不同的效果，例如 IE 6 7 8 9。css hack 是浏览器厂家给自己的浏览器专门制定的一套特殊的css兼容问题，当然也可以使用 css hack 为不同的浏览器制定不同的css。
2023-08-15 10:12:37
98
原创 27.animate.css
需要添加 公共类 animate__animated，然后根据效果添加需要使用的 动画类名，注意以animate__为前缀。不用刻意添加类名，可以直接在css中声明 animation属性，然后他的动画名是 animate.css 中的动画名即可。使用 animate.css 的动画名。使用 animate.css。animate__动画名。
2023-08-12 16:55:16
37
原创 26.鼠标手势、轮廓线、怪异盒模型
宽度 = 设置的width(包括了 border 的宽度+padding 宽度 + 内容宽度)宽度 = border的宽度 + padding 宽度 + 内容宽度。鼠标手势，指的是鼠标在页面或者元素上的样式。轮廓线，他的使用方式和 border 一样。轮廓线不占据文档流空间。
2023-08-12 16:54:41
25
原创 25.关键帧动画
animation-timing-function： 值和过渡函数一致，都是贝塞尔曲线设置的函数。值是一个正整数，表示次数，默认为1次，也可以是 infinite 表示无限次数。合写的时候，除了name 和duration 不能省略，其他均可视情况省略。animation-name： 值是通过@keyframes 声明的名称。设置动画最后一帧的状态。
2023-08-12 16:53:19
30
原创 24.css-3D形变
需要把景深 perspective 设置在3D环境的父级上他的默认值是 none，值是具体的数值，不可以是百分比，因为z轴没有百分比，也不能是0或者负值。
2023-08-12 16:52:27
38
原创 23 css 2D形变、css过渡动画
使用 transform-origin 属性，设置形变的参考点，默认是center center。写法和translate 一样，分为x轴倾斜，y轴倾斜和复合写法。skewX(n+deg) 元素倾斜，就是元素和y轴的夹角为n度。设置元素从一种状态达到另一种状态的动画效果。如果同时设置 平移和缩放，有两种写法。以上均属于贝塞尔曲线中的特殊曲线。后面两个可以省略，直接设置默认值。2D形变包含的内容是。过渡动画不会主动触发。
2023-08-03 16:05:56
37
原创 21 圆角、背景、阴影
实质上，每一个角上面，都有一个水平半径和一个垂直半径，如果每一个方向上的半径不同，则需要写成：水平半径/垂直半径。在css属性名之前添加 浏览器前缀，表示该css属性是浏览器的私有属性。宽度和高度可以是具体的数值，也可以是相对于所在元素的百分比。border-radius:左上 右上 右下 左下;border-radius:左上 右上 右下;设置多组阴影，使用英文逗号隔开，设置的方式一样。border-radius:左上 右上;border-radius:左上;如果只写一个宽度，高度按照比例渲染。
2023-08-03 15:08:45
39
原创 18流式布局
元素的 margin-top、margin-bottom、padding-top、padding-bottom 他们的百分比设置都是基于父元素宽度的百分比。line-hight 如果设置百分比，不是基于父元素的line-height值，而是基于他自己字号的百分比。高度的百分比，是基于父元素的百分比进行渲染，因此使用百分比作为高度，他的父级必须定高。
2023-08-03 14:53:53
15
原创 17弹性布局子元素设置
flex-basis 设置子元素在父元素的主轴方向上所占空间的大小，他的值可以是具体值，也可以是百分比，默认是auto，auto的含义是遵循给该子元素设置的 width 值。元素的最终宽度 = 元素宽度 + flex-grow 的值/总 flex-grow 的值 * 总体剩余宽度。flex-grow 设置元素的放大比例，默认值为0，不放大，使用条件是 总宽度小于父级元素的宽度。flex-shrink 设置元素的缩小比例，默认值为1，使用条件是 总宽度大于父元素的宽度。后面两个属性是非必写项。
2023-08-03 14:52:33
107
原创 16css弹性布局
如果子元素的数量大于等于3，则每一个子元素之间的间距相等，第一个子元素在主轴起始位置，最后一个元素在主轴结束位置。space-around：在主轴方向把父级整体的尺寸分按照子元素的数量平分，并且子元素在评分的尺寸范围内居中。space-between：第一个子元素在主轴起始位置，第二个子元素在主轴结束位置。以上两个属性可以合写为 flex-flow。flex-start：（默认值）从左到右。flex-end：从右到左。Y轴 垂直于主轴方向。
2023-08-03 14:50:10
46
原创 14 css单位
可以理解为 子级设置长度或者尺寸的时候，可以使用em作为单位，1em= 父级的font-size，如果当前元素设置了font-size则 1em = 当前元素的font-size。rem 相对单位，在html标签上设置一个font-size 作为整个页面的root，在设置所有标签尺寸的时候，可以直接以html设置的字号大小为根字号，即为 1rem。em 相对单位,他是父级font-size的倍数。vh 是 view-height 视窗的高度。1vh = 视窗的高度 *1%1vh = 视窗的宽度 *1%
2023-07-20 11:38:25
24
1
原创 12 form表单
表单，可以用来提交数据form 是一个块标签action 属性，数据要提交到服务器地址，一般是接口地址method 属性，数据的提交方式他的值有get，post，put，delete 等。
2023-07-19 14:02:02
36
原创 10 透明度和垂直对齐
opacity:设置元素的透明度，可以使整个元素透明，包含元素里面所有的内容。vertical-align 也可以解决img标签的缝隙。取值范围 0-1， 0完全透明 1完全不透明。baseline：基线对齐。基线就是四行三格的第三行。middle：中间对齐。bottom：底部对齐。
2023-07-19 13:52:09
33
原创 09 css定位
absolute：绝对定位，以 当前元素的第一个具有定位属性的 祖先级元素 为 参照物，作为参 照物的祖先级元素必须具有position：relative 或者 position：absolute 设置。他是把在项目上的小图标拼合到一个图片上，这样在项目加载的时候，一次性的把小图标请求到客户端。relative：相对定位，以元素本身没有移动之前的位置为参照物。如果没有定位的祖先级元素属性，则参照物是 body。static：静态定位，无参照物，不定位。又叫 sprite (雪碧图)
2023-07-16 18:07:49
75
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人