m0_71870228-CSDN博客

原创 JS定时器及Swiper插件

JavaScript中提供一定是时间之后触发的功能，就叫做定时器。window.setTimeout(调用函数,[延迟毫秒数])；注意：只会执行一次2. setInterval()定时器window. setInterval(调用函数,[延迟毫秒数])；注意：反复执行，每隔一个定时时间，就会执行一次swiper是一款开源的解决前端开发中触摸滑动案例的插件。常用于移动端网站的内容触摸滑动，能实现轮播图、触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。官网地址：Swiper中文网-轮播图幻灯片js插件,H

2022-06-29 22:43:53 118 1

原创 JS操作属性和样式及JS事件

1.innerHTML获取元素内部的HTML结构设置元素内容element.innerHTMLelement.innerHTML=“hello”2.innerText获取元素内部的文本（只获取文本内容）设置元素内部文本element.innerTextelement.innerText=“hello”1.getAttribute获取元素的某个属性值（包括自定义属性）element.getAttribute(‘class’)2.setAttribute给元素的设置属性（包括自定义属性...

2022-06-28 16:38:12 85 1

原创 JS基础、函数和对象、操作DOM元素

JavaScript 是世界上最流行的编程语言之一，编程语言是用于控制计算机的一系列指令，它有固定的格式和词汇（不同的编程语言固定的格式和词汇是不同的），必须要遵守。JS有三种书写位置，分别为：定义：变量就是一个装东西的盒子，通俗的来说，变量就是存放数据的容器。我们通过变量名获取数据，甚至可以修改数据分支结构：由上到下执行代码的过程中，根据不同的条件，执行不同的路径代码（执行代码多选一的过程），从而得到不同的结果分支语句分类：ifif…elseswitch循环结构：循环语句的作用是反复地执行同一段代码，只

2022-06-27 18:38:35 72

原创 rem文字适配及flex布局

rem是一个相对于根元素字体大小的单位.html{ font-size: 12px;//根元素字体大小为12px }p{ font-size: 2rem;//p元素的字体大小为24px }Flex翻译为“弹性”，通过给元素设置display属性，属性值为flex或者inline-flex。使其变成弹性容器，容器中的直系子元素就会变为弹性元素。 div{ display: flex;//变成弹性盒 } 弹性盒子可

2022-06-24 20:01:55 68

原创 CSS定位

浮动只能实现元素水平布局的效果，不能实现让元素实现复杂的布局效果。定位也是用于布局的，主要由两个部分组成：定位=定位模式+偏移量定位模式用于指定一个元素在文档中的定位方式。偏移量则决定了该元素的最终位置当元素开启了定位之后，可以通过偏移量来设置元素位置top：定位元素和定位位置上边的距离bottom：定位元素和定位位置下面的边距left：定位元素和定位位置左侧距离right：定位元素和定位位置右侧距离语法规则：选择器{ position:定位模式}1.静态定位： div{ position:

2022-06-23 18:44:10 79

原创 CSS盒模型及浮动

盒模型：就是把HTML页面中的元素看作是以一个矩形的盒子，也就是一个装东西的容器内容 - 框的内容，其中显示文本和图像。内边距 - 清除内容周围的区域。内边距是透明的。边框 - 围绕内边距和内容的边框。外边距 - 清除边界外的区域。外边距是透明的内容（content）：指定内容的大小边框（border）：指定一个元素边框的样式、粗细、颜色内边距（padding）：边框与内容之间的距离属性：padding-left：左内边距padding-right：右内边距padding-top：上内边距padding-b

2022-06-22 21:26:59 44

原创了解CSS

CSS指的是层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言，是描述标记语言页面格式的标准。CSS使开发人员能够分离内容和可视元素，以实现更好的页面控制和灵活性。层叠：层叠指的就是样式的优先级，当产生冲突时以优先级高的为准。作用：用来美化咱们的网页的。选择器{ 声明块}选择器：通过选择器可以选中页面的制定元素声明块：通过声明块来制定要为元素设置样式行内样式内部样式外部样式1.基础选择器：元素选择器Id选择器Class选择器通配符选择器2.复合选择器：后代选择器父子选择器1.常用字体属性fo

2022-06-21 18:38:58 48

原创【无标题】了解HTML

HTML指的是超文本标记语言（Hyper Text Markup Language），标记语言是一套标记标签，HTML是通过标签来描述网页。代码如下（示例）：2.常见的HTML标签标签：表示分割、分区，一个div独占一行，可以想象成一个大盒子标签：作用：表示跨距、跨度，一行可以放多个span是一个小盒子：定义斜体字：表示跨距、跨度，一行可以放多个span是一个小盒子：定义...

2022-06-20 19:09:31 66 1

m0_71870228的博客