前端开发
文章平均质量分 78
这里包括前端开发比较全面的技术栈
Muko_0x7d2
大二本科软件工程专业在校生
展开
-
JavaScript 函数
当在函数作用域中使用一个变量时,它会先在自身作用域中寻找,如果找到了则直接使用,如果没有找到则到上一级作用域中寻找,如果找到了则使用,找不到则继续向上找,一直会。在函数作用域中,也具有该特性,使用var关键字声明的变量会在函数所有的代码执行前被声明,如果没有使用var关键字声明变量,则变量会变成全局变量。- 在全局作用域中,使用函数声明创建的函数(function fun(){}),会在所有的代码执行之前被创建,- 在函数作用域中,使用函数声明创建的函数,会在所有的函数中的代码执行之前就被创建好了。原创 2024-02-26 23:24:43 · 929 阅读 · 2 评论 -
JavaScript对象
对象的属性名没有任何要求,不需要遵守标识符的规范,但是在开发中,尽量按照标识符的要求去写。如果读取一个对象中没有的属性,它不会报错,而是返回一个undefined。对象[“属性名”] = 属性值;属性值也可以任意的数据类型。对象.属性名 = 属性值;原创 2024-02-25 21:56:33 · 415 阅读 · 2 评论 -
JavaScript流程控制语句
【代码】JavaScript流程控制语句。原创 2024-02-22 13:14:32 · 341 阅读 · 2 评论 -
JavaScript基础
如果声明一个变量但是没有为变量赋值此时变量的值就是undefined- 该类型的值只有一个 undefined- 使用typeof检查一个Undefined类型的值时,会返回"undefined"原创 2024-02-16 12:46:19 · 978 阅读 · 3 评论 -
CSS3 基本语法
一段动画,就是一段时间内连续播放 n 个画面。每一张画面,我们管它叫做“帧”。一定时间内连续快速播放若干个帧,就成了人眼中所看到的动画。同样时间内,播放的帧数越多,画面看起来越流畅。关键帧指的是,在构成一段动画的若干帧中,起到决定性作用的 2-3 帧。13.3. 动画的基本使用第一步:定义关键帧(定义动画)简单方式定义:/*写法一*/@keyframes 动画名 {from {to {完整方式定义:@keyframes 动画名 {0% {20% {40% {60% {80% {原创 2024-02-10 22:56:41 · 1783 阅读 · 2 评论 -
CSS3简介
如下代码中的 -webkit- 就是私有前缀div {原创 2024-02-09 15:02:44 · 394 阅读 · 2 评论 -
HTML5
HTML5 在狭义上是指新一代的 HTML 标准,在广义上是指:整个前端。原创 2024-02-07 20:20:37 · 2622 阅读 · 2 评论 -
CSS布局
在早期,元素默认样式,能够让我们快速的绘制网页,但如今网页的设计越来越复杂,内容越来越多,而且很精细,这些默认样式会给我们绘制页面带来麻烦;此种方法,在简单案例中可以用一下,但实际开发中不会使用,因为 * 选择的是所有元素,而并不是所有的元素都有默认样式;而且我们重置时,有时候是需要做特定处理的,比如:想让 a 元素的文字是灰色,其他元素文字是蓝色。备注: Normalize.css 的重置,和 reset.css 相比,更加的温和,开发时可根据实际情况进行选择。原创 2024-02-05 16:37:58 · 382 阅读 · 2 评论 -
CSS定位
粘性定位和相对定位的特点基本一致,不同的是:粘性定位可以在元素到达某个位置时将其固定。—— 对于 PC 浏览器来说,视口就是我们看网页的那扇“窗户”。—— 默认宽、高都被内容所撑开,且能自由设置宽高。注意:绝大多数情况下,相对定位,会与绝对定位配合使用。注意:该定位的元素必须设置宽高!原创 2024-02-05 16:37:47 · 988 阅读 · 2 评论 -
css浮动
在最初,浮动是用来实现文字环绕图片效果的,现在浮动是主流的页面布局方式之一。原创 2024-02-05 16:37:18 · 1469 阅读 · 2 评论 -
CSS盒子模型
块元素(block)主体结构标签: < html> 、 < body>排版标签: < h1> ~ < h6> 、 < hr> 、 < p> 、 < pre> 、 < div>列表标签: < ul> 、 < ol> 、 < li> 、 < dl> 、 < dt> 、 < dd>表格相关标签: < table> 、 < tbody> 、 < thead> 、 < tfoot> 、 < tr> 、< caption>< form> 与 < option>行内元素(inline)原创 2024-02-02 22:07:30 · 859 阅读 · 2 评论 -
CSS常用属性
注意点:如果电脑设置中开启了缩放,那么就会影响一些工具的测量结果,但这无所谓,因为我们工作中都是参考详细的设计稿,去给元素设置宽高。原创 2024-02-01 22:50:11 · 1484 阅读 · 2 评论 -
CSS三大特性
什么是样式冲突?——— 元素的同一个样式名,被设置了不同的值,这就是冲突。原创 2024-01-30 14:46:04 · 419 阅读 · 2 评论 -
CSS选择器
举例:1.2 元素选择器作用:为页面中 某种元素 统一设置样式。举例:备注:元素选择器无法实现差异化设置,例如上面的代码中,所有的 p 元素效果都一样。1.3 类选择器作用:根据元素的 class 值,来选中某些元素。举例:注意点:一个元素的 class 属性,能写多个值,要用空格隔开,例如:1.4 ID选择器作用:根据元素的 id 属性值,来精准的选中某个元素。举例:注意:id 属性值:尽量由字母、数字、下划线( _原创 2024-01-28 21:07:37 · 402 阅读 · 2 评论 -
CSS基础
简单理解: CSS 可以美化 HTML , 让 HTML 更漂亮。核心思想: HTML 搭建结构, CSS 添加样式,实现了:结构与样式的分离。原创 2024-01-28 20:53:04 · 1240 阅读 · 2 评论 -
HTML-框架标签、实体、全局属性和元信息
/原创 2024-01-26 19:24:31 · 856 阅读 · 2 评论 -
HTML-表单
概念:一个包含交互的区域,用于收集用户提供的数据。示例代码:2.常用表单控件1.文本输入框2.密码输入框3.单选框4.复选框5.下拉框6.隐藏域7.提交按钮8.重置按钮9.普通按钮10.文本域3.禁用表单控件给表单控件的标签设置 disabled 既可禁用表单控件。label 标签可与表单控件相关联,关联之后点击文字,与之对应的表单控件就会获取焦点。两种与 label 关联方式如下:5.fieldset与legend的使用fields原创 2024-01-26 17:48:50 · 1741 阅读 · 2 评论 -
HTML-表格
2.常用属性注意点:课程表效果:编写思路:例如:然后再删除多余的单元格原创 2024-01-25 19:36:06 · 605 阅读 · 1 评论 -
HTML-列表
概念:所谓自定义列表,就是一个包含术语名称以及术语描述的列表一个dl就是一个自定义列表,一个dt就是一个术语名称,一个dd就是术语描述(可以有多个)一个dd里可以包含一个或多个li标签,效果如同包含多个dd,但是这样子可以统一该dt下各dd的样式< h2 > 如何高效的学习?原创 2024-01-25 19:12:47 · 669 阅读 · 0 评论 -
HTML基础
可以实现:①跳转到指定页面、②跳转到指定文件(也可触发下载)、③跳转到锚点位置、④唤起指定应用。注意2:若想强制触发下载,请使用 download 属性,属性值即为下载文件的名称。主要特点:具备上述几种格式的优点,但兼容性不太好,一旦使用务必要解决兼容性问题。使用网络绝对路径,确实方便,但要注意:若服务器开启了防盗链,会造成图片引入。,不进行压缩的一种格式,在最大程度上保留图片更多的细节。的场景,例如:一些大型游戏中的图片 (网页中很少使。,是一种无损的压缩格式,能够更高质量的保存图片。原创 2024-01-24 21:51:42 · 973 阅读 · 2 评论 -
vscode安装和基本设置
注意1:务必使用VSCode打开的是文件夹,否则 Live Server 插件无法正常工作!注意2:打开的网页必须是标准的HTML结构,否则无法自动刷新!注意,favicon.ico这个文件要放在文件夹的最外面。删除快捷键:ctrl + shift + k。使用 VSCode打开文件夹的两种方式。桌面打开或者vscode里面打开文件夹。网页强制刷新:按住shift再点击刷新。,可以对生成结构的属性进行定制。在存放代码的文件夹中,存放一个。快捷键:ctrl + /图片,可配置网站图标。原创 2024-01-17 17:51:01 · 874 阅读 · 2 评论 -
前端基础知识
全称:HyperText Markup Language(超文本标记语言)超文本:暂且简单理解为 “超级的文本”,和普通文本比,内容更丰富标 记:文本要变成超文本,就需要用到各种标记符号语 言:每一个标记的写法、读音、使用规则,组成了一个标记语言。原创 2024-01-16 17:43:58 · 343 阅读 · 2 评论 -
html_块级元素与行内元素
向下复制一行:Shift+Alt+向下方向键。原创 2023-07-07 05:19:10 · 24 阅读 · 1 评论