自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 跟着pink老师前端入门教程(JavaScript)-day05

while大括号里代码执行完毕后不会跳出,而是继续回到小括号里判断条件是否满足,若满足又执行大括号里的代码,然后再回到。某些情况,也可以把表达式理解为表述语句,因为他是在计算结果,但不是必须的成分(例如continue语句)语句:语句不一定有值,所以比如alert()、for 和 break 等语句就不能被用于赋值。循环的本质就是以某个变量为起始值,然后不断产生变化量,慢慢靠近终止条件的过程。若不满足则向下判断条件2,满足条件2执行代码2,其他不执行。

2024-02-21 18:11:02 1221

原创 跟着pink老师前端入门教程(JavaScript)-day04

概念:算术运算使用的符号,用于执行两个变量或值的算术运算。如果需要反复给数字变量添加或减去1,可以使用递增(++)和递减( -- )运算符来完成。在 JavaScript 中,递增(++)和递减( -- )既可以放在变量前面,也可以放在变量后面。放在变量前面时,称为前置递增(递减)运算符,放在变量后面时,称为后置递增(递减)运算符。

2024-02-19 18:28:25 1004

原创 跟着pink老师前端入门教程(JavaScript)-day03

使用表单、prompt 获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,而需要转换变量的数据类型。通俗来说,就是把一种数据类型的变量转换成另外一种数据类型。通常会实现3种方式的转换:转换为字符串类型转换为数字型转换为布尔型计算机不能直接理解任何除机器语言以外的语言,所以必须要把程序员所写的程序语言翻译成机器语言才能执行程序。程序语言翻译成机器语言的工具,被称为翻译器翻译器翻译的方式有两种:一个是编译,另外一个是解释。两种方式之间的区别在于翻译的时间点不同。

2024-02-17 18:05:10 1595

原创 跟着pink老师前端入门教程(JavaScript)-day02

白话:变量就是一个装东西的盒子通俗:变量是用于存放数据的容器,通过变量名获取数据,甚至数据可以修改本质:变量是程序在内存中申请的一块用来存放数据的空间(酒店的房间可以看做一个变量)变量在使用时分为两步: 1. 声明变量 2. 赋值var是一个JS关键字,用来声明变量(variable变量的意思),使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管age 是程序员定义的变量名,要通过变量名来访问内存中分配的空间。= 用来把右边的值赋给左边的变量空间中,此处代表赋值的意思变量名是程序员保存到

2024-02-16 17:58:06 945

原创 跟着pink老师前端入门教程(JavaScript)-day01

浏览器分成两部分:渲染引擎和 JS 引擎渲染引擎:用来解析HTML与CSS,俗称内核,比如 chrome 浏览器的 blink ,老版本的 webkitJS 引擎:也称为 JS 解释器。用来读取网页中的JavaScript代码,对其处理后运行,比如 chrome 浏览器的 V8浏览器本身并不会执行JS代码,而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码。JS 引擎执行代码时逐行解释。

2024-02-15 18:11:42 1216

原创 跟着pink老师前端入门教程-day25

我尝试跟随教程完成黑马课程的一半时,意识到我需要掌握JavaScript的知识。因为本效果图采取 1280的宽度, 而Bootstrap 里面 container宽度 最大为 1170px,因此我们需要手动改下container宽度。④ 策略: 我们先布局 md以上的 pc端布局,最后根据实际需求在修改 小屏幕 和 超小屏幕的 特殊布局样式。③ 屏幕缩放发现 超小屏幕布局又发生变化,因此我们需要为 超小屏幕根据需求改变布局。② 屏幕缩放发现 小屏幕 布局发生变化,因此我们需要为 小屏幕根据需求改变布局。

2024-02-14 17:42:06 394

原创 跟着pink老师前端入门教程-day24

Bootstrap 来自 Twitter(推特),是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS 和 JAVASCRIPT 的,它简洁灵活,

2024-02-12 17:49:21 2035

原创 跟着pink老师前端入门教程-day23

苏宁网首页案例制作设置视口标签以及引入初始化样式<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <link rel="stylesheet" href="css/normalize.css">设置视口标签以及引入初始化样式 <meta name=

2024-02-10 17:01:52 1073

原创 跟着pink老师前端入门教程-day21+22

