自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 特效开发阶段学习总结

中文官网:https://zh-hans.reactjs.org/`react` 是一个 **js核心库**,如同 `jquery` 一样,具有大量 `react` 生态(围绕 `react` 核心开发的库)- 声明式- 也就是js中的数据决定页面最终渲染的结果- 声明式不是响应式,但往往都是同时出现共同作用页面- 响应式:数据变化页面会立即更新- 组件化- 一个包含所有外观和行为的,独立可运行的模块,称为组件- 组件化的思想可以将复杂页面,化繁为简的进行设计- 组件可提高代码复用性。

2022-09-28 15:52:29 1275 1

原创 移动互联应用学习内容总结

动画原理:连续的播放多张图片,形成一个连贯的动画;css代码中如何理解动画:一个元素存在多个css状态,连续的播放改元素的这些css状态,将形成一组动画,这就是css动画;帧率:描述动画在1s钟之内播放多少个状态;参考:https://developer.mozilla.org/zh-CN/docs/Web/CSS/transition什么是transition?transition是过渡的意思,将会使元素从一个状态用动画形式过渡到另一个状态定义初始状态注意:播放过度动画至少包含 transiti

2022-09-08 18:10:14 467 1

原创 旋转风车功能实现

旋转风车功能实现

2022-08-22 15:17:15 174

原创 JavaScript学习内容

JavaScript是一门轻量级、基于面向对象的、即时编译的一门解释型语言

2022-08-11 15:16:26 3256 1

原创 web网页技术学习第一阶段知识总结

学习了一些html的标签、属性和元素的分类,各种重要标签和CSS的各种用法和样式

2022-07-26 15:58:25 2112 1

原创 HTML基础知识点

HTML:超文本标记语言文本:相当于记事本里写的文字。展示信息超文本:超越了文本仅仅展示信息的功能范畴。泛指:图片、有样式的文字、点击跳转页面的文字语言:工具标记:标签HTML是由标签所组成的语言,能展示超文本效果。HTML是用来写网页的,是设计页面的基础。步骤1.创建文件,后缀名为html或者htm步骤2.用记事本打开文件,并且编写文字步骤3.用浏览器打开。例如:谷歌 火狐 或者IEHTML代码是由头和体组成<html>​ <head> <titl

2022-06-30 20:05:02 173

原创 操作样式属性和JC事件

innerHTML 可以添加 文字内容以及标签内容 ,不仅能对文字进行修饰,还能添加标签内容 innerText 可以添加、修改标签内的文字内容,只能对文字进行修饰,无法对标签进行修改getAttribute获取元素的某个属性值,语法:ele.getAttribute('属性名称');setAttribute给元素设置属性、属性值,语法: ele.setAttribute('属性名称','属性值')removeAttribute移除元素属性style设置元素的样式

2022-06-29 11:24:29 109

原创 JS函数与对象

数据类型分为简单数据类型和复杂数据类型number数字类型 boolean布尔来信 string字符串 undefined未定义 null空 if(){代码块} else if() {代码块}if语句 switch语句是在有特定或者固定值的时候来使用函数/方法封装执行的代码块或者利于重复调用的代码块,可实现复用,提高代码利用率,减少冗余代码① function ...

2022-06-28 16:35:28 108

原创 CSS弹性容器

flex 弹性布局,可以让我们的盒子并排显示,并且也可以让行内元素转换为行内块元素。使用:在父盒子上添加属性 display:flexflex布局:使用时要注意,自己的主轴和侧轴的设置,因为一般情况下,默认的主轴为x轴的方向,侧轴为y轴方向所有子元素自动成为flex项目(flex item) 简称项目子元素可横向排列 也可以纵向排列原理:通过给父元素添加flex属性,来控制盒子的位置和排列方式注意:通常使用在移动端,pc端会有兼容性的问题,不同浏览器,不同版本会有兼容性问题。 1.flex-

2022-06-27 15:31:14 266

转载 css实现翻书效果/VW/REM

主要利用的效果:旋转 transform: rotateZ(-20deg);过渡 transition: all 1s;旋转轴和旋转中心(旋转点)box-shandow 盒子阴影注意:利用绝对定位进行布局

2022-06-24 12:21:22 858

原创 过渡、变形、动画

property过渡属性duration 过渡耗时timing-function速度曲线delay等待时间property 和 duration 这两个属性是必写项 用于指定应用过渡的属性名称,可以指定多个属性名称,多个属性名称之间用 分隔。默认值为 也就是所有的元素都应用过渡效果。rotate 旋转scale 放大缩小translate 位移 scale(,)(长度,宽度) 第一个值控制我们X轴方向的大小,即宽度,第二个值控制我们y轴方向的大小,即高度 特性:

2022-06-23 19:39:27 79

原创 CSS浮动

标准文档流:所有的内容都是从左往右 从上往下的排布脱离标准文档流:不是按照这种顺序排列的基本语法格式:选择器{float:属性值;}left 元素向左浮动right 元素向右浮动none 元素不浮动 这就达到了浮动的效果。此时,两个元素并排了,并且两个元素都能够设置宽度、高度了(这在上一段的标准流中,不能实现)。 浮动会使我们的目标文件脱离标准文档流浮动会遮住下面的元素,但是不会遮盖住文字内容方法1:overflow:hidden方法2:额外标签法:当前父元素的最后面添加一个div盒子清除浮动方

2022-06-22 14:48:16 108

原创 CSS样式属性

掌握CSS常用字体属性、字体图标的使用掌握CSS常用文本属性的使用掌握CSS背景、宽高、透明度等常用的属性会使用W3Cshool手册查询属性 理解盒模型布局思想掌握盒模型的组成部分掌握盒模型中常用的属性样式font-family :指定字体类型font- size:指定文本的字体大小font-style:指定文本的字体样式font-weight:指定文本的字体粗细font:在一个声明中设置所有的字体属性 字体图标展示的是图标,本质属于字体。主要用于显示网页中通用、常用的一些小图标。字体图标的优

2022-06-21 19:15:04 120

原创 CSS基础认识

了解CSS是什么,是用来做什么的?掌握CSS的语法结构掌握CSS的引入方式掌握基础选择器的使用 CSS指的是层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言,是描述标记语言页面格式的标准。CSS使开发人员能够分离内容和可视元素,以实现更好的页面控制和灵活性。 层叠:层叠指的就是样式的优先级,当产生冲突时以优先级高的为准。 作用:用来美化咱们的网页的。一般写法为标签里→属性名:属性,行内样式大于内部样式,会优先显示行内样式。 高于行内样式的是!im

2022-06-21 15:37:28 92

原创 HTML基础认识

1.了解网页的构成2.了解HTML的作用3.掌握HTML中一些常用的标签HTML指的是超文本标记语言(Hyper Text Markup Language),标记语言是一套标记标签,HTML是通过标签来描述网页。就是指具有超链接(链接跳转)功能头部身体HTML 标签是由尖括号包围的关键词,比如 HTML 标签成对出现的,叫做双标签,比如 和 。双标签中的第一个标签是开始标签,第二个标签是结束标签。HTML 标签单个出现的,.........

2022-06-20 19:26:42 84

空空如也

空空如也

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

TA关注的人

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