自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JavaScript 三元表达式时间显示代码

【代码】JavaScript 三元表达式时间显示代码。

2024-06-28 21:30:09 36

原创 作用域知识点及示例

ES6 之前 JS 是没有块级作用域这一概念的,在 if 语句中,使用 var 声明的变量在外部依旧可以使用,如下。一段程序代码中所用到的名字(例如变量名)并不总是有效的,而限定这个名字的可用性代码范围就是这个名字的作用域。作用于所有代码执行的环境(整个 script 标签的内部)或者一个独立的 js 文件中。在 ES6 中新增块级作用域这一概念,使用 let 声明的变量在外部将不可使用。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。作用于函数内部的代码环境,就是局部作用域。

2024-06-27 21:28:35 73

原创 JavaScript 函数

通过 function 关键字声明函数,又叫做。函数:封装一段可被重复调用执行的代码块,通过函数可以实现大量代码的重复使用。函数 也是一种引用数据类型。函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接 口(函数名)简单来说函数就是一个容器,可以封装一些代码, 在需要时再执行这些代码。通过函数表达式定义函数,又叫做。

2024-06-26 21:10:02 152

原创 数组代码写法

【代码】数组代码写法。

2024-06-24 21:17:16 190

原创 猴子吃桃写法

do while循环写法。

2024-06-21 08:40:00 66

原创 JavaScript知识点

数组的概念定义:数组(Array)是存储数据的集合。数据存储类型不同:基本数据类型 :一次只能存储一个数据单元数组 :一次可以存储多个数据单元。

2024-06-20 21:35:14 139

原创 JavaScript 流程控制语句

在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。通常用于初始化一个计数器,该表达式可以使用 var 或者 let 关键字声明新的变量,这个变量帮我们来记录次数。:它用于基于不同的条件来执行不同的代码。当要针对变量设置一系列的特定值的选项时,就可以使用 switch。⑦ ⑥ ⑤ ⑦ ⑥ ⑤ ...... ⑤ 内循环结束 ③ ...... ② 外循环结束。用于确定每一次循环是否能被执行,如果结果是 true 就继续循环,否则退出循环。每次循环的最后都要执行的表达式。

2024-06-19 21:23:31 610

原创 JavaScript基础知识点

var i = 5;或 var d=3.14;外部JavaScript:指的是把HTML代码和JavaScript代码单独放在不同的文件中,然后在HTML文档中使用“script标签”来引入JavaScript代码。内部JavaScript:指的是把HTML代码和JavaScript代码放在同一个文件中。元素事件JavaScript:指的是在元素的“事件属性”中直接编写JavaScript或调用函数。

2024-06-18 21:27:21 319

原创 css 设置背景色渐变、字体颜色渐变

线性渐变背景色线性渐变背景色线性渐变背景色。

2024-06-15 20:12:03 172

原创 CSS绘制三角形的方法

通过设置 border-left 和 border-right 为透明,border-bottom 为实色,就可以得到一个倒三角形的形状。1、50% 0 表示第一个顶点的 x 坐标为 50%(相对于元素的宽度),y 坐标为 0%(相对于元素的高度)。这个点位于元素的顶部中心。3、100% 100% 表示第三个顶点的 x 坐标为 100%(元素的最右侧),y 坐标为 100%(元素的底部)。2、0 100% 表示第二个顶点的 x 坐标为 0%(元素的最左侧),y 坐标为 100%(元素的底部)。

2024-06-14 21:21:15 417

原创 CSS文字省略号

如果文字超出父元素指定宽度,文字会自动换行,而连续不间断数字和英文字母(没有其他字符)不会自动换行;省略号:text-overflow: ellipsis;第一步(不换行):white-space:nowrop;设置弹性盒子的子元素的排列方式 :-webkit-box-orient: vertical;第三步(文本溢出显示省略号)text-overflow:ellipsis;设置显示文本的行数:-webkit-line-clamp: 5;一、单行超出显示省略号。

2024-06-09 17:43:42 551

原创 CSS弹性盒子知识点

一、弹性盒子1.什么是弹性盒子?css中的一个布局手段,用来代替浮动来完成页面的布局,flex可以让元素具有弹性,让元素可以跟随页面的大小的改变而改变2.什么是弹性容器?通过 display 来设置弹性容器设置为块级弹性容器,内部元素会自左向右排列设置为行内的弹性容器,元素之间会有缝隙3.什么是弹性元素?弹性容器的直接子元素是弹性元素(弹性项)一个元素可以同时是弹性容器和弹性元素4.弹性元素的相关属性:flex-grow 指定弹性元素伸展的系数。

2024-06-08 23:35:04 1031

原创 HTML一些基础知识点

网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一页,是超文本标记语言格式。通过网页浏览器访问。常见的闭合标签有<div></div><p></p>、<span></span>等。常见的单标签有<img/>、<hr/>、<link/>、<meta/>、<input/>、<br/>等。行内元素:行内元素是指本身属性为display: inline的元素,其宽度随着元素的内容变化而变化,也叫内联元素。不设置宽度的情况下,块级元素的宽度是其父元素内容的宽度。

2024-06-02 13:25:49 358

原创 CSS动画知识点

translate( 参数1,参数2 ) 参数 值 1 是指在 x 轴上移动的距离 , 正值,元素向右移动,负值向左移 动,参 数2 是指在 y 轴上移动的距离,正值向下,负值向上,参数 2 默认为 0。动画和过渡类似,都是可以实现⼀些动态效果,不同的是过渡需要在某个属性发⽣变化时才能触发, 例如hover,acitve时,动画可以⾃动触发动画.1、平移元素,可以是数字,可以是百分⽐,百分⽐是相对于 ⾃身计算 的, x 轴往右为正, y 轴往下为正,反之 为负。1、帧的顺序可以更改,不关顺序问题。

2024-06-01 19:46:58 533

空空如也

空空如也

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

TA关注的人

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