自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 对象浅拷贝、回调函数、递归、深拷贝

1.待复制的属性必须是可枚举2.待复制的属性必须是自有属性,不能继承自原型链3.Object..assign(O进行的是浅拷贝--只遍历第-一级对象属性4.Object..assign(0方法是ES6(ES2015)中新增的方法。

2024-08-09 08:41:30 871

原创 变量作用域、作用域链、return

全局变量因为在全局操作会每次留存上次操作的结果局部变量因为执行完成就会被销毁并不会保留本次操作的结果可以通过传参和返回,将结果不断地专递处理。

2024-08-03 11:42:24 408

原创 函数、预解析、参数、参数列表、抛出异常、捕获异常

关键字var和function开头的语句块提前进行处理解释代码和执行代码通过预解析,我们知道函数名不要和变量名重名声明式函数可以先调用,尽量不要先调用/尽量使用赋值式函数来定义。

2024-08-01 19:22:47 667

原创 javaScript中基本数据类型和复杂数据类型数据的存储

1) 基本数据类型存储。2) 复杂数据类型存储。

2024-07-31 21:41:08 515

原创 javaScript中的对象

js中的对象

2024-07-31 21:30:04 458

原创 if、switch判断 for、while、do...while循环

如果条件语句仅有一句话,可以省略{},不写{}只执行一句条件语句中的表达式如果使用逗号,最后一句才是条件判断表达式。

2024-07-29 21:14:30 271

原创 关系运算符、位运算符、三元运算符

=> >=

2024-07-29 09:29:43 317

原创 运算符优先级、赋值运算符、一元运算符、逻辑运算符

字符串布尔 null undefined。

2024-07-28 10:00:00 281

原创 数据类型转换

String字符串转换Number数值转换isNaN判断是否是非数值isNaN()函数用于检查给定的值是否是一个不是数字的值(Not-a-Number)。它返回一个布尔值,如果传入的参数是NaN,则返回true,否则返回falseisNaN()在处理用户输入时特别有用,因为它可以帮助我们防止非数字值进入数值计算,从而减少错误。但需要注意的是,isNaN()有时可能会出现意外的结果,例如,空字符串会被视为数字0,所以在使用时需要小心处理。Boolean布尔转换Objec对象转换。

2024-07-27 21:07:06 528

原创 严格模式 模块化开发

当你在脚本或函数的顶部添加"use strict"语句时,你的代码将在严格模式下执行。这可以帮助你避免某些常见的编程陷阱,例如在不声明变量的情况下就使用它们,或者删除变量、函数或函数参数。3、严格模式时,如果使用call或者apply传入的第一个参数是什么this就指向什么。7、禁止使用eval(官方文档是禁止重新定义eval和将eval的内容指向顶层)2、this在函数中严格模式时,不再指向window,而指向undefined。1、 使用严格模式后,变量必须使用var 或者let定义,不能直接写变量。

2024-07-27 20:57:23 828

原创 定义变量、数据类型

规定变量都写在script内最上边varletconst直接变量赋值和var、let区别连续定义。

2024-07-26 08:22:24 287

原创 调试、获取Dom、计时器

js调试 获取dom 计时器

2024-07-25 08:31:55 393

原创 js引入和使用

DOM 针对HTML标签,CSS样式的语言部分 Document Object ModelBOM 针对浏览器所使用的开发部分 Browser Object Model。

2024-07-25 08:16:48 233

原创 移动端 、响应式布局

移动端布局设备像素比DPR移动端页面书写的时候设计图的尺寸如果是移动端网页开发,UI常用的设计图尺寸是以iPhone6/7/8 为标准的,这个图的宽是750高度是1334,实际在浏览器中解析的时候是375*667 也就是UI给的设计图是一个2倍图 ,所以如果UI给的是这样的一个2倍图,那么我们开发在书写的时候,需要把测量的所有数据/2设备像素比dpr这里看到的2倍或者是3倍,有专业术语 叫做dpr 设备像素比设计图看到的750这样的宽度专业术语叫做物理像素。

2024-07-24 22:55:41 655

原创 颜色 阴影 边框 怪异盒子 按钮

(1) 、十六进制颜色所有主要浏览器都支持十六进制颜色值。指定一个十六进制的颜色其组成部分是:#RRGGBB,其中RR(红色),GG(绿色)和BB(蓝色)。所有值必须介于0和FF之间。(2) 、RGB颜色RGB颜色值在所有主要浏览器都支持。RGB颜色值指定:RGB(红,绿,蓝)。每个参数(红色,绿色和蓝色)定义颜色的亮度,可在0和255之间,或一个百分比值(从0%到100%)之间的整数。(3) 、RGBA颜色。

2024-07-23 14:15:07 574

原创 渐变、过渡、转换、动画

CSS3 线性渐变backgroud-image:linear-gradient(梯度变化曲线)()为了创建一个线性渐变,你必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时,你也可以设置一个起点和一个方向(或一个角度)。1、从上到下下面的实例演示了从顶部开始的线性渐变。起点是红色,慢慢过渡到蓝色:2、从左到右#grad {3、对角#grad {4、使用透明度(transparent)CSS3 渐变也支持透明度(transparent),可用于创建减弱变淡的效果。

2024-07-23 08:12:51 1150

原创 iframe、BFC

