前端
要当一个快乐的程序员
不断反思,才能进步
展开
-
绝对定位和相对定位
当你想要实现一个效果就是一个div上面又盖了一个div,就要用到定位。用了相对定位和绝对定位之后呢,这个div就会在浏览器中像浮起来一样。而且你还可以设置这个div的移动位置,让这个div 任意处在这个网页中的任何位置。定义:relative:定位是相对于自身位置定位(设置偏移量的时候,会相对于自身所在的位置偏移)。设置了 relative 的元素仍然处在文档流中,元素的宽高不变,设置偏移量也不会影响其他元素的位置。最外层容器设置为 relative 定位,在没有设置宽度的情况下,宽度是整个浏览器的宽度。原创 2022-06-29 17:18:02 · 129 阅读 · 0 评论 -
BFC到底是什么
W3C官方解释为:BFC它决定了元素如何对其内容进行定位,以及与其它元素的关系和相互作用,当涉及到可视化布局时,Block Formatting Context提供了一个环境,HTML在这个环境中按照一定的规则进行布局。怎样触发BFC这里简单列举几个触发BFC使用的CSS属性overflow: hiddendisplay: inline-blockposition: absoluteposition: fixeddisplay: table-celldisplay: flexBFC的规则原创 2021-10-14 23:27:34 · 113 阅读 · 0 评论 -
html、 css基础笔记
05-web标准 P6 - 01:48web标准主要包括:结构(html)、表现(css)、和行为(行为)10-DOCTYPE和lang以及字符集的作用 P12 - 00:20文档类型声明,作用就是告诉浏览器使用哪种HTMl版本来显示网页 文档类型声明标签lang 语言种类charset字符集可以存储各种各样的文字常用的GB2312简体中文 BIG5繁体中文 GBK包含了简体中文和繁体中文utf-8万国码 最常用 如果没有写就会出现乱码16-div和span标签 P18 - 0原创 2021-10-09 18:26:07 · 577 阅读 · 0 评论 -
全局变量和局部变量
var a=10;function sum(){a=5;}alert(a);这里结果为10sum();这里的作用吧a给重新赋值alert(a);这里结果为5var a=10;function(){var a=5;alert(a);结果5}alert(a);结果10sum();alert(a);结果10总结这里是作用域的作用:全局作用域:全局作用域声明的变量为全局变量局部作用域 函数局部作用域声明的变量为局部变量,局部变量的生命周期和生效范围,都是声明该变量的函数区域原创 2021-06-16 21:04:30 · 61 阅读 · 0 评论 -
arguments的作用
计算所有传入参数的和,具体多少参数不确定的时候会用到arguments【注】在每一个函数内,都有一个内置的数组,是一个变量,叫做arguments。1.arguments可以存储当前函数传入的所有参数,而且,是通过传参的顺序,进行排列的。2.arguments.length输入传入参数的个数3.访问arguments里面的数据,需要通过对应的房间号/下标进行访问。...原创 2021-06-16 20:28:36 · 558 阅读 · 0 评论 -
break和continue的区别
break直接跳出当前循环continue语句,使本次循环结束,即跳过循环体中下面尚未执行的语句,接着进行下次是否执行循环的判断。原创 2021-06-15 23:48:51 · 47 阅读 · 0 评论 -
比较运算符
一.关系运算符中操作数为非数字时要遵从一下规律:1.如果两个操作数都是数值,则数值比较。2.两个操作数都是字符串,则比较两个字符串对应的字符编码值,也就是ASCLL码值,像a和b之间比较a的ascll码值是97,b是98,则a>b的值为false。如果不是单个字符,是一串,则逐位进行比较,知道比较出大小,终止比较3.两个操作数有一个是数值,则将另一个转换成数值,再进行比较。二.在等于和不等于的比较上,如果操作数为非数值,则遵从以下规律:1.一个操作数为布尔值,则比较之前将其转换成数值,fa原创 2021-06-15 23:03:17 · 503 阅读 · 0 评论 -
js基础_强制类型转换
任何其他数据类型除了和字符串做相加操作外,与数字类型做算数运算的时候,其他数据类型都会自动转换成数字。布尔值:true=>1 false=>0特殊数据类型中:null=>0 undefined=>NaN强制类型转换有一下四种方式:1.通过Boolean() 进行强制转换,举个例子:var tmp=Boolean(1),这里tmp的值是true,所有非0的数字转换成布尔值都为true;空字符串转换成布尔值为false,所有非空字符串为true;null和undefi原创 2021-06-15 20:41:11 · 218 阅读 · 0 评论 -
js基础_自动数据转换
1.任何类型的数据和字符串类型数据做相加操作的时候,其他数据类型会自动转换成为字符串类型。字符串拼接。此时的相加操作不再是数学意义上的加法,而是表示拼接的意思。2.任何数据除了和字符串做相加运算外,先要将字符串转换成数字进行运算<1>.与NaN做算数运算的结果始终都是NaN,包括NaN本身和NaN做运算结果也为NaN<2>.字符串如果是纯数字,则字符串转换成数字,否则转换成NaN表达式:运算符和操作数组成的式子,叫做表达式...原创 2021-06-15 19:52:09 · 111 阅读 · 0 评论