语法:起始方向颜色1,颜色2, ...);背景渐变必须添加浏览器私有前缀起始方向可以是: 方位名词 或者 度数 , 如果省略默认就是 top。

2024-02-07 18:02:40 924

原创 跟着pink老师前端入门教程-day20

就是通过给父盒子添加flex属性,来控制子盒子的位置和排列方式。

2024-02-06 18:48:54 1339

原创 跟着pink老师前端入门教程-day19

meta视口标签的主要目的:布局视口的宽度应该与理想视口的宽度一致,简单理解就是设备有多宽,布局的视口就多宽。视口(viewport):浏览器显示页面内容的屏幕区域,视口可以分为布局视口、视觉视口、和理想视口。一般移动设备的浏览器都默认设置了一个布局视口,用于解决早期的PC端页面在手机上显示的问题。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充。在标准的viewport设置中,使用倍图来提高图片质量,解决在高清设备中的模糊问题。

2024-02-05 19:11:00 1164

原创 跟着pink老师前端入门教程-day18

HTML5+CSS3已经结束,进入移动端。

2024-02-04 18:18:53 1165

原创 跟着pink老师前端入门教程-day17

keyframes动画名称0%{100%{

2024-02-03 18:05:32 559

原创 跟着pink老师前端入门教程-day16

转换transform 我们简单理解就是变形 有2D 和 3D 之分我们暂且学了三个 分别是 位移 旋转 和 缩放2D 移动 translate(x, y) 最大的优势是不影响其他盒子, 里面参数用%,是相对于自身宽度和高度来计算的可以分开写比如 translateX(x) 和 translateY(y)2D 旋转 rotate(度数) 可以实现旋转元素 度数的单位是deg2D 缩放 sacle(x,y) 里面参数是数字 不跟单位 可以是小数 最大的优势 不影响其他盒子。

2024-02-01 18:47:09 1324

原创 跟着pink老师前端入门教程-day14+15

【代码】跟着pink老师前端入门教程-day14。

2024-01-30 17:57:15 640

原创 跟着pink老师前端入门教程-day13

(尽量不要超过30个汉字)例如:京东(JD.COM)-综合网购首选-正品低价、品质保障、配送及时、轻松购物!小米商城 - 小米5s、红米Note 4、小米MIX、小米笔记本官方网站7.2 description 网站说明简要说明我们网站主要是做什么的。我们提倡,description 作为网站的总体业务和主题概括,多采用“我们是…”、“我们提供…”、“×××网作为…”、“电话:010…”之类语句。例如:

2024-01-29 18:43:41 1289

原创 跟着pink老师前端入门教程-day12

1. 音频标签和视频标签使用方式基本一致2. 浏览器支持情况不同3. 谷歌浏览器把音频和视频自动播放禁止了4.可以把视频标签添加muted属性来静音播放视频,音频不可以(可以通过JavaScript解决)5. 视频标签是重点,经常设置自动播放,不使用controls控件、循环和设置大小属性。

2024-01-28 16:49:09 930

原创 跟着pink老师前端入门教程-day11

界面样式:更改一些用户操作样式,以便提高更好的用户体验(更改用户的鼠标样式、表单轮廓、防止表单域拖拽)

2024-01-27 18:24:32 1207

原创 跟着pink老师前端入门教程-day10

通过盒子模型,清楚知道大部分html标签是一个盒子通过CSS浮动、定位,可以让每个盒子排列成网页一个完整的网页,是标准流、浮动、定位一起完成布局的,每个都有自己专门的用法1. 标准流可以让盒子上下排列或者左右排列,垂直的块级盒子显示就用标准流布局2. 浮动可以让多个块级元素一行显示或者左右对齐盒子,多个块级盒子水平显示就用浮动布局3. 定位定位最大的特点是由层叠的概念,就是可以让多个盒子前后叠压来显示,如果元素自由在某个盒子内移动就用定位布局二十四、元素的显示与隐藏。

2024-01-26 17:21:42 794 1

原创 跟着pink老师前端入门教程-day09

一定记住,相对定位、固定定位、绝对定位 两个大的特点:1、是否占有位置(脱与否)2、以谁为基准点移动位置。

2024-01-23 16:50:56 1105 1

原创 跟着pink老师前端入门教程-day08

建议遵循以下顺序:1. 布局定位属性:display / position / float / clear / visibility / overflow(建议 display 第一个写,毕竟关系到模式)2. 自身属性:width / height / margin / padding / border / background。

2024-01-21 17:21:59 497

原创 跟着pink老师前端入门教程-day07

float属性用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含块或另一个浮动框的边缘语法:选择器{ float:属性值;11-什么是浮动_哔哩哔哩_bilibili1.2 浮动特性(重难点)加了浮动之后的元素会具有很多特性① 浮动元素会脱离标准流(脱标)设置了浮动(float)的元素最重要特性1. 脱离标准普通流的控制(浮)移动到指定位置(动)(俗称脱标2. 浮动的盒子不再保留原先的位置12-浮动特性-脱标_哔哩哔哩_bilibili。

2024-01-20 19:48:38 1215

原创 跟着pink老师前端入门教程-day06

十二、CSS 的三大特性CSS有三个非常重要的三个特性:层叠性、继承性、优先级12.1 层叠性相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式,层叠主要解决样式冲突层叠性原则:样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式样式不冲突,不会层叠CSS层叠性口诀:长江后浪推前浪,前浪死在沙滩上12.2 继承性CSS中的继承:子标签会继承父标签的某些样式,如文本颜色和字号,简单理解:子承父业恰当地使用继承可以简化代码,降低CSS样式的复杂性。

2024-01-19 18:05:55 1124 1

原创 跟着pink老师前端入门教程-day05

Emmet语法的前身是Zen coding,他使用缩写来提高html/css的编写速度,Vscode内部已经集成CSS 的元素显示模式10.1 什么是元素显示模式作用:网页的标签非常多,在不同地方会用到不同类型的标签,了解其特性可以更好地布局我们的网页元素显示模式:元素(标签)以什么方式进行显示HTML元素一般分为块元素和行内元素两种类型10.2 块元素常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div>标签是最典型的块元素特点:①。

2024-01-18 17:45:47 1791 1

原创 跟着pink老师前端入门教程-day04

1. HTML主要做结构,显示元素内容2. CSS美化和HTML,布局网页3.CSS 最大价值: 由 HTML 专注去做结构呈现,样式交给 CSS,即结构 ( HTML ) 与样式( CSS )相分离。3.3 CSS语法规范CSS规则有两个主要的部分构成:选择器以及一条或多条声明选择器是用于指定CSS样式的HTML标签,花括号内是对该对象设置的具体样式属性和属性以“键值对”的形式出现属性是对置顶的对象设置的样式属性,例如字体大小、文本颜色等属性和属性值之间用英文“;”分开。

2024-01-17 17:14:31 1168

原创 跟着pink老师前端入门教程-day03

标签用于定义描述列表(或定义列表),该标签会与<dt>(定义项目/名字)和<dd>(描述每一个项目/名字)一起使用注意1.<dl>

2024-01-16 19:38:01 1284 1

原创 跟着pink老师前端入门教程-day02

外部链接:百度页面</a>5. 网页元素链接:在网页中的各种网页元素,如文本、图像、表格、音频、视频都可以添加超链接。在HTML标签中,<a>标签用于定义超链接,作用是从一个页面跳转到另一个页面。3.空链接:当时没有确链接目标时, <a href="#">首页

2024-01-15 22:38:50 561 1

原创 跟着pink老师前端入门教程-day01

HTML指的是超文本标记语言超文本:可以加入图片、声音、动画等内容(超越了文本限制),还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本)网页是图片、链接、文字、声音、视频等元素组成,说白了就是一个html文件标签是由尖括号包围的关键词标签通常是成对出现,称为双标签特殊的标签必须是单个标签(极少情况),称为单标签1. 双击打开软件。2. 新建文件(Ctrl + N )。3. 保存(Ctrl + S ), 注意移动要保存为 .html 文件。

2024-01-14 19:13:35 849 1

原创 计算机系统基础实训四-LinkLab实验

即在0x60+c=0x6c处,用hexedit phase1.o命令修改phase1.o找到0x6c处,修改0x6c+1的值为学号十六进制ASCII码。这个是“第一组”的,以此类推可以找到”puts组”的位置,”FC FF FF FF FF FF FF”是-4的补码也验证了我们的计算。使用objdump -rd phase1.o查看elf文件内容,找到输出的.data 节中偏移量为32的位置。从这里可以看出上面的.data+10并不是真的temp的值,而是.symtab里的value才是它的偏移量。

2024-01-13 17:33:14 1224 1

原创 计算机系统基础实训三—AttackLab实验

通过这两个验室,我显著提高了使用GDB的熟练程度,并对程序执行有了更深入的了解。实验室的结构化和循序渐进的设计有助于以启发性的方式学习。老师提供的富有洞察力和清晰的图片提示对减少混淆非常有帮助。展望未来,提供更多真实世界的案例、调试练习的错误场景、程序执行的可视化、编码练习将进一步增强学习体验。我也会继续通过积极的练习来磨练我自己的GDB调试技能。

2024-01-10 19:27:08 1426 1

原创 计算机系统基础实训二—BinaryBomb实验

这一次的bomb实验,包含了计算机系统中第三章汇编语言的几乎所有知识点。通过本次的练习,我的汇编语言能力获得了很好的锻炼,对于一些重要知识点(如跳转表,循环)的知识点,掌握的更加牢靠。而本实验中包含的许多有趣实用的汇编语言技巧(如一些精巧的中间变量的使用、灵活的jump跳转指令的运用)使我更加注意编程技巧的学习。

2024-01-08 10:17:34 1377 1

原创 JAVA程序设计-期末复习(PTA)

输入样例:在这里给出一组输入。解析:-a-5b <= d + 1 -1 - 52 <= -5 + 1 -1 - 10 <= -4 -11 <= -4 结果为0(false)B == (a = 2) (a = 2)表达式将2赋值给a,然后与b比较,2!解析:a > b == c对于这个表达式,先计算a >B,结果为0(false),然后与c做==比较,0==1的结果为0(false)D = a > b这个语句先计算a >B,结果赋值给d,因为a=2,b=3,所以a > b的结果为0(false),赋值给d。

2024-01-07 11:22:26 1299 1

原创 数据库PTA-代码题

36 查询选修课名中含有“电子”两个字的课程且成绩在60分以下的学生学号及成绩。38 查询“严蔚敏”教师任课的课程号,选修其课程的学生的学号和成绩。30 显示一周8节课及以上的学生的名单,显示学号、姓名、班级名称。37 查询选修“0000011”课程的学生的班级及对应人数。33 查询“14计科1”班的学生所学的课程名称和平均成绩。15 显示期末成绩不及格的同学的学号、课程号与期末成绩。34 查询课程成绩及格的男同学的学生姓名、课程号与成绩。40 查询成绩比所有课程的平均成绩高的学生的学号及成绩。

2024-01-07 09:08:09 661 1

原创 数据库PTA-判断题

22、SELECT语句中的ORDER、BY子句中,如果有多个排序标准,它们之间用分号分隔,查询结果与排序标准的先后顺序有关 F。25、select*、from、books、LIMIT、10语句中的LIMIT、10表示连续的10条,也就是0-9条。14、数据库的安全性是指保护数据库以防止不合法的使用所造成的数据泄露、更改或破坏。23、ORDER、BY子句仅对检索数据的显示有影响,并不改变表中行的内容顺序 T。48、已知系(系编号,系名称,系主任,电话,地点),、系关系的主码是系编号 T。

2024-01-06 23:48:49 454 1

原创 计算机系统基础实训一—数据表示与运算实验

其中,“级别”栏指出各函数的难度等级(对应于该函数的实验分值),“功能”栏给出函数应实现的输出(即功能),“约束条件”栏指出你的函数实现必须满足的编码规则(具体请查看bits.c中相应函数注释),“最多操作符数量”指出你的函数实现中允许使用的操作符的最大数量。实验的要求:需要注意给出的可以使用的运算符及最大个数,除了float类型的两个操作函数可以使用if-else条件语句外,其它函数只能用顺序结构进行代码设计和实现。2.补码运算:列出了bits.c中一组使用整数的补码表示的函数。

2024-01-06 13:44:14 373

原创 马克思主义基本原理-期末复习

151.1894年1月3日,意大利人卡内帕给恩格斯写信,请求他为即将在日内瓦出版的《新纪元》周刊的创刊号题词,而且要求尽量用简短的字句来表述未来的社会主义纪元的基本思想,以区别于伟大诗人但丁的对旧纪元所作的“一些人统治,另一些人受苦难"的界定。恩格斯的回答是:“代替那存在着阶级和阶级对立的资产阶级旧社会的,将是这样一个联合体,在那里,每个人的自由发展是一切人的自由发展的条件:"这段话表明,马克思主义追求的根本价值目标是()。71.马克思说:“一切商品对它们的所有者是非使用价值,对它们的非所有者是使用价值。

2024-01-05 10:12:39 376

原创 软件测试—期末复习(软件测试基础第四版-郑东霞)

白盒测试,也称逻辑驱动测试,是以程序的内部逻辑为基础的测试技术。由于白盒测试是按照程序内部结构来检验程序是否按照预定要求正确工作,它可以针对程序的每一行语句、每一个条件或分支进行测试,因此白盒测试可以清楚知道测试的覆盖程度,如果时间允许,可以保证所有的语句和条件都得到测试,使测试达到较高水平的测试程度。测试用例(Test Case,TC),指的是针对要测试的内容所确定的一套详细的测试方案,包括测试输入,执行条件和预期结果等,是为了达到最佳的测试效果或高效地揭露隐藏的错误而精心设计的少量测试数据。

2024-01-04 18:00:26 453 1

原创 计算机组成—机器人解析篇

1.逻辑移位逻辑移位是对无符号数进行的,左移和右移都是补零例如:0101左移1位:1010右移1位:00102.算术移位算术移位是对有符号数进行的,符号位不变,对数值位进行移动符号位都不变真值码制添加代码正数原码,反码,补码左移和右移都加0负数原码左移和右移都加0负数补码左移加0负数补码右移加1负数反码左移和右移都加1例如:正数0,011_算术移位和逻辑移位。因此,存储器的技术指标涵盖了存储容量、存取时间、存取周期等方面,而字长通常更多地与数据类型和存储单元的结构相关,不属于存储器的常规技术指标之一。

2024-01-01 15:29:12 995

阿里百秀-简约风格首页前端案例

这是一个使用Bootstrap框架构建的简单网页项目。 首页index.html页面使用Bootstrap的网格系统来布局页面。 CSS文件夹中包含了自定义的CSS样式文件,对Bootstrap的样式进行覆盖和扩展,实现个性化的页面样式。 img文件夹里提供页面需要使用的图片资源。 项目还包含了一个upload图片上传功能,upload文件夹用于保存上传的图片。 整体来说,这个项目利用了Bootstrap框架的样式与组件,同时自定义CSS对其进行定制,打造出了一个简洁美观的首页前端案例。其中包含一些常见的模块如轮播图、信息展示区,并实现了图片上传功能。可以作为学习Bootstrap框架与前端页面开发的一个示例。

2024-02-14

品优购shopping

品优购的这些资源可以分为以下几类: 资源文件夹: fonts: 存放字体文件 images: 存放图片文件 upload: 用于文件上传的文件夹 favicon.ico: 网站的图标文件 HTML页面文件: index.html: 首页 list.html: 可能是商品列表页 register.htm: 注册页面 从这些资源的名称和类型来看,这是一个电商网站的一些前端资源。 其中文件夹主要用来组织网站需要用到的字体、图片等静态资源文件; favicon.ico是网站图标; HTML页面则是构建网站页面的主要文件。 通过CSS可以更趁地去组织和管理这些前端资源,制作出风格统一的页面。 品优购的这些前端资源包含字体、图片、图标以及几个HTML页面,是构建一个电商网站所需的基础资源。主要通过CSS来统一管理资源,实现页面的样式与布局。这些资源为构建品优购网站奠定了基础。

2024-02-04

学成在线Learn to Succeed Online

学成在线是一个在线教育网站,其资源结构如下: 1. images文件夹:用于存储网站所需的图片资源。 2. index.html:网站的首页文件,用于渲染网站首页内容。 3. styles.css:网页样式表文件,用于控制网站样式与布局。 4. 文字.txt:可能是某些文章或页面的文本内容。 5. 学成网首页.jpg:很可能是网站首页的图片。 通过这些前端资源文件,可以初步构建出一个教育类网站的首页。其中images文件夹用来存放图片,index.html构建页面结构,styles.css控制样式与布局,文字.txt提供文本内容。 这是一个典型的静态网站资源结构。通过组织管理好这些资源,开发人员可以使用HTML、CSS、JavaScript等前端技术开发出网站的首页,并逐步扩充网站的其他页面与功能。

2024-01-21

空空如也

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

TA关注的人

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