iframe标签用来制作后台管理系统,不需要新开浏览器窗口就可以在本页面规定区域切换页面。iframe 标签src属性是首次展示的页面 添加name属性用来绑定跳转连接a连接负责跳转页面,属性targate就是iframe的name属性浏览器回默认给iframe一点多余的尺寸需要自己调。

2024-07-22 08:53:23 356

原创 多列布局、弹性盒子布局

CSS3 可以将文本内容设计成像报纸一样的多列布局1创建多列div {2创建列与列间的间隙div {3列边框column-rule 属性指定了列与列间的边框样式:综合设置*/指定元素应该被分割的列数。指定如何填充列column-gap指定列与列之间的间隙所有 column-rule-* 属性的简写 列之间的边框指定两列间边框的颜色指定两列间边框的样式指定两列间边框的厚度指定元素要跨越多少列指定列的宽度,尽量不要与column-count同时使用columns。

2024-07-22 08:10:53 1262

原创 HTML CSS高级技巧 -元素的显示与隐藏-用户界面样式-溢出文字隐藏-css精灵图-字体图标

在CSS中有三个显示和隐藏的单词比较常见,我们要区分开,他们分别是display、visibility和overflow。他们的主要目的是让一个元素在页面中消失,但是不在文档源码中删除。最常见的是网站广告,当我们点击类似关闭不见了,但是我们重新刷新页面,它们又会出现和你玩躲猫猫!display设置对象是否显示、如何显示。display : none隐藏对象。与它相反的是display:block除了转换为块级元素之外,同时还有显示元素的意思。特点:隐藏之后,不再保留位置。设置或检索是否显示对象。

2024-07-19 10:49:05 1241

原创 css定位

定位模式是否脱标占有位置是否可以使用边偏移移动位置基准静态static不脱标,正常模式不可以正常模式相对定位relative不脱标,占有位置可以相对自身位置移动(自恋型)绝对定位absolute完全脱标,不占有位置可以相对于定位父级移动位置(拼爹型)固定定位fixed完全脱标,不占有位置可以相对于浏览器移动位置(认死理型)

2024-07-19 09:07:24 677

原创 浮动 清除浮动的影响

标准流:元素按照本身的特性进行排列布局。浮动:元素脱离标准流,布局到左右位置。

2024-07-19 08:58:30 659

原创 CSS 行高 三大特性 盒子模型

行高我们利用最多的一个地方是:可以让一行文本在盒子中垂直居中对齐。做法就是:文字的行高等于盒子的高度。总结:1. 上距离和下距离总是相等的,因此文字看上去是垂直居中的。2. 如果行高等于height高度,文字会垂直居中3. 如果行高大于高度,文字会偏下4. 如果行高小于高度,文字会偏上。

2024-07-18 09:15:23 962

原创 css标签显示模式 css背景

css显示模式 背景图

2024-07-17 23:07:45 902

原创 js基础概念

是一门动态类型语言:静态类型语言在编译时已确定变量的类型,而动态类型语言的变量类型要到程序运行的时候,待变量被赋予某个值的时候才会具有某种类型。是一门编程语言、是一门脚本语言、是一门解释性语言、是一门动态类型语言(弱性语言)、是一门基于对象的语言。是一门编程语言:指计算机能够接受和处理的,具有一定语法规则的语言。是一门解释性的语言:解释执行不需要编译过程,直接由解释器(不是面向对象的语言,只是部分具备一些面向对象的特征。网页的动画效果(轮播图,返回顶部,:定义数据类型,语法,变量等。美国的网景公司发明。

2024-07-17 17:39:33 131

原创 CSS选择器

css选择器

2024-07-17 16:03:31 787

原创 CSS样式表 字体属性 外观属性

其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少。text-indent属性用于设置首行文本的缩进,其属性值可为不同单位的数值、em字符宽度的倍数、或相对于浏览器窗口宽度的百分比%,允许使用负值, 建议使用em作为设置单位。2. 其中不需要设置的属性可以省略(取默认值),但必须保留font-size和font-family属性,否则font属性将不起作用。line-height常用的属性值单位有三种,分别为px,相对值em和%还有不带单位,实际工作中使用最多的是像素px.

2024-07-17 11:21:29 540

原创 HTML中的音视频

HTML中audio video

2024-07-17 08:53:01 872

原创 HTML表格和表单标签

HTML表格表单标签

2024-07-17 08:30:40 645

原创 HTML常用标签

HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就需要使用图 像标签,接下来将详细介绍图像标签以及和他相关的属性。为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的标题,即:、、、、和。在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行。使用HTML制作网页时,如果想让HTML标签提供更多的信息,可以使用HTML标签的属 性加以设置。

2024-07-16 22:51:05 562

原创 HTML初识

内核的种类很多,如加上没什么人使用的非商业的免费内核,可能会有10多种,但是常见的浏览器内核可以分这四种:Trident、Gecko、Blink、Webkit。对于Android手机而言,使用率最高的就是Webkit内核,我们看到很多手机浏览器厂商都宣称有着自主内核,比如手机UC就号称采用了U3内核、而华为也经常标榜自己的天天浏览器采用了T9内核,事实上,他们都是基于开源内核Webkit进行二次开发的,并不是完全的自主内核。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。

2024-07-16 22:24:27 797

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除