- 博客(46)
- 收藏
- 关注
RSS订阅原创 Date对象/math/包装类
2.方法和属性只能添加给对象，不能添加给基本数据类型，当对一些基本数据类型的值去调用属性和方法时，浏览器会临时使用包装类将其转换为对象，然后再调用对象的属性和方法，调用完以后再将其转换为基本数据类型。时间戳，指从格林威治标准时间的1970年1月1日，0时0分0秒到当前日期所花费的毫秒数（1秒=1000毫秒）获取当前日期对象是几月，返回一个0-11的值，0表示1月，1表示2月，11表示12月。获取当前日期对象是周几，会返回一个0-6的值，0表示周日，1表示周一。可以对一个数进行向下取整，小数部分会被舍掉。..
2022-07-18 21:52:48
191
原创 函数的方法call和apply
3.在调用call（）和apply（）可以将一个对象指定为一个参数，此时这个对象将会成为函数执行时的this。2.对函数调用call（）和apply（）都会调用函数执行。1.两个方法都是函数对象的方法，需要通过函数对象来调用。call（）方法可以将实参在对象之后依次传递。函数.call（参数1，参数2····）该方法需要将实参封装到一个数组中统一传递。函数.apply（[参数1,参数2]）call（）和apply（）...
2022-07-18 21:50:44
204
原创 数组（Array）/数组字面量/数组的方法/数组遍历/数组去重
3.可以在sort（）添加一个回调函数，指定排序规则，回调函数中需要定义两个形参，浏览器会分别使用数组中的元素作为实参去调用回调函数，使用哪个元素调用不确定，但肯定的是在数组中a一定在b前边。浏览器会根据回调函数的返回值来决定元素的顺序，如果返回一个大于0的值，则元素会交换位置，如果返回一个小于0的值，则元素位置不变，如果返回一个0，认为两个元素相等，也不交换位置。数组也是一个对象，和普通的对象功能类似，也是用来存储一些值的，不同的是普通对象是使用字符串作为属性名，而数组是使用数字来作为索引操作元素。...
2022-07-18 01:09:03
288
原创 构造函数/原型对象
当使用一个对象的属性方法时，会先在自身中寻找，如果自身中有则直接使用，如果没有则去原型对象中寻找，如果原型对象中有，则使用，如果没有则去原型对象中的原型对象中寻找，直到找到Object对象的原型；5.创建构造函数时可以将多个对象共有的属性和方法统一添加到构造函数的原型对象中，这样不用分别为每一个对象添加，也不会影响到全局作用域，就可以使每一个对象都具有这些属性和方法。3.使用同一个构造函数创建的对象，称为一类对象，也将一个构造函数称为一个类，将通过一个构造函数创建的对象称为是该类的实例。...
2022-07-18 01:06:35
189
原创 方法/作用域/this/arguments
4.当在函数作用域操作一个变量时，它会先在自身作用域中寻找，如果有就直接使用，如果没有则向上一级作用域中寻找，直到找到全局作用域，如果全局作用域中依然没有找到，则会报错ReferenceError。2.this指向的是一个对象，这个对象称为函数执行的上下文对象，根据函数的调用方式不同，this会指向不同的对象。函数可以成为对象的属性，如果一个函数作为一个对象的属性保存，那么称这个函数是这个对象的方法（method）3.在函数作用域中可以访问到全局作用域的变量，在全局作用域中无法访问到函数作用域的变量。...
2022-07-18 01:05:34
127
原创 函数（function）/函数的参数/函数的返回值
2.调用函数的解析器不会检查实参的数量，多余的形参不会被赋值，如果实参的数量少于形参的数量，则没有对应实参的形参将是undefined。1.调用函数的解析器不会检查实参的类型，要注意是否有可能会接受非法的参数，如果有可能则需要对参数进行类型的检查。var函数名=function（[形参1，形参2，······，形参n]）{在调用函数时，可以在（）中指定实参（实际参数），实参将会赋值给函数中对应的形参。function函数名（[形参1，形参2，······，形参n]）{...
2022-07-18 01:03:18
1026
原创 基本数据类型和引用数据类型/代码块
JS中的变量都是保存到栈内存的，基本数据类型的值直接在栈内存中存储，值与值时独立存在的，修改一个变量不会影响其它的变量。对象是保存在堆内存中的，每创建一个新的对象，就会在堆内存中开辟出一个新的对象，就会在堆内存中开辟出一个新的空间，而变量保存的是对象的内存地址（对象的引用），如果两个变量保存同一个对象的引用，当一个变量修改属性值，另一个变量也会受到影响。在js中可以使用{}来为语句进行分组，同一个{}中的语句称为一组语句，要么都执行，要么都不执行，一个{}中的语句也称为一个代码块，代码块的后面不用写分号。.
2022-07-18 01:01:41
89
原创 对象Object
2.属性名和属性值是一组一组的名值对结构，明和值之间使用连接，多个名值对之间使用，隔开；使用工厂方法创建的对象，使用的构造函数都是Object，所以创建的对象都是Object这个类型，导致无法区分出不同类型的对象。1.对象的属性名不强制要求遵守标识符的规范，什么名字都可以使用，尽量按照标识符的规范起名。1.对象字面量的属性名可以加引号也可以不加，建议不加，如果使用特殊的名字，则必须加引号。/*创建一个新的对象*/JS对象的属性值可以是任意的数据类型，甚至可以是一个对象，包括一个函数。...
2022-07-18 00:54:08
112
原创 JS运算符
2.自增分两种，后++（a++）和前++（++a），无论是a++还是++a都会立即使原变量的值自增1，不同的是a++和++a的值不同；a++的值等于原变量的值（自增前的值），++a的值等于新值（自增后的值）2.自增分两种，后--（a--）和前--（--a），无论是a--还是--a都会立即使原变量的值自减1，不同的是a--和--a的值不同；a--的值等于原变量的值（自减前的值），--a的值等于新值（自减后的值）使用==来比较两个值时，如果类型不同，会自动进行类型转换，将其转换为相同的类型，然后再比较。....
2022-07-18 00:52:21
75
原创 流程控制语句
do······while语句在执行时，会先执行循环体，循环体执行完毕以后，再对while后的条件表达式进行判断，如果结果为true，则继续执行循环体，执行完毕继续判断，以此类推，如果结果为false，则终止循环。1.if语句在执行时，会先对条件表达式进行求值判断，如果条件表达式的值为true，则执行if后的语句，如果条件表达式的值为false，则不会执行if后的语句。使用条件判断语句可以在执行某个语句之前进行判断，如果条件成立才会执行语句，条件不成立则语句不执行。2.执行条件表达式，判断是否执行循环；..
2022-07-18 00:52:02
89
原创 强制类型转换
1.使用String（）函数做强制类型转换时，对于Number和Boolean实际上就是调用的toString（）方法，但是对于null和undefined，就不会调用toString（）方法，会将null直接转换为"null"，将undefined直接转换为"undefined"将一个数据类型强制转换为其它的数据类型，主要指将其它的数据类型转换为StringNumberBoolean。如果对非String使用parseInt（）或parseFloat（），会将其转换为String，然后再操作。...
2022-07-17 17:01:19
182
原创 JS数据类型
在js中字符串需要使用引号引起来（单引号和双引号都行，但不能混用），引号不能嵌套（单引号里不能有单引号，双引号里不能有双引号；如果进行浮点数计算，可能得到一个不精确的结果，所以不要使用js进行对精确度要求较高的运算。如果使用Number表示的数字超过了最大值，则会返回一个Infinity。Undefined（未定义）类型的值只有一个，就是undefined。当声明一个变量，但是并不给变量赋值时，它的值就是undefined。可以使用一个运算符typeof来检查一个变量的类型。...
2022-07-16 23:40:01
76
原创 JS基本语法/字面量和变量/标识符
js中每一条语句以分号结尾（不写分号浏览器会自动添加，会消耗一些系统资源，而且有时浏览器会加错分号。在开发中分号必须写）js底层保存标识符时实际上采用Unicode编码，理论上讲所有的utf-8中含有的内容都可以作为标识符。在开发中，通过使用变量去保存一个字面量，很少使用字面量。变量可以保存字面量，变量的值可以任意改变，更方便使用。在js中所有的可以由我们自主命名的都可以称为是标识符。字面量都是可以直接使用的，但一般不直接使用。例变量名、函数名、属性名都属于标识符。1.标识符中可以含有字母、数字、_、$..
2022-07-16 23:38:44
183
原创 CSS书写格式
2.外链样式在显示界面时会先加载Css样式，再加载结构，用户看到的界面一定已经设置了样式；导入样式在显示界面时会先加载结构，再加载Css样式，所有用户看到的界面不一定已经设置了样式。单独新建一个.css文件，把css代码写在这个文件中，通过在style标签中添加@import把这个文件和.html文件关联。单独新建一个.css文件，把css代码写在这个文件中，通过在head标签中添加link标签把这个文件和.html文件关联。在一对head标签当中写上一对style标签，在style标签中编写css代码。.
2022-07-16 23:35:50
1086
原创 CSS行高
5.如果一个盒子中存储的是文字，一般情况下以盒子左边的内边距为基准，不会以右边的内边距为基准（右边的内边距有误差，文字放不下会换行）6.顶部的内边距不是边框到文字顶部的距离，而是边框到行高顶部的距离。4.如果盒子中有多行文字，只能通过设置padding让文字居中。3.在开发中常将盒子的高度和行高设置为一样，来保证。在css中所有的行都有自己的行高。2.文字在行高中默认是垂直居中的。1.行高和盒子高度不是一个概念。在盒子的高度中是垂直居中的。...
2022-07-16 23:34:28
497
原创 CSS背景属性
background-size值auto;例background-sizeauto值;作用告诉系统背景图片从什么区域开始显示（默认padding区域）作用指定背景从哪个区域开始绘制（默认border区域）5.contain（等比拉伸到宽度或高度填满整个元素）4.cover（等比拉伸到宽度和高度填满整个元素）background-size值值;2.百分比（背景尺寸占元素的百分比）3.content-box（内容）1.padding-box（默认）2.border-box（边框）...
2022-07-16 23:31:20
206
原创 CSS动画模块
过渡和动画之间的异同不同：过渡必须人为的触发才会执行，动画不需要人为的触发就可以执行动画相同：过渡和动画都是给元素添加动画的，都需要满足三要素，才有动画效果格式：1.告诉系统需要执行哪个动画animation-name：xxx；2.告诉系统需要创建一个名叫xxx的动画@keyframes xxx{ from{ margin-left：0； } to{ margin-left：5
2022-07-16 23:29:53
78
原创 CSS过渡/2D/3D模块
：hover这个伪类选择器除了可以用在a标签上，还可以用在其它任何标签上过度模块前提：属性必须有过渡变化格式：transition-property：属性名；（告诉系统哪个属性需要执行过渡效果）transition-duration：值；（告诉系统过渡效果持续的时长）注：当多个属性需要同时执行过渡效果时用逗号隔开即可例：transition-property：width，background-color；transition-duration：5s，3s；过渡模块其它属性 transition-
2022-07-13 15:43:21
70
原创 a标签伪类选择器
a标签存在一定的状态1.默认状态，未被访问过2.被访问过的状态3.鼠标长按的状态4.鼠标悬停在a标签上的状态a标签伪类选择器作用：a标签的伪类选择器是专门用来修改a标签不同状态的样式的格式：修改从未访问过状态下的样式a：link{ 属性：值；}修改被访问过的状态下的样式a：visited{ 属性：值；}修改鼠标长按状态下的样式a：active{ 属性：值；}修改鼠标悬停时的样式a：hover{ 属性：值；}注：1.a标签的伪类选择器可以单独出现也可以一起出现，如果一起出
2022-07-13 15:39:41
638
原创 CSS浮动清除
清除浮动方式一：给前面一个父元素一个高度企业开发中，能不写高度就不写高度，所以这种方式用得很少清除浮动方式二：给后面的盒子添加clear属性取值：left 在左侧不允许浮动元素。right 在右侧不允许浮动元素。both 在左右两侧均不允许浮动元素。none 默认值。允许浮动元素出现在两侧。（按照浮动元素的排序规则来排序）inherit 规定应该从父元素继承 clear 属性的值。注：当给某个元素添加clear属性后，这个元素的
2022-07-13 15:38:59
241
原创 CSS网页的布局方式（标准流/浮动流/定位流）
网页的布局方式其实是就是指浏览器是如何对网页中的元素进行排版的。1、标准流（文档流/普通流）排版方式：（1）默认的排版方式就是标准流排版方式（2）在CSS中将元素分为三类，分别为块级元素/行内元素/行内块级元素（3）标准流中，垂直排版：块级元素，水平排版：行内元素/行内块级元素 在标准流中，内容的高度可以撑起父元素的高度企业开发中什么时候使用标准流什么时候使用浮动流？垂直方向使用标准流，水平方向使用浮动流。拿到一个很复杂的界面如何下手？1、从上至下布局2、从外向内布局3、水平方向可以先划分为一左一右再对左边
2022-07-13 15:37:29
1099
1
原创 CSS盒子模型
css盒子是一个比喻，HTML中所有的标签都是盒子在HTML中的所有标签都可以设置宽度/高度==指定可以存放内容的区域内边距==填充物边框==盒子外边距==盒子和盒子之间的间隙内容的宽度和高度：通过标签的width/height属性设置的宽度和高度元素的宽度和高度：宽度=左边框+左内边距+width+右内边距+右边框高度=上边框+上内边距+height+下内边距+下边框元素空间的宽度和高度：宽度=左外边距+左边框+左内边距+width+右内边距+右边框+右外边距高度=上外边距+上边框+上内边距+height
2022-07-13 15:33:20
888
原创 内外边距属性
内边距：边框和内容之间的距离格式：1.非连写padding-top: ；padding-right: ；padding-bottom: ；paddingr-left: ；2.连写padding：上 右 下 左；取值省略时的规律（1）上 右 下 左>上 右 下>左边的取值和右边一样（2）上 右 下 左>上 右 >左边的取值和右边一样,下边的取值和上边一样（3）上 右 下 左>上>右下左边的取值和上边一样注：1.给标签设置内边距之后，标签占有的宽度和高度会发生变化2.内边距也会有背景颜色外边距：标签和标签之间的
2022-07-13 15:31:56
155
原创 CSS边框属性
边框：环绕在标签宽度和高度周围的线条格式：1.连写（同时设置四条边的边框）border：边框的宽度 边框样式 边框颜色；快捷键：bd+：border: 1px solid #000;注：连写格式中颜色属性可以省略，省略之后默认是黑色连写格式中样式不能省略，省略后看不到边框连写格式中宽度可以省略，省略后能看到边框2.连写（分别设置四条边的边框）border-top：边框的宽度 边框样式 边框颜色border-right：边框的宽度 边框样式 边框颜色border-bottom：边框的宽度 边框样式 边框颜色b
2022-07-13 15:29:06
903
原创 CSS背景设置
背景颜色在css中有一个background-color属性，专门用于设置标签的背景颜色取值：具体单词rgbrgba十六进制十六进制缩写快捷键：bc 背景图片在css中有一个background-image：url（）的属性，就是专门用于设置背景图片注：1.图片的地址必须放在url（）中，图片的地址可以是本地的地址，也可以是网络上的地址2.如果图片的大小小于标签的大小，那么会自动在水平和垂直方向平铺和填充3.如果网页上出现了图片，那么浏览器会再次发送请求获取图片快捷键：bi背景平铺在css中有一个backg
2022-07-13 15:27:42
203
原创 Div和span标签/CSS元素的显示形式
div作用：一般用于配合css完成网页的基本布局Span作用：一般用于配合css修改网页的局部信息区别：1.div会单独占一行，span不会单独占领一行2.div是一个容器级的标签，span是一个文本级的标签容器级标签和文本级标签的区别容器级标签可以嵌套其它所有的标签，而文本级的标签只能嵌套文字/超链接/图片容器级标签：div h ul ol dl li dt dd ·····文本级标签：span p buis strong em ins del ····注：在开发中一般情况下要嵌套都是嵌套在div中，或者
2022-07-13 15:24:04
707
原创 CSS三大特性（继承性/层叠性/优先级）
继承性作用：给父元素设置一些属性，子元素也可以使用注：1.不是所有的属性都可以继承，只有以color/font-/line开头的属性才可以继承2.在css的继承中不仅儿子可以继承，只要是后代都可以继承3.继承性的特殊性：a标签的文字颜色和下划线是不能继承的，h标签的文字大小是不能继承的补：应用场景：一般用于设置网页上的共性信息，例如网页上的文字颜色，字体，文字大小等内容body{}层叠性作用：css处理冲突的一种能力注：层叠性只有在多个选择器选中同一个 标签，然后又设置了相同的属性才会发生层叠性优先级作用：
2022-07-13 15:22:57
255
原创 css选择器4
属性选择器作用：根据指定的属性名称找到对应的标签，然后设置属性格式：[attribute]作用：根据指定的属性名称找到对应的标签，然后设置属性[attribute=value]作用：找到有指定属性，并且属性的取值等于value的标签，然后设置属性补：常用于区分input属性1.属性取值是以什么开头的[attribute|=value]（css2）（了解）[attribute^=value]（css3）区别：css2中的只能找到value开头，并且value开头是被-和其他内容隔开的；css3中的只要是以va
2022-07-06 22:42:21
113
原创 css选择器3
序选择器1.同级别:first-child选中同级别中的第一个标签注：不区分类型:last-child选中同级别中最后的一个标签注：不区分类型:nth-child(n)选中同级别中的第n个标签注：不区分类型:nth-last-child(n)选中同级别中的倒数第n个标签注：不区分类型:only-child选中父元素中的唯一的标签:nth-child(odd)选中同级别中的所有奇数标签:nth-child(even)选中同级别中的所有偶数标签:nth-child(xn+y)x和y是用户自定义的，而n是一个计数
2022-07-06 22:41:48
219
原创 css选择器2
交集选择器作用：给所有选择器选中的标签中，相交的那部分标签设置属性格式：选择器1选择器2{ 属性：值； }注：1.选择器和选择器之间没有任何的连接符号2.选择器可以使用标签名称，也可以使用id名称/class名称3.交集选择器在开发中用的不多并集选择器作用：给所有选择器选中的标签设置属性格式：选择器1，选择器2{ 属性：值；
2022-07-06 22:41:14
85
原创 css选择器1
标签选择器作用：根据指定的标签名称，在当前界面中找到所有的该名称的标签，然后设置属性格式：标签名称{ 属性：值； }注：1.标签选择器选中的是当前界面中所有的标签，不能单独选中某一个标签2.无论标签藏得多深都能选中3.只要是HTML中的标签就可以作为标签选择器（h/a/img/ul/ol/dl/input·····）id选择器作用：根据指定的id名称找到对应的标签，然后设置属性格式：#id名称{ 属性
2022-07-06 22:40:36
166
原创 颜色相关属性
颜色属性作用：修改文字颜色格式：color:blue;取值：1.英文单词一般情况下常见的颜色都有对应的英文单词，但英文单词能够表达的颜色是有限的2.rgbrgb其实就是三原色，r（red红色），g（green绿色），b（blue蓝色）格式：rgb（0，0，0）格式中第一个数设置三原色的光源元件红色显示的亮度，第二个数设置三原色的光源元件绿色显示的亮度，第三个数设置三原色的光源元件懒色显示的亮度数字取值在0到255之间，0代表不发光，255代表发光，值越大越亮例：红色：rgb（255，0，0） 绿色
2022-07-06 22:39:04
413
原创 文本相关属性
1.文本装饰属性格式：text-decoration:underline;取值：underline：下划线line-through:删除线overline：上划线none：无，常用于去掉超链接下划线快捷键：td：text-decoration:none;tdu：text-decoration:underline;tdl：text-decoration:line-through;tdo：text-decoration:overline;2.文本水平对齐的属性格式：text-align:center;取值：le
2022-07-06 22:38:20
104
原创 css文字相关属性
1.规定文字样式的属性格式：font-style:italic;取值：nomal：正常的（默认）italic：倾斜的快捷键：fs：font-style:italic; fsn：font-style:normal;2.规定文字粗细的属性格式：font-weight:bold;取值：1.数值：100到900之间的整百数字（100是细线，900是加粗）2.单词取值：（1）bold：加粗 （2）bolder：比加粗还粗
2022-07-06 22:37:12
171
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人