自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 实现抖音主页

抖音页面

2022-07-01 12:17:13 196 1

原创 JS知识点总结

一、对象1、JS的本地对象和内置对象Array 创建Array对象的语法:new Array(); new Array(size);new Array(elementO,element1,element2... .elementn); .属性:constructorlength属性可设置或返回数组中元素的数目arrayObject.length;prototype方法:conca();方法用于连接两个或多个数组arrayObject.conacatlarrayX,aray..ar

2022-06-30 23:14:02 94

原创 JS定时器和Swiper插件

JavaScript中提供一定是时间之后触发的功能,就叫做定时器。setTimeout()定时器window.setTimeout(调用函数,[延迟毫秒数]); 注意:只会执行一次setInterval()定时器window. setInterval(调用函数,[延迟毫秒数]); 注意:反复执行,每隔一个定时时间,就会执行一次swiper是一款开源的解决前端开发中触摸滑动案例的插件。常用于移动端网站的内容触摸滑动,能实现轮播图、触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。①引入相关文件②按照规定语法

2022-06-29 22:56:03 91

原创 JavaScript操作属性、样式和事件

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

2022-06-28 15:32:38 261

原创 JaveScript

实现业务逻辑和页面控制(决定功能),相当于人的各种动作。JS有三种书写位置,分别为:行内 内嵌 外部 变量就是一个装东西的盒子,通俗的来说,变量就是存放数据的容器。我们通过变量名获取数据,甚至可以修改数据。分支结构:由上到下执行代码的过程中,根据不同的条件,执行不同的路径代码(执行代码多选一的过程),从而得到不同的结果。分支语句分类:if if…else switch循环结构:循环语句的作用是反复地执行同一段代码,只要给定的条件能得到满足,包括在循环条件语句里面的代码就会重复执行下去,一旦条件不再满

2022-06-27 18:58:52 81

原创 flex 布局

flex Flexible Box 模型,通常被称为 flexbox,是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。本文给出了 flexbox 的主要特性,更多的细节将在别的文档中探索。我们说 flexbox 是一种一维的布局,是因为一个 flexbox 一次只能处理一个维度上的元素布局,一行或者一列。作为对比的是另外一个二维布局 CSS Grid Layout,可以同时处理行和列上的布局。当使用 flex 布局时,首先想到的是两根轴线 — 主轴和交叉轴。主轴由fl

2022-06-24 20:48:35 131

原创 CSS动画、媒体类型、过渡

@keyframes规则是创建动画animation:所有动画属性的简写属性,除了animation-play-state属性animation-name:规定@keyframes动画名称animation-duration:规定动画完成一个周期所花费的秒或毫秒。默认为0animation-timing-function:规定动画的速度曲线。默认是easeanimation-fill-mode:规定当动画不播放时(或当动画有一个延迟未开始播放时),要应用到元素的样式animation-delay

2022-06-23 19:56:14 138

原创 Web相关知识

目录浏览器兼容性数据链接INPUT类型新添加的元素问题产生原因:1.市场竞争2.标准版本的变化厂商前缀比如:box-sizing,谷歌旧版本浏览器中使用 -webkit-box-sizing原因:市场竞争,标准没有发布标准仍在讨论中,浏览器厂商希望先支持常见浏览器厂商前缀IE:-ms-Chrome , safari:-webkit-opera: -o-firefox: -moz-浏览器在处理样式或元素时,使用如下的方式:当浏览器遇到无法识别的代码时会直接略过使用autoprefixe

2022-06-22 21:17:00 58

原创 小白学习HTML第二天

学习任务 一、CSS是什么?语法规则选择器{ p{ 声明块 color: black; } }CSS引入的方式行内样式内部样式 外部样式 优先级:行内样式>内部样式>外部样式二、CSS选择器基础选择器元素选择器 Id选择器Class选择器优先级:Id选择器>Class选择器>元素选择器>通

2022-06-21 19:21:58 61

原创 小白学习HTML第一天

学习任务一、什么是HTML二、HTML基本结构三、认识HTML中的标签四、常用的HTML的标签五、收获总结 今天是实训的第一天,初步学习了HTML的概念和一些常用的标签,在老师的耐心帮助和指导下完成了第一个页面的实现。...

2022-06-20 18:47:45 107 1

空空如也

空空如也

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

TA关注的人

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