牧之瑞001
码龄165天
  • 6,575
    被访问
  • 25
    原创
  • 90,081
    排名
  • 2
    粉丝
关注
提问 私信

个人简介：前端小白

  • 加入CSDN时间： 2021-12-15
博客简介：

csdnlirui的博客

查看详细资料
  • 3
    领奖
    总分 246 当月 2
个人成就
  • 获得0次点赞
  • 内容获得0次评论
  • 获得1次收藏
创作历程
  • 26篇
    2022年
成就勋章
兴趣领域 设置
  • 前端
    javascripthtml5css
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

jQuery速通

一. jQuery 概述1.jQurey的优点二. jQuery 的基本使用2.1 jQuery 的下载官网地址： https://jquery.com/2.2 jQuery 的使用步骤2.2.1引入2.2.2使用2.3 jQuery 的入口函数2.4 jQuery 的顶级对象 $2.5 jQuery 对象和 DOM 对象三.jQuery 常用API 3.1jQuery 选择器3.1.1 jQuery 基础选择器3.1.2jQuer...
原创
发布博客 2022.04.24 ·
402 阅读 ·
0 点赞 ·
0 评论

Web APIs （第七天——正则表达式）

一、正则表达式1.1什么是正则表达式1.2正则表达式——语法1.3元字符1.3.1边界符1.3.2量词1.3.3字符类
原创
发布博客 2022.04.23 ·
1305 阅读 ·
0 点赞 ·
0 评论

Web APIs （第六天BOM- 操作浏览器）

一、Window对象1.1 BOM1.2 定时器-延时函数1.3 JS 执行机制1.4 location对象1.4.1href 属性获取完整的 URL 地址，对其赋值时用于地址的跳转1.4.2search 属性获取地址中携带的参数，符号 ？后面部分1.4.3hash 属性获取地址中的啥希值，符号 # 后面部分1.4.4reload 方法用来刷新当前页面，传入参数 true 时表示强制刷新1.5 navigator对象...
原创
发布博客 2022.04.20 ·
17 阅读 ·
0 点赞 ·
0 评论

Web APIs （第五天DOM- 网页特效篇）

一、滚动事件和加载事件1.1滚动事件1.2 加载事件二、元素大小和位置2.1 scroll家族（返回值不带单位）
原创
发布博客 2022.04.01 ·
15 阅读 ·
0 点赞 ·
0 评论

Web APIs （第四天——DOM-事件高级）

一、事件对象pageX/pageY 相对于整个页面左上角的位置keyup/keydown二、事件流2.1 事件流和两个阶段说明2.2 事件捕获和事件冒泡2.3 阻止事件流动三、事件委托...
原创
发布博客 2022.03.29 ·
630 阅读 ·
0 点赞 ·
0 评论

Web APIs （第三天——DOM-节点操作）

一、节点操作1.1DOM节点1.2查找节点1.3增加节点1.3.1创建节点1.3.2追加节点1.3.3克隆节点1.4删除节点二、时间对象2.1 实例化2.2 时间对象方法2.3 时间戳三、重绘和回流...
原创
发布博客 2022.03.26 ·
238 阅读 ·
0 点赞 ·
0 评论

Web APIs （第二天——DOM-事件基础）

一、事件1.事件监听2.拓展阅读-事件监听版本3.事件类型
原创
发布博客 2022.03.24 ·
23 阅读 ·
0 点赞 ·
0 评论

js练习题

1.计算银行卡余额遇到的问题，使用 border-collapse: collapse; 解决table边框塌陷问题。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport...
原创
发布博客 2022.03.23 ·
15 阅读 ·
0 点赞 ·
0 评论

web APIs （第一天——获取DOM元素、修改属性）

一、Web API 基本认知1. 作用和分类2. 什么是DOM
原创
发布博客 2022.03.22 ·
727 阅读 ·
0 点赞 ·
0 评论

js入门之路-初级

一、js三种书写方式1.下面两个等价-点击显示弹窗<input type="button" value="hello" onclick="window.alert('hello world')"/><input type="button" value="hello" onclick="alert('hello world')"/>2.直接显示弹窗<script type="text/javascript"> wind...
原创
发布博客 2022.03.14 ·
614 阅读 ·
0 点赞 ·
0 评论

移动适配rem+vw/vh+less

