自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 学习:JS[8]本地存储+正则表达式

形如:[abc](a,b,c其中一个)、[a-z](a到z其中一个)、[a-zA-Z0-9](表示小写a到z,大写A到Z,数字0到9)g--匹配所有满足正则表达式的结果(global),全局查找。(2)将负责数据类型转化成JSON字符串,存储到本地。语法:JSON.stringfy(复杂数据类型)(2) . 匹配除换行符之外的任何单个字符。(1)直接存一个对象,不能直接使用。(3)取的时候把JSON转换回对象。i--不区分大小写(ignore)b.量词(表示重复次数)(1)[ ]匹配字符型。

2025-08-09 20:31:34 247

原创 学习:JS(7)日期对象+结点操作+window对象

a.使用场景:如果计算倒计时效果,前面方法无法直接计算,需要借助于时间戳完成。获得所有的子节点、包括文本节点(空格、换行)、注释节点等。是指1970年01月01日00时00分00秒起到现在的。仅获得所有元素节点,返回的还是一个伪数组。根据节点关系,查找节点,返回的都是对象。DOM树里每一个内容都叫节点。(2)children属性(1.BOM(浏览器对象模型)5.navigator对象。记录了浏览器自身的相关对象。创建一个对象并获取事件。(1)下一个兄弟节点。(2)上一个兄弟节点。三.window对象。

2025-08-05 17:45:25 902 1

原创 学习:JS[6]环境对象+回调函数+事件流+事件委托+其他事件+元素尺寸位置

时间完整执行过程中的流动路径捕获阶段:从父到子 冒泡阶段:从子到父主要使用冒泡。

2025-07-25 17:26:22 922

原创 掌握DOM操作:前端开发必备技能

<div class="box'data-id="10">盒子</div><script>//获取单个自定义属性,set--集合的意思</script>

2025-07-18 13:25:11 896

原创 学习:JS基础[5]对象

对象:JavaScript里的一种数据类型理解为一种无序的数据集合,注意数据是有序用来描述某个事物.例如一个人(拥有的信息和功能)

2025-07-13 16:16:58 156

原创 学习:JS[3]数组的增删改查+函数+作用域

a.全局作用域:,整个script标签包含的是全局作用域。只存在于&&和||中,当满足一定条件会让右边代码不执行。1.所用到的名字是有可用性的代码范围.简称作用域。b.局部作用域:函数作用域,跳出函数后不能使用。c.全局变量:函数外的let的变量。d.局部变量:函数内的let的变量。函数可以分为:具名函数+匿名函数。a.没有名字的函数,无法直接使用。判断是否可执行某个动作。函数不调用自己不执行。

2025-07-08 21:13:05 953 1

原创 学习:JS[2]运算符+语句+

a.=将等号,要求左边必须是一个容器b.其他赋值运算符。

2025-07-07 15:18:03 710

原创 学习:JS(1)JS简介+变量+常量+数据类型

a.概念JavaScript 是一种运行在客户端(浏览器)的编程语言b.作用网页特效 (监听用户的一些行为让网页作出对应的反馈)表单验证 (针对表单数据的合法性进行判断)\数据交互 (获取后台的数据, 渲染到前端)服务端编程 (node.js)c.组成。

2025-07-02 16:24:03 574

原创 学习:CSS[10]的2D转换+动画

本文章基于b站黑马程序员pink老师的H5+CSS3视频的内容总结a.语法b.注意a.语法b.重点c.2D转换中心点(transform-origin)注意: a.语法b.注意c.优点不会影响其他盒子 ,而且可以设置缩放的中心点1.基本使用a.步骤b.定义动画c.元素使用动画(调用动画)animation-name:动画名称;animation-duration:持续时间;d.可以做多个状态的动画e.动画里常见的属性 f.动画简写属性animation:动画名称 持续时间 运动

2025-07-01 16:25:28 515

原创 学习[9]:HTML5新增布局和表单+CSS3新增特性

本文章基于b站黑马程序员pink老师的H5+CSS3视频的内容总结。

2025-06-26 21:28:15 1036

原创 学习:CSS(7)[元素的显示与隐藏+精灵图]

本文基于学习b站上的黑马程序员,pink老师的前端入门教程学习,进行的总结。

2025-06-26 11:49:03 911

原创 学习:CSS(6)[圆角边框+盒子阴影+文字阴影+浮动]

CSS3新增加。

2025-05-24 16:50:15 262

原创 学习:CSS(5)【三大特性+盒子模型】

层叠性,继承性,优先级(1)解决给相同的选择器设置相同的样式,一个样式会将另一个样式(2)原则。

2025-05-16 22:54:49 1128

原创 学习:CSS(4)[背景]

给页面设置背景图片,背景颜色,背景平铺,背景图片的位置,背景图像的固定。

2025-05-15 15:11:54 355

原创 学习:CSS(3)[元素显示模式]

(1)情况一个模式的元素需要另外一种模式的特性(2)语法a.行内元素转换为块元素(重要)b.块元素转换为行内元素c.转换为行内块元素(重要)

2025-05-13 20:44:09 220

原创 学习:CSS(3)[Emmet语法+复合选择器]

使用缩写,提高html/css的编写速度(1)生成标签的时候,直接输入标签然后enter/tab键(2)连续生成标签的时候直接标签乘以个数然后按enter/tab键,如十个<div>标签==div*10(3)如果父子级关系的标签父级>子级,如ul>li(4)兄弟关系,用+号,如div+p(5)生成带有类名.demo(如.two),生成带有id名#demo(#pic),默认是<div>标签,如果换标签则在前面加上标签名(如p.two)(6)$自增符号,想生成的类名有顺序,(.demo$*5)生成五个有顺序的类

2025-05-13 19:30:38 433

原创 学习:CSS(2)[文本属性+引入方式]

Text:文本的外观样式,如颜色,对齐文本,装饰文本,文本缩进,行间距等.

2025-05-12 22:47:11 340

原创 学习:CSS(1)[选择器+字体属性]

层叠样式表的简称,专注结构呈现。

2025-05-12 14:57:10 1492

原创 学习:html标签(下)

</td>b.<dt>和<dd>个数没有限制,经常是一个<dt>对应多个<dd>3)格式:<textarea rows="3" cols="20">里面的<li>是有序的,会在每一行的前面标号1,2,3...c.<li></li>之间相当于一个容器,可以 容纳所有元素。<td>表格中的内容选项一</option><option>选项一</option><option>选项一

2025-05-10 22:23:50 457 1

原创 学习:html的常用标签(上)

文本或图像</a>3.空链接:当前没有目标链接时,用<a href="#">首页

2025-05-10 15:58:44 1498 1

原创 学习日常:vscode的快捷键

增加:多行注释:ctrl+shift+/shift+alt+下箭头/上箭头。shift+alt+拖动鼠标。ctrl+alt+上下箭头。(管理快捷键地方修改)

2025-05-10 08:30:48 456

空空如也

空空如也

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

TA关注的人

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