- 博客(12)
- 收藏
- 关注
RSS订阅原创 DOM-js复习（未写完版）
DOM(Document Object Model——文档对象模型)是用来呈现以及与任意 HTML 或 XML文档交互的API白话文:DOM是浏览器提供的一套专门用来操作网页内容的功能。
2024-05-07 18:01:53
172
原创 Javascript-石头剪刀布[简易版本]
很多时候在function里面声明的变量就是只能在function里面是用的，如果想在function外调用对应的参数变量需要直接将参数声明在函数外面，变化为。首先这个功能需要做到可以实现利用random来实现区分石头，剪刀，布。本次采用了function + button来复现一个简单的。（本次在这里需要注意的全局参数就是computerMove），从而实现了Markdown。
2024-05-06 14:39:04
586
3
原创 前端复习知识 ：position和top
2.如果设置了fixed格式，那么需要注意一下对应的内容虽然是固定在前端上了，但是要注意他只会占用自己应该占用的位置，如果你没有对应的设置width/height这种那么大概率是不会占用到全部的大小。表示对应的div距离四周的距离，如果你同时设置了两个对立的参数，默认情况下会延长div宽高。1.如果参数设置为了static其实和没有设置的效果一致的，这个就是默认的效果。1.直接选择利用：margin，但是有局限性，一旦div移动了就不行了。3.fixed默认是没有背景颜色的，如果用了fixed一定要固定。
2024-04-16 17:18:25
288
1
原创 前端综合复现实战-youtube网站首页（2）-导航栏
/ [1 2 3 ]like this，在一个区间里面均匀分散开。图片可以选择了利用那个下载图片方式下载对应的ui，我这里选择的就是直接复制阿里矢量图网站的一些logo来学习和复线。本次需要注意使用的了对应的flex灵活布局（很适合一些搜索栏）flex-direction:row;
2024-04-15 16:14:26
174
原创 前端综合复现实战-youtube网站首页-主页面(1)
可以看到一个小型的视频展示页面初步被我忽略了时长小框，我将vertical设置红色，hortizonal设置为了蓝色，我设计逻辑为先利用垂直空间划分出大致区域，然后再划分水平（蓝色）的分布区见，然后反复如此，最后确定出div的所处位置和应有区域。4.none 如果有的display被设置这个，那么后面的东西都会被设置到移动前面，它本身这个内容 将不显示而已，如果有抓取类型的行为，该部分还是可以被抓到的。本次想要复刻的网页如上，本次只是想复现这个页面展示效果，不会太重视图文对的上，
2024-04-12 13:00:23
775
原创 前端案例（5）- search
如果想在搜索框没有输入文字的时候已经有提示搜索此，就是<input class="search-box" type="text" placeholder="Search">input有很多个type，有text,checkbox(点击后有✅）其他border格式设置和阴影设置都和前面写的案例中设置方法一样。搜索框就是<input>来实现。
2024-03-27 11:02:11
188
原创 前端css复习（4）-img
如果我们将 object-position 设置为 20% 40%，这意味着图像左边 20% 的垂直线与内容框左边 20% 的垂直线重合，图像顶部40% 的水平线与内容框顶部40%的水平线重合。如果直接设置为object-position:left这种，先比较是容器大，还是图片大，然后个人理解为小的开始运动（之后有误会进行修正）img和link就是一个很普通的开放性tag，所以可以不具备有</img> </link>contain：保证图片保持最开始的比例不会变形，但是不保证填满容器尺寸。
2024-03-26 18:01:34
207
原创 前端-想用心仪的字体
选择以后复制对应的link代码放在link里面就可以安装了，然后根据font-family 的name来选择完成更新。可以在这里连接中找到自己喜欢的字体，
2024-03-26 17:20:44
61
原创 前端学习css案例（3）-text styles
body里面装的就是可以在网页浏览中真正看到的例如<p><h><table>，head里面的title网页的显示在最上头标题（可以拖动的那个小框框） ，然后css的<style>那些就是格式，不会展示在浏览者面前，也是在head里面。2.<p>本身有个缺陷（default）就是他本就是自带着margin-top/bottom，初始时候没有设置的默认就属于中间的,如果你想让两个字体主动贴彼此，就需要一个bottom设置为0，一个top设置为0。1.line-height：基本就是行间距的别名；
2024-03-26 17:17:03
160
原创 前端学习css案例（2）-button阴影与改变颜色
在最开始submit-button里面的添加一个参数叫transition，有两个变量，第一个变量的内容就是需要变换的某个参数（本次采用的参数为opactiy），第二个变量的内容就是变换所需要的时间,一般采用0.15s会好一点；第四个是颜色,一般阴影喜欢和原按钮颜色一致，采用rgba（a的含义是opacity），四个参数，第四个参数就是opacity 本次采用了(0,0,0,0.15)此时会遇到一个问题：hover和active都会变换的很突然，没有丝滑，是很突然的改变了颜色。class后面跟着“
2024-03-26 11:36:20
312
原创 前端css学习案例（1）-button初始格式+格式调整
基本使用案例方式：class+参数（color 颜色/border 边框/height 高/weight 宽/cursor 光标/margin 边缘距离）文件命名：button.html。本次使用的工具：vscode。
2024-03-26 10:30:41
189
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人