关注
分享
文章平均质量分 90
前端开发 是创建 WEB 页面或 APP 等前端界面呈现给用户的过程，通过 HTML ， CSS 及 JavaScript 以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
晚风(●•σ )
期待与你共同努力，感谢你的关注！
展开
-
Web前端开发笔记——第四章 JavaScript程序设计 第六节 函数
目录一、函数的定义和声明（一）function关键字声明（二）函数表达式定义函数（三）Function()构造函数二、函数的参数三、变量作用域四、函数的调用（一）直接调用（二）方法调用（三）构造器调用（四）Apply调用四、递归函数（一）（二）（三）一、函数的定义和声明JavaScript中的函数与其它语言中的也是一样的含义，都是将一组语句打包，使其可重复地使用，函数的声明有以下三种方式：（一）function关键字声明直接通过function关键字声明的格式如下，其中function必须是小写：原创 2022-04-30 08:00:00 · 495 阅读 · 0 评论 -
Web前端开发笔记——第四章 JavaScript程序设计 第五节 数组
目录一、数组的创建（一）Array()构造函数（二）字面量方法二、数组元素的读写和遍历三、添加和删除数组元素（一）添加数组元素（二）删除数组元素（三）splice()方法四、二维数组及多维数组五、数组的搜索和排序（一）数组的排序（二）数组的搜索六、数组的截取和合并一、数组的创建JavaScript中数组和其它语言不一样，它的一个数组中可以存放多种类型的元素，即数组每一项可以是任何一种数据类型的数据，且数组的大小是可以动态调整的，即根据数据的增加而自动增长以容纳更多的数据。有两种方式可以创建数组，分别是原创 2021-12-22 19:18:58 · 1956 阅读 · 2 评论 -
Web前端开发笔记——第四章 JavaScript程序设计 第四节 条件语句和循环语句
# 一、if条件语句在JavaScript中，if-else语句的格式如下：```javascriptif(表达式){语句1}else{语句2}```若要进行多个判断条件，可以通过if-else if-else语句，else-if可以为多个，当if里面的表达式1不成立时，执行表达式2，若表达式2不成立则执行语句3，格式如下：```javascriptif(表达式1){语句1}else if(表达式2){语句2}...else{语句3}```例如下列HTML代码，判断a的值原创 2021-12-21 23:34:47 · 2514 阅读 · 0 评论 -
Web前端开发笔记——第四章 JavaScript程序设计 第三节 数据类型
# 一、基本数据类型JavaScript中包括两种不同数据类型，分为`基本数据类型`和`引用数据类型`，前者指简单的数据段，后者指多个值构成的对象。## （一）String类型String类型即`字符串`类型，字符串可以包括在单引号或双引号内，若字符串本身含有单引号则字符串应该包括在双引号内，反正则在单引号内。## （二）Number类型### 1、字面量Number类型即`数字类型`，可分为整数、浮点数和NaN，其中浮点数是带有小数点且至少有一位的数，它占用的内存空间是整数的两倍。原创 2021-11-14 23:26:45 · 837 阅读 · 0 评论 -
Web前端开发笔记——第四章 JavaScript程序设计 第二节 变量
目录一、变量的命名规则二、变量声明以及赋值三、变量作用域四、变量提升（一）（二）一、变量的命名规则JavaScript中命名变量必须以字母开头（也能以 $ 或 _ 符号开头），且变量名不能包含空格和标点符号。二、变量声明以及赋值JavaScript中声明一个变量需使用关键字var，而变量的赋值通过使用=，也可以通过省略关键字var来声明变量，例如i=1，就没有使用关键字var。例如下列HTML代码，可以看出若声明变量但没有赋值在控制台中会显示未定义undefined，即此时该变量的值为undefi原创 2021-11-14 14:47:05 · 1096 阅读 · 0 评论 -
Web前端开发笔记——第四章 JavaScript程序设计 第一节 JavaScript的基础语法
目录一、JavaScript的定义二、JavaScript的创建和使用（一）内嵌JavaScript代码（二）引用JavaScript文件三、（一）（二）（三）一、JavaScript的定义JavaScript是一种基于对象和事件驱动的脚本语言，它与HTML（超文本标记语言）、CSS（层叠样式表）结合起来，其中HTML 定义网页的内容，CSS 描述网页的布局，而JavaScript 控制网页的行为。二、JavaScript的创建和使用可以通过在HTML里面内嵌JavaScript代码或引用单Java原创 2021-11-14 00:22:35 · 1373 阅读 · 2 评论 -
Web前端开发笔记——第三章 CSS语言 第八节 CSS3文本文字设置
目录前言一、文本阴影二、强制换行三、字体设置结语前言本节中的仅支持CSS3中的新语法，比如文字的阴影、长文本的换行等等。一、文本阴影通过定义text-shadow来对文本进行阴影设置，其属性依次是水平阴影距离、垂直阴影距离、阴影的大小、阴影颜色。如下代码，css代码：p { font: italic bold 20px/2em '幼圆'; text-shadow: 2px 2px 2px red;}html代码：<!DOCTYPE html><htm原创 2021-09-15 00:02:22 · 292 阅读 · 6 评论 -
Web前端开发笔记——第三章 CSS语言 第七节 圆角边框、阴影
目录前言一、圆角边框（一）border-×-×-radius（二）border-radius二、阴影（一）基本阴影设置（二）内部阴影设置结语前言本节介绍仅在CSS3中的新内容，例如圆角边框、盒子阴影等等。一、圆角边框（一）border-×-×-radius可以通过border-top/bottom-left/right-radius属性来对边框的四个角进行圆角处理，前提是要定义border属性，即有边框才有效。从边框的四个角分为以下四个属性：border-top-left-radius:（左原创 2021-09-07 00:18:34 · 1181 阅读 · 4 评论 -
Web前端开发笔记——第三章 CSS语言 第六节 CSS定位
目录一、定义二、文档流定位（一）block类型元素（二）inline类型元素（三）inline-block类型元素三、浮动定位（一）（二）四、层定位（一）（二）结语一、定义通过定位，即文档流、浮动定位、层定位三种定位机制来决定盒子模型的位置，在一个盒子中可同时拥有很多种定位机制。二、文档流定位文档流定位即为默认的定位方式，该机制的盒子模型的元素都是从上至下，从左至右依次排列的。其元素类型分为三种：block类型、inline类型、inline-block类型，且这几种元素可以通过display属原创 2021-09-05 21:21:26 · 442 阅读 · 2 评论 -
Web前端开发笔记——第三章 CSS语言 第五节 盒子模型
目录一、CSS布局与定位二、结语一、CSS布局与定位在CSS中对一个网页进行布局与定位，首先通过盒子模型，即页面元素的大小、边框、各元素之间的间距将布局进行设计元素，然后通过定位，即文档流、浮动定位、层定位来决定盒子模型的位置，且盒子是可以嵌套的。二、结语以上就是全部内容，篇幅较长，感谢您的阅读和支持，若有表述或代码中有不当之处，望指出！您的指出和建议能给作者带来很大的动力！！！...原创 2021-09-01 23:07:18 · 720 阅读 · 6 评论 -
Web前端开发笔记——第三章 CSS语言 第四节 CSS列表、表格样式
目录一、CSS伪类三、结语一、CSS伪类三、结语以上就是全部内容，篇幅较长，感谢您的阅读和支持，若有表述或代码中有不当之处，望指出！您的指出和建议能给作者带来很大的动力！！！...原创 2021-08-31 16:32:02 · 886 阅读 · 5 评论 -
Web前端开发笔记——第三章 CSS语言 第三节 文本、字体、背景、超链接样式属性
目录前言一、二、三、结语前言一、二、三、结语以上就是全部内容，篇幅较长，感谢您的阅读和支持，若有表述或代码中有不当之处，望指出！您的指出和建议能给作者带来很大的动力！！！...原创 2021-08-30 21:01:42 · 1116 阅读 · 5 评论 -
Web前端开发笔记——第三章 CSS语言 第二节 CSS选择器
目录前言一、CSS选择器（一）标签选择器（二）id选择器（三）类别选择器二、针对标签的选择器嵌套三、集体声明和全局声明（一）集体声明（二）全局声明结语前言CSS代码由选择器和一条或多条声明组成的，选择器是需要改变样式的 HTML标签，在CSS中由分号隔开每条代码为声明，且声明是以大括号{}括起来的。之前我们阐述了CSS的基本概念，其中选择器是需要改变样式的 HTML标签，然而选择器分为三种：标签选择器、id选择器、class选择器，它们的作用都是设置CSS样式。一、CSS选择器（一）标签选择原创 2021-08-29 18:56:17 · 551 阅读 · 8 评论 -
Web前端开发笔记——第三章 CSS语言 第一节 CSS的基本概念和样式表
目录一、CSS和HTML二、CSS的基本语法格式三、CSS样式设置三、引用外部CSS文件结语一、CSS和HTMLCSS，又称为层叠样式表，HTML标签定义网页的内容和结构，而CSS定义内容的样式。通过CSS定义样式，而不会改变网页的内容和结构。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。二、CSS的基本语法格式CSS代码由选择器和一条或多条声明组成的，选择器是需要改变样式的 HTML 标签，在CSS中由分号隔开每条代码原创 2021-08-29 16:03:16 · 425 阅读 · 2 评论 -
Web前端开发笔记——第二章 HTML语言 第十一节 语义标签
目录一、标题标题结语一、标题标题结语以上就是全部内容，篇幅较长，感谢您的阅读和支持，若有表述或代码中有不当之处，望指出！您的指出和建议能给作者带来很大的动力！！！原创 2021-08-28 19:23:19 · 304 阅读 · 0 评论 -
Web前端开发笔记——第二章 HTML语言 第十节 画布标签、音视频标签
目录一、画布标签二、音视频标签（一）音频标签（二）视频标签（三）资源标签结语一、画布标签<canvas> </canvas> 画布标签用于图形、字符等的绘制，它不能直接地绘制图形，要通过脚本即JavaScript来完成，这里不对具体脚本阐述，只介绍该标签的用法。通过指定id=""属性 ，用于在脚本中引用，而通过定义 width=""和 height=""属性来规定该画布的大小.，即宽度和高，如下：<canvas id="" width="" height="">&原创 2021-08-27 17:57:49 · 451 阅读 · 2 评论 -
Web前端开发笔记——第二章 HTML语言 第九节 框架标签、脚本标签
目录一、框架标签二、框架标签的属性三、结语一、框架标签<iframe></iframe>标签表示框架标签，使用该标签可以当前窗口中显示更多的页面，其中src属性代表指向网页或文档的URL，name属性表示框架标签的名称。<iframe src="URL" name=""></iframe>二、框架标签的属性例如，在HBuilder X中，下列html代码，：三、结语以上就是全部内容，篇幅较长，感谢您的阅读和支持，若有表述或代码中有不当之处原创 2021-08-26 22:09:29 · 3736 阅读 · 4 评论 -
Web前端开发笔记——第二章 HTML语言 第八节 表单标签
目录一、表单的定义二、输入标签（一）文本框和密码框三、四、结语一、表单的定义表单用于收集用户的输入信息，它是一个区域，在这个区域里添加表单元素即可收集用户的信息，表单元素可以是文本、单选框、复选框、按钮、下拉菜单等等。比如下面的qq登录页面，它就是一个表单：表单用from标签表示，它有个重要的属性为action属性，action后跟数据处理网页的URL，表示收集用户的数据交由该页面进行处理，它表示为<from action="">表单元素</from>；也可以跟metho原创 2021-08-24 11:04:44 · 1560 阅读 · 13 评论 -
Web前端开发笔记——第二章 HTML语言 第七节 表格标签
目录一、表格标签的定义二、表格标签的属性（一）边框属性（二）单元格属性三、表格标签的表头表头属性四、表格标签的标题五、表格标签的嵌套结语一、表格标签的定义在html中，表格标签表示为<table></table>，其中的每行用<tr></tr>标签表示，在表格中的每一行都由若干个单元格组成，表示为<td><td>，它代表该单元格的数据，可以为文本、图片、列表等等，且可以在其中嵌套表格。例如，在HBuilder X中，下列html原创 2021-08-23 16:04:15 · 1279 阅读 · 2 评论 -
Web前端开发笔记——第二章 HTML语言 第六节 区域标签、列表标签
目录一、区域标签（一）div标签的定义（二）div标签的属性二、列表标签（一）列表标签的定义1、有序列表2、无序列表3、自定义列表（二）列表标签结语一、区域标签（一）div标签的定义div标签是成对使用的，可将元素即将一些内容组合在一起形成一个区域，例如下列导航栏、分栏、广告都是一个个区域。可以这样说，div标签常用于组合块级元素，方便在后续通过 CSS 语言来对其格式化，且区域可以叠加。<div></div>在解析html文件时，浏览器会默认在 div 标签的前后进行原创 2021-08-22 21:55:51 · 1209 阅读 · 0 评论 -
Web前端开发笔记——第二章 HTML语言 第五节 图像标签
目录一、二、三、一、二、三、# 结语以上就是全部内容，篇幅较长，感谢您的阅读和支持，若有表述或代码中有不当之处，望指出！您的指出和建议能给作者带来很大的动力！！！原创 2021-08-21 17:19:07 · 1180 阅读 · 0 评论 -
Web前端开发笔记——第二章 HTML语言 第四节 超链接标签
目录前言一、超链接标签（一）链接其它子网页（二）链接其它站点（三）虚拟超链接二、从当前页面链接到指定位置三、链接的访问情况四、在新窗口中打开链接例题结语前言本节介绍超链接标签即a标签的用法以及相关应用例题。一、超链接标签a标签，也叫超链接标签，在图片或者文字上使用，或者可以用在导航栏上，点击后跳到新的页面，以供用户浏览。超链接表示为<a href ="网址">文字或图片</a>，这里的"href=“是该标签的属性即超链接，通过赋值符号”="，来对该属性进行赋值，而网址是要跳原创 2021-08-21 16:13:12 · 1346 阅读 · 0 评论 -
Web前端开发笔记——第二章 HTML语言 第三节 文本格式化标签
目录前言一、文本加粗、斜体标签二、文本字体缩小、放大标签三、文本下标、上标标签四、文本下划线、删除线标签五、双引号字符结语前言这里主要介绍对html语言中对文本的处理。一、文本加粗、斜体标签使用b标签或strong标签对文字进行加粗，使文本加粗显示，它表示为<b>文本</b>或<strong>文本</strong>。使用i标签或em标签对文字进行斜体，使文字斜体显示，它表示为<i>文本</i>或<em>文本<原创 2021-08-21 16:10:18 · 933 阅读 · 2 评论 -
Web前端开发笔记——第二章 HTML语言 第二节 基本标签
目录前言一、标题标签二、段落标签和段内换行三、空格字符四、预留格式标签结语前言本节主要讲解HTML的基本标签。一、标题标签下面红框中的内容就是标题标签。我们用h1～h6来表示不同的标题标签，依次是一级标题到六级标题，表示为<h1～h6>标题内容 </h1～/h6>，一般建议一个页面只有一个一级标题，标题标签之间是该标题的内容即正文，如下：<h1>一级标签</h1><h2>二级标签</h2><h3>三级标签原创 2021-08-19 14:30:37 · 485 阅读 · 0 评论 -
Web前端开发笔记——第二章 HTML语言 第一节 标签、元素、属性
目录一、什么是JavaScript？一、什么是JavaScript？JavaScript是一种具有函数优先的轻量级，解释型或即时编译型的编程语言，可以说JavaScript 用于 Web 开发的语言，虽然它也用于其它的方面。所有现代的 HTML 页面都使用 JavaScript。...原创 2021-08-18 00:22:32 · 372 阅读 · 3 评论 -
Web前端开发笔记——第一章 Web前端概论
JavaScript 是 web 开发人员必须学习的 3 门语言中的一门：HTML 定义了网页的内容CSS 描述了网页的布局JavaScript 控制了网页的行为原创 2021-08-17 18:50:47 · 1252 阅读 · 2 评论