自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Dom元素修改常见属性及案例

如何修改元素样式属性、随机轮播图的做法

2024-02-21 01:32:34 1103

原创 Web APIs的学习笔记

本节主要记录了:API的作用和分类、DOM树、操作元素内容、操作元素属性等知识

2024-01-25 21:27:34 456 3

原创 JavaScript学习笔记4——对象

对象:(object)是JavaScript里的一种数据类型,是一种无序的数据集合。注:数组是有序的数据集合。作用:用来描述某个事物,例如描述一个人,人有身高、性别、工作、年龄等信息。如果用多个变量保存就会比较分散,所以使用对象来统一起来比较好。

2024-01-22 23:46:37 1666

原创 JavaScript学习笔记3

实现代码复用,提高开发效率。函数是function执行特定任务的代码块。判断是否可执行某个动作。求1~100的累加和。

2024-01-12 08:59:43 407 1

原创 JavaScript学习笔记2

需求:用户输入一个数,如果数字小于10,则前面要补0,如:09 08 02 等。适用于有多个结果的时候,如学习成绩可根据分数划分为分为优、良、差等级。3、switch case语句一般用于等值判断,不适合于区间判断。1、找到跟小括号里数据全等的case值,并执行里面对应的代码。满足条件执行的代码 : 不满足条件执行的代码。2、若没有全等===的则执行default里的代码。“===”:判断值和数据类型是否都一样。仅操作一个操作数,比如正负号等。1、为后期页面显示时间做铺垫。“==”:判断值是不是一样。

2024-01-07 12:31:59 522 1

原创 JavaScript学习笔记1

javascript是一种运行在浏览器的编程语言,实现人机交互的效果。JavaScript的组成:ECMAScript、DOM、BOM作用: 1、网页特效(监听用户的一些行为让网页作出对应的反馈)2、表单验证(针对表单数据的合法性进行判断)3、数据交互(获取后台的数据,渲染到前端4、服务端编程(node.js)

2024-01-04 11:17:26 904 1

原创 小兔鲜儿网的制作过程

结构:.header>logo+导航(nav)+搜索(search)+购物车(cart)uploads文件夹:存放非固定使用的图片素材,例如:商品图、宣传图及需要上传的图片。images文件夹:存放固定使用的图片素材,例如:logo、样式修饰图等。Favicon图标:网页图标,出现在浏览器哦标题栏,增加网站辨识度。图标:favicon.ico,一般存放到网站的根目录里面。css文件夹:存放css文件(link标签引入)布局:flex-end(使ul内容右对齐)结构:通栏->版心->导航ul。

2023-12-01 23:03:25 1778 2

原创 HTML与CSS学习总结5(未完,未添加js代码实现轮播图)

定位、CSS精灵、字体图标、过渡、透明度、光标类型和轮播的css实现即使用方法

2023-11-27 22:16:04 228

原创 网页制作过程-从0到1(详细过程)

一个网页的制作过程

2023-11-26 00:47:18 388 1

原创 HTML学习总结4

clearfix::before伪元素是为了解决外边距塌陷问题的,因为父子级的标签里,如果子级添加了外边距,就会造成父元素的塌陷问题,所以在父元素最前面添加一个标签,就会隔离有margin的子集,避免塌陷问题。本例子一个大盒子里面有三个小盒子,第一个小盒子已经设置了宽度,故父级剩余尺寸为原来的宽度减去第一个盒子的宽度,然后剩下的由第2和第3个盒子瓜分,第2个盒子占剩余的一份,第3个盒子设置了占据剩余部分的两份。场景:浮动元素会脱标,如果父级没有高度,子级无法撑开父级高度(可能就会导致布局混乱)

2023-11-24 15:45:24 43 1

原创 HTML与CSS学习总结基础3

2、内减模式:box-sizing:border-box(不需要手动计算,加border和padding也不会撑大盒子)dotted:点线)、颜色(不区分顺序)Pxbox(像素大厨)是一款切图设计工具软件,支持PSDW文件的文字、颜色、距离自动智能识别。注意:1、必须设置content:“ ”属性来设置伪元素的内容,如果没有内容,引号内容留空。作用:创建虚拟元素(伪元素),用来摆放装饰性的内容。作用:根据元素的结构关系查找多个元素。作用:设置内容与盒子边缘之间的距离。作用:根据元素的结构关系查找元素。

2023-11-21 12:49:18 56 3

原创 HTML与CSS学习总结基础2

基础选择器、文字效果、复合选择器、css特性、背景属性、标签的显示模式

2023-11-17 14:20:07 42

原创 Git远程仓库

Git远程仓库的创建、连接、查看,本地仓库与远程仓库的关联及推送、抓取、克隆

2023-11-08 21:25:28 51

原创 Git分支

git本地分支的查看、创建、切换、删除、合并以及冲突的解决方式

2023-11-08 21:04:07 45 1

原创 Git分布式版本控制工具

当新建一个文档类型,但是不想交给git管理的时候,可以创建一个.gitignore文件,在该文件中添加*.文件类型。一般这种有写好的,我们可以找一个.gitignore文件copy我们的git目录下。6、git log查看提交日志(log),git log后加[option]会有不一样的效果,以下所有option可以一起使用。右键选择options->text->Locale->zh_CN->Charater set->UTF-8。3、git add:添加工作到暂存区(工作区->缓存区)

2023-11-08 19:27:49 51 1

原创 HTML与CSS的学习总结

概述内容详情内容……

2023-10-17 19:23:09 56

空空如也

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

TA关注的人

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