前端
关注
分享
扫一扫
文章平均质量分 50
我的前端学习攻略
Ttang23
此路不通还有桥 没有桥还有船 没有船我还会游泳
展开
-
前端初体验——html基础学习
当在VScode中编辑html、CSS或Javascript文件并保存更改时，Live Server会自动在浏览器中刷新页面，让开发者立即看到最新的变化。表兄弟关系 (当前文件所在文件夹和图片资源所在文件夹在同一个文件夹) ../img/PIC.jpg。，通过定义网页内容的结构和表现形式，告诉浏览器如何显示网页上的文本、图片、链接等元素。兄弟关系 (当前文件和图片资源在同一个文件夹) 直接访问src="name"""内设置我html文件标签页的名称。原创 2024-08-28 23:06:30 · 775 阅读 · 0 评论 -
前端初体验——css样式 选择器学习
是(Cascading Style Sheets)层叠级联样式单，是一种用来表现HTML文件样式的计算机语言。有时候我们会发现 在浏览器中显示的元素并没有分段 为很长的一行 可以使用以下方法把。此中n可以是1 2 3 4...可以是odd也可以是even 也可以是表达式。first-of-type last-of-type 依然适合首尾元素查找。第一个：nth-child(1) = first-child。倒叙为 nth-last-of-type（n）倒叙 nth-last-child（n）原创 2024-08-29 00:05:53 · 801 阅读 · 0 评论 -
前端初体验——响应式布局学习
在响应式布局中，通常有两类参数：设备类型与设备特性。①当屏幕小于550px ②当屏幕大于550px且小于1000px ③当屏幕尺寸大于1000px。width 设备宽度 min-width 最小宽度 max-width最大宽度。响应式布局可根据屏幕尺寸大小来规定不同情况下页面的不同布局。aspect-ratio设备宽高比。projection 投影仪。resolution 分辨率。screen 计算机屏幕。height 设备高度。原创 2024-09-03 20:07:58 · 253 阅读 · 0 评论 -
前端初体验——css 样式补充 学习
代表固定模式 不随浏览器的滚动而滚动 会释放掉自己原来的空间调整位置时参考物为整个浏览器 left right 距窗口边缘的举例。与定位配套的方位属性 left right bottom top 定位的其取值不能为static 其余皆可。代表相对模式 随浏览器的滚动而滚动 不会释放掉自己原来的空间 调整位置时参考物为原来的位置。代表绝对模式 随浏览器的滚动而滚动 会释放掉自己原来的空间 调整位置时参考物为整个浏览器。子集随浏览器的滚动而滚动 会释放掉原来的空间 调整的参考物为父级元素。原创 2024-08-29 10:22:06 · 674 阅读 · 0 评论 -
前端初体验——css 盒子模型 学习
默认该元素无论放不放的下子元素都横着布局。特点：独占一行 对宽度高度支持。特点：不独占一行 对宽度高度不支持。特点：不独占一行 对宽度高度支持。例如：div h1~h6。例如：img input。原创 2024-08-29 13:05:36 · 215 阅读 · 0 评论 -
前端初体验——Javascript 学习（2）
里的<style>标签达到目的。即在<head>原创 2024-09-13 17:52:21 · 275 阅读 · 0 评论 -
前端初体验——css 服务器字体学习
通过@font-face关键字来设置服务器字体。在font-family参数中设置服务器字体名称。在src:参数中传入字体资源。这种设置存在弊端：所展现的的字体风格 对方计算机或浏览器上必须拥有。当对方计算机上无匹配字体时，可能出现格式混乱等问题。font-family：后可以跟很多种不同的字体，当前一种没有匹配成功时会顺延依次匹配下一种，呈现在界面上。服务器字体可以有效解决这个问题。字体设置 通过 关键字font-family:+"字体"在制作页面时，字体的设置对页面美观起到很大的作用。原创 2024-09-02 18:34:32 · 260 阅读 · 0 评论 -
前端初体验——css3D变形练习1：奥运五环
通过调整每个环在3D层面的旋转度来实现嵌套效果。原创 2024-08-29 13:56:15 · 294 阅读 · 0 评论 -
前端初体验——css动画练习2：水滴变形
水滴的构建使用的是： 传入八个参数可使其进行椭圆边变化，使形状更多样。原创 2024-08-29 13:42:18 · 199 阅读 · 0 评论 -
前端初体验——css动画变形练习3：旋转盒子
同时对input 标签进行。原创 2024-08-29 20:02:15 · 189 阅读 · 0 评论 -
前端初体验——css 布局 学习
①要使元素均分父级，需要计算空隙大小，且不一定能够均分。①要使元素均分父级，需要计算空隙大小，且不一定能够均分。space-arround 代表空白均匀的放到行的上下两侧。space-between 代表空白均匀的放到行和行中间。②元素之间的间距均分，需要计算且不易的能够均分。②元素之间的间距均分，需要计算且不易的能够均分。space-evenly 代表空白均匀的放到各个间隙。space-between 代表空白均匀的放到。space-evenly 代表空白均匀的放到。原创 2024-08-29 11:40:17 · 910 阅读 · 0 评论 -
前端——JavaScript实现切换框样式
通过对index的操作从而实现变换。本切换框的核心思想是。原创 2024-09-19 14:09:47 · 253 阅读 · 0 评论 -
前端初体验——Javascript 学习（1）
var 声明变量的关键字：JavaScript在定义变量时不区分类型，但使用时会区分类型。原创 2024-09-10 00:25:45 · 977 阅读 · 0 评论 -
前端初体验——css 动画 学习
keyframes+动画的namefrom|to|百分比{属性1：值；属性2：值；.......from | to | 百分比是动画过程中的位置。50%{100%{原创 2024-08-29 13:23:04 · 593 阅读 · 0 评论 -
前端初体验——css变形练习4：文字站立
基本思路：div构建“ILOVEYOU” ，在style里创建div::after 作为阴影 通过设计变形参数来实现阴影的变化。原创 2024-09-02 18:19:24 · 232 阅读 · 0 评论 -
前端——JavaScript综合练习 下拉框样式实现（2）
上篇文章实现了点击版的下拉框样式，本文的下拉框为：当鼠标放在标题上时下拉框出现，收回时下拉框回收。下拉框样式（2）（以河北大学研究生网站为例）原创 2024-09-18 23:48:33 · 300 阅读 · 0 评论 -
前端初体验——css动画练习1：发光字牌动画
【代码】前端初体验——css动画练习1：发光字牌动画。原创 2024-08-29 13:39:26 · 122 阅读 · 0 评论 -
前端——JavaScript定时器 附简易小应用
本篇文章介绍JavaScript中定时器的简单用法。原创 2024-09-18 21:59:03 · 321 阅读 · 0 评论 -
前端初体验——css 变形 学习
skew(xAngle [,yAngle]) 元素沿着X轴倾斜xAngle角度 元素沿着Y轴倾斜yAngle角度 yAngle可以省略如果省略y=0。元素沿x轴的缩放比为sx 元素沿y轴的缩放比为sy sy可以省略。沿着x轴移动tx距离 沿y轴移动ty距离 沿着z轴移动tz距离。沿x轴的缩放比为sx 沿y轴的缩放比为sy 沿z轴的缩放比为sz。translate（tx[,ty]）沿着x轴移动tx距离 沿y轴移动ty距离 ty可以省略。原创 2024-08-29 13:53:07 · 359 阅读 · 0 评论 -
前端——JavaScript字符型转数字 附应用小例子
通过input标签收集到的最开始都是字符串类型的数据，当我们想实现这些数据的运算时，需要将字符串转化为数字才能应用。原创 2024-09-18 21:57:23 · 527 阅读 · 0 评论 -
前端——JavaScript综合练习 下拉框样式实现
使下拉框的高度正好合适。最后当鼠标点击界面任意处时收回下拉框，即将其高度设置为0px。如图为最终效果，下拉框点击出现，点击其他任意位置后收回。当鼠标点击界面任意处时收回下拉框，即将其高度设置为0px。JavaScript部分代码思路为：首先将下拉框的。下拉框制作（河北大学研究生学院式样）JavaScript部分代码。以达到隐藏的效果，然后。原创 2024-09-18 22:39:11 · 519 阅读 · 0 评论 -
前端——JavaScript练习 做一个todoList
用前端制作一个todoList的表格，实现更新、删除、修改等功能。原创 2024-09-18 18:24:43 · 524 阅读 · 0 评论 -
前端——JavaScript实现图片轮播
JavaScript设计实现轮播图效果。2.设置左右按键，实现。1.图片每隔3s可以。，可以根据下标选择要展示的图片。原创 2024-09-19 15:58:23 · 461 阅读 · 0 评论