![](https://i-blog.csdnimg.cn/direct/f9cd22ddacb94676bebcdc94f1ac7bd3.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端学习
以实战为线索,逐步深入React开发各个环节,掌握前端常用性能体验优化思路,打造完整前端工作流,提升工程化编码能力和思维能力。
MarisolHu
这个作者很懒,什么都没留下…
展开
-
前端重学笔记-CSS篇-01
选择器分为和两个大类。是由单个选择器组成的。又包括:标签选择器类选择器、id选择器和通配符选择器。原创 2024-07-10 18:34:49 · 1029 阅读 · 0 评论 -
前端重学笔记-CSS篇-09
1.精灵图主要针对于小的背景图片使用。2.主要借助于背景位置来实现---原创 2024-07-14 22:50:24 · 849 阅读 · 0 评论 -
前端重学笔记-CSS篇-04
Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度,Vscode内部已经集成该语法。vscode自动格式化代码。原创 2024-07-10 19:49:25 · 130 阅读 · 0 评论 -
前端学习笔记-JS篇-04
函数:function,是被设计为执行特定任务的代码块说明:函数可以把具有相同或相似逻辑的代码“包裹”起来,通过函数调用执行这些被“包裹”的代码逻辑,这么做的优势是有利于。比如前面使用的alert()、prompt()和console.log()都是一些,只不过已经封装好了,我们直接使用的。原创 2024-08-14 12:14:23 · 950 阅读 · 0 评论 -
前端重学笔记-CSS篇-10
音频标签和视频标签使用方式基本一致浏览器支持情况不同谷歌浏览器把音频和视频自动播放禁止了我们可以给视频标签添加 muted 属性来静音播放视频,音频不可以(可以通过JavaScript解决视频标签是重点,我们经常设置自动播放,不使用controls控件,循环和设置大小属性。原创 2024-07-18 23:22:29 · 1072 阅读 · 0 评论 -
前端学习笔记-JS篇-02
对变量进行赋值的运算符。已经学过的赋值运算符:=【将等号右边的值赋予给左边,要求左边必须是一个容器】原始写法和简化写法【其实就是java基础】原创 2024-08-12 20:39:33 · 1003 阅读 · 0 评论 -
前端学习笔记-JS篇-03
元素,并返回该元素的值。原创 2024-08-13 15:35:31 · 997 阅读 · 0 评论 -
前端重学笔记CSS篇-03
CSS的三种样式表内部样式表(嵌入式 ):行内样式表(行内式)外部样式表(链接式)引入外部样式表分为两步1.新建一个后缀名为.css 的样式文件,把所有 CSS 代码都放入此文件中。2.在 HTML页面中,使用标签引入这个文件。原创 2024-07-10 19:32:43 · 186 阅读 · 0 评论 -
前端学习笔记-JS篇-05
对象(object):JavaScript里的一种数据类型,可以理解为是一种无序的数据集合, 注意数组是有序的数据集合,用来描述某个事物例如描述一个人:人有姓名、年龄、性别等信息、还有吃饭睡觉打代码等功能;如果用多个变量保存则比较散,用对象比较统一。比如描述 班主任 信息: 静态特征 (姓名, 年龄, 身高, 性别, 爱好) => 可以使用数字, 字符串, 数组, 布尔类型等表示;动态行为 (点名, 唱, 跳, rap) => 使用函数表示。1. 对象是什么?对象是一种数据类型;无序的数据的集合2. 对象有原创 2024-08-21 13:19:26 · 469 阅读 · 0 评论 -
前端重学笔记CSS篇-02
设置字体系列 font-family字体大小 font-size字体粗细 font-weight 字体样式 font-style 字体的复合属性 开发中使用最多的是16进制的写法。 文本对齐 text-align文本装饰 text-decoration[重点记住如何添加下划线如何删除下划线]文本缩进text-indent通过设置该属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值。 em 是一个相对单位,就是当前元素(font-size)1个文字的大小,如果当前元素没有设置大小,则会原创 2024-07-10 19:14:36 · 266 阅读 · 0 评论 -
前端重学笔记-HTML篇-02
alt:图片刷新不出来的时候显示的文字。title:鼠标在那会提示文本信息。原创 2024-07-07 01:28:25 · 301 阅读 · 0 评论 -
前端重学笔记-CSS篇-06
通过 CSS 背景属性,可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。background-color属性定义了元素的背景颜色,一般情况下元素背景颜色默认值是transparent(透明),我们也可以手动指定背景颜色为透明色background-image属性描述了元素的背景图像。实际开发常见于logo 或者一些装饰性的小图片或者是超大的背景图片,优点是非常便于控制位置.(精灵图也是一种运用场景) 默认情况下背景图片是平铺的如果需要在原创 2024-07-14 13:06:52 · 681 阅读 · 0 评论 -
前端重学笔记-HTML篇-03
表格标签 table—tr—tdth表头单元格 加粗显示 合并单元格 无序列表 自定义列表 表单域 label 文本域原创 2024-07-07 02:26:12 · 300 阅读 · 0 评论 -
前端重学笔记-HTML篇-01
ctrl+d:先双击一个单词 按快捷键,可以往下依次选择相同的单词,这样同时修改相同的单词就很方便。shift+alt+鼠标移动 对某一个区域快速操作。ctrl+alt+箭头 同时添加多个光标。ctrl+h 全局替换某个单词。ctrl+g 快速定位某个位置。原创 2024-07-07 00:48:28 · 120 阅读 · 0 评论 -
前端重学笔记-服务器
一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,可以向浏览器等Web 客户端提供文档,也可以放置网站女件,让全世界浏览;在网络环境下,根据服务器提供的服务类型不同,服务器又分为文件服务器、数据库服务器、应用程序服务器、Web 服务器等。是通常是别的公司为我们提供的一台电脑(主机),我们只要把网站项目上传到这台电脑上,任何人都可以利用。本地服务器主要在局域网中访问,如果想要在互联网中访问,可以把品优购网站上传到远程服务器。4.我们可以把网站上传到远程服务器里面,别人就可以通过域名访问我们的网站了。原创 2024-07-24 22:03:40 · 374 阅读 · 0 评论 -
前端学习笔记-JS篇-01
1.JavaScript (是什么?是一种运行在客户端(浏览器)的编程语言,实现人机交互效果2.作用(做什么?网页特效(监听用户的一些行为让网页作出对应的反馈)表单验证(针对表单数据的合法性进行判断)数据交互(获取后台的数据,渲染到前端)服务端编程(node.js)JavaScript权威网站:https://developer.mozilla.org/zh-CN/docs/Web/javaScript3.JavaScript的组成(有什么?规定了js基础语法核心知识。原创 2024-08-09 16:23:49 · 1185 阅读 · 0 评论 -
前端重学笔记-CSS篇-08
在使用定位布局时,可能会出现盒子重叠的情况。此时,可以使用z-index来控制盒子的前后次序(z轴)选择器{z-index:1;数值可以是正整数、负整数或0,默认是 auto,数值越大,盒子越靠上如果属性值相同,则按照书写顺序,后来居上数字后面不能加单位只有定位的盒子才有 z-index属性。原创 2024-07-14 21:05:54 · 700 阅读 · 0 评论 -
前端重学笔记-CSS篇-05
元素显示模式作用:网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。元素显示模式就是元素(标签)以什么方式进行显示,比如自己占一行,比如一行可以放多个。HTML元素一般分为块元素和行内元素两种类型。块元素常见的块元素有~、、、、、等,其中标签是最典型的块元素。块级元素的特点比较霸道,自己独占一行。高度,宽度、外边距以及内边距都可以控制。原创 2024-07-10 20:55:27 · 586 阅读 · 0 评论 -
前端重学笔记-CSS篇-07
所谓 盒子模型:就是把 HTML页面中的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器CSS 盒子模型本质上是一个盒子,封装周围的 HTML元素,它包括:边框border、外边距maigin、内边距padding、和实际内容content。当上下相邻的两个块元素(兄弟关系)相遇时,如果上面的元素有下外边距 margin-bottom,下面的元素有上外边距 margin-top,则他们之间的垂直间距不是margin-bottom与 margin-top之和。border可以设置元素的边框。原创 2024-07-14 15:03:17 · 795 阅读 · 0 评论 -
前端重学笔记-CSS篇-11
是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果。转换可以理解为变形。2D转换是改变标签在二维平面上的位置和形状的一种技术2D移动是2D转换里面的一种功能,可以改变元素在页面中的位置,类似定位。原创 2024-08-09 13:55:06 · 1103 阅读 · 0 评论