一、rem1.网页效果：屏幕宽度不同，网页元素尺寸也不同（等比缩放）rem单位是相对与html标签的字号计算结果，1rem=1html字号大小。使用得保证html标签有字号。一般rem布局中html字号为视口1/10。2.媒体查询如果视口宽在375时，字号20生效，当视口为400时，不生效。@media （媒体特性/width：375px） { 选择器/html{ css属性/font-size：20px； }}3.配合flexible.j
原创
发布博客 2022.03.07 ·
40 阅读 ·
0 点赞 ·
0 评论

移动端web+flex布局

一、字体图标-iconfont引入字体图标样式表iconfont.cssbody写<i class="iconfont /*第一个类名固定的*/icon-favorites-fill/*第二个用什么图标用什么类名*/"></i>网上没有图标的话，要svg图片，再上传到iconfont网站二、平面转换-transform1.位移：transform：transslate（水平移动距离，垂直移动距离）.son{ transition:all 0.5s;
原创
发布博客 2022.02.26 ·
134 阅读 ·
0 点赞 ·
0 评论

移动端web练习题

1.空间转换导航栏遇到的问题：li设置高100%导致a定位li把所有a定到一起。空间观察角度推荐：x-20deg，y30deg。图片空间旋转以后，这个图片坐标轴也会随之旋转。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
原创
发布博客 2022.02.26 ·
146 阅读 ·
0 点赞 ·
0 评论

小兔仙项目搭建

一、项目样式补充1.1精灵图场景：多张小图合并成为一张大图，这张大图片称为精灵图。优点：减少服务器发送次数，减轻服务器压力，提高页面加载速度。1.2精灵图使用步骤1.创建一个盒子，设置盒子的尺寸和小图尺寸相同。2.将精灵图设置为盒子的背景图片。3.修改背景图位置。 /*background-image：px px；*/精灵图一般用行内标签-span-b-i 然后再修改css为块元素display：2.1设置背景图片大小background-size：宽度 高度；
原创
发布博客 2022.02.14 ·
398 阅读 ·
0 点赞 ·
0 评论

css定位装饰

一、定位网页布局三种方式结合使用：标准流、浮动、定位。1.解决盒子和盒子之间层叠问题2.可以让盒子固定在某一个区域1.设置定位方式position静态定位static相对定位relative绝对定位absolute固定定位fixed1.相对定位relative.nav｛position：relative；left：20px;top:30px;}特点：占有原来的位置，仍然具备标签原有的显示特点，改变位置是参照自己原来位置,不会脱离标准流。定位如果四个方向都
原创
发布博客 2022.02.12 ·
93 阅读 ·
0 点赞 ·
0 评论

学成在线项目

一、根目录网站的一级文件夹（英文拼音命名）。存图片文件夹images、样式文件夹css、首页：index.html。
原创
发布博客 2022.02.11 ·
392 阅读 ·
0 点赞 ·
0 评论

练习题 1.div布局 2.导航栏

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
原创
发布博客 2022.01.19 ·
200 阅读 ·
0 点赞 ·
0 评论

css浮动

一、结构伪类选择器1.作用与优势1.作用：根据元素在html中的结构关系找元素2.优势：减少html中类的依赖，保持代码整洁3.场景：用于查找某父级选择器中的子元素2.选择器E:first-child{} 匹配父元素中的第一个子元素，子元素为EE:last-child{}匹配父元素中的第一个子元素，子元素为EE:nth-child(n){}匹配父元素中的第n个子...
原创
发布博客 2022.01.19 ·
106 阅读 ·
0 点赞 ·
0 评论

pxcook使用（量尺寸）+盒子模型+残缺新浪导航栏

png用设计左侧尺子量尺寸，查颜色用吸管psd用开发模式盒子模型盒子由内容区域content+内边距padding+边框border+外边距margin。3.1边框（快捷键bd+tab）border：1px solid red;solid实线dashed虚线dotted点线单向设置 border-left-right-top-bottom。border会撑大盒子，width和height减去双倍border。...
原创
发布博客 2022.01.17 ·
361 阅读 ·
0 点赞 ·
0 评论

css背景相关属性+元素显示模式+html嵌套+css特性+练习题

一、css背景相关属性1.1背景颜色：background-colorrgba，rgb，#fff，pink2.1背景图片：background-imagebackground-image：url（./.1.jip）；3.1背景平铺：background-repeat属性值：repeat（默认平铺）repeat-x，repeat-y，no-repeat（不平铺）4.1背景位置：background-position...
原创
发布博客 2022.01.15 ·
22 阅读 ·
0 点赞 ·
0 评论
加载更多