01.前言

前言

1.什么是前端开发

  • 前端开发是创建 Web 页面或 app 等前端界面呈现给用户的过程
  • 核心技术:HTML,CSS,JavaScript 以及衍生出的各种技术,框架等

2.前端开发应用场景

在这里插入图片描述

3.前端职业路线

在这里插入图片描述

4.什么是CS架构与BS架构

介绍

  1. 应用软件,有两种架构模式:C/S架构、B/S架构
  2. 前端工程师主要开发B/S架构的应用
  3. 前端中存在一些技术学习了之后也可以去做服务端开发与客户端开发

图示

在这里插入图片描述

5.浏览器

五大主流浏览器

在这里插入图片描述

为什么能成为主流浏览器

它们的市场份额都非常大,且都有自己的内核

市场份额

在这里插入图片描述
在这里插入图片描述

浏览器内核

介绍

内核是浏览器的核心,用于处理浏览器所得到的各种资
在这里插入图片描述

主流浏览器使用的内核

在这里插入图片描述

6.网页

介绍

  • 网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合
  • 网页是网站中的一“页”通常是 HTML 格式的文件,它要通过浏览器来阅读
  • 网页是构成网站的基本元素,它通常由图片,链接,文字,声音,视频等元素组成。通常我们看到的网页,常见以 .html 或 htm 后缀结尾的文件,因此将其俗称为 HTML 文件

组成部分

  • 一个网页由“结构+表现+行为”组成
  • 结构:HTML
  • 表现:CSS
  • 行为:JavaScript

显示流程

  1. 前端人员开发代码
  2. 浏览器显示代码(解析,渲染)
  3. 生成最后的 Web 页面

7.Web标准

介绍

Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织

为什么需要Web标准

在这里插入图片描述

构成

在这里插入图片描述

建议

  1. Web 标准提出的最佳体验方案:结构、样式、行为相分离
  2. 简单理解:结构写到 HTML 文件中,表现写到 CSS 文件中,行为写到 JavaScript 文件中

8.纯文本

介绍

就是没有任何文本修饰的,没有任何粗体,下划线,斜体,图形,符号或特殊字符及特殊打印格式的文件,只保存文本,不保存其格式设置

纯文本格式

最常见的的是 .txt 文件。在存储和传输过程中,只能保存文件,不能保存格式

富文本格式

与纯文本对应,常见的是 .rtf 文件,类似 .doc 文件,内部可以保存文本的样式,图片等

纯文本的特点

  • 文件只能保存文本,不保存其他的格式或非文本内容,有利于网络传输
  • 所有的纯文本格式文件,可以通过直接更改扩展名的方式更改保存格式
  • 纯文本格式文件可以使用任意的纯文本编辑器进行查看和编辑

前端与纯文本

HTML,CSS,JS 文件都是纯文本格式的文件

9.三大前端学习网站

  • W3C官网
  • W3School
  • MDN

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/223921.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

飞天使-实际运用安装rabbitmq

文章目录 安装rabbitmqphp脚本连接测试php 安装驱动 安装rabbitmq php 安装 sudo yum -y install yum-utils sudo yum -y install https://dl.fedoraproject.org/pub/epel/epel-release-latest-7.noarch.rpm sudo yum -y install https://rpms.remirepo.net/enterprise/remi-r…

ubuntu下搜索文件的几种方法

一、whereis命令: whereis命令只能用于程序名的搜索,而且只搜索二进制文件(参数-b)、man说明文件(参数-m)和源代码文件(参数-s)。如果省略参数,则返回所有信息。 whereis的命令格式: whereis [-bmsu] [BMS 目录名 -f ] 文…

leetCode算法—4.寻找两个正序数组的中位数

1.给定两个大小分别为 m 和 n 的正序(从小到大)数组 nums1 和 nums2。请你找出并返回这两个正序数组的 中位数 。 算法的时间复杂度应该为 O(log (mn)) 。 示例 1: 输入:nums1 [1,3], nums2 [2] 输出:2.00000 解释…

博士毕业需要发表几篇cssci论文

大家好,今天来聊聊博士毕业需要发表几篇cssci论文,希望能给大家提供一点参考。 以下是针对论文重复率高的情况,提供一些修改建议和技巧: 博士毕业需要发表几篇CSSCI论文 背景介绍 CSSCI即“中文社会科学引文索引”,被…

纯生信轻松拿下5+分文。铜死亡+免疫浸润+预后模型,快学起来吧

今天给同学们分享一篇生信文章“A novel defined risk signature of cuproptosis-related long non-coding RNA for predicting prognosis, immune infiltration, and immunotherapy response in lung adenocarcinoma”,这篇文章发表在Front Pharmacol期刊上&#x…

克服自卑心理,建立自信心的方法

自卑在初期往往是被我们忽视的......可是这种情绪持续发展下去,得不到及时的调整,便会出现极大的危害,会导致多种心理疾病。避免自卑、避免心理健康问题,需要我们及时发觉,及时改善.... 1、运用性格分析的方法初步了解…

图像去噪算法

图像去噪是图像处理领域的一个重要任务,有许多不同的方法可以用来降低图像中的噪声。以下是一些常见的图像去噪方法: 中值滤波(Median Filtering): 中值滤波是一种简单而有效的去噪方法。它使用一个滑动窗口&#xff…

利用vue指令解决权限控制问题

使用场景:在我们的系统中,有的用户有创建权限,有的用户没有创建权限。 分析:后端一般会在登录完成后将该用户的权限资源列表一次性返回给前端,因此,可以先把权限资源列表保存在vuex(pinia&…

宝塔面板快速搭建本地网站结合内网穿透实现远程访问【无需公网IP】

文章目录 前言1. 环境安装2. 安装cpolar内网穿透3. 内网穿透4. 固定http地址5. 配置二级子域名6. 创建一个测试页面 前言 宝塔面板作为简单好用的服务器运维管理面板,它支持Linux/Windows系统,我们可用它来一键配置LAMP/LNMP环境、网站、数据库、FTP等&…

稀有气体行业分析:预计2029年将达到492亿元

稀有气体或惰性气体是指元素周期表上的18族元素(IUPAC新规定,即原来的0族)。在常温常压下,它们都是无色无味的单原子气体,很难进行化学反应。天然存在的稀有气体有六种,即氦(He)、氖(Ne)、氩(Ar)、氪(Kr)、氙(Xe)和具放射性的氡(R…

【深度学习目标检测】三、基于深度学习的人物摔倒检测(python,yolov8)

深度学习目标检测方法则是利用深度神经网络模型进行目标检测,主要有以下几种: R-CNN系列:包括R-CNN、Fast R-CNN、Faster R-CNN等,通过候选区域法生成候选目标区域,然后使用卷积神经网络提取特征,并通过分类…

基于ssm点餐平台系统论文

摘 要 现代经济快节奏发展以及不断完善升级的信息化技术,让传统数据信息的管理升级为软件存储,归纳,集中处理数据信息的管理方式。本点餐平台系统就是在这样的大环境下诞生,其可以帮助管理者在短时间内处理完毕庞大的数据信息&am…

解决App Store上架提示您必须上传 12.9 英寸 iPad Pro(第 2 代)显示屏的截屏

出错场景 在App Store Connect中,上架App时,出现以下错误提示. 要开始审核流程,必须提供以下项目:您必须上传 12.9 英寸 iPad Pro(第 2 代)显示屏的截屏。(2048,2732)您…

LiteClient工具箱:降低成本,减少监管风险

​​发表时间:2023年9月14日 BSV区块链协会的工程团队一直在为即将推出的LiteClient而努力工作,这是一套模块化的组件,可使简易支付验证(SPV)变得更加便利。 借助LiteClient工具箱,交易所可以通过区块头中…

OpenCvSharp从入门到实践-(07)绘制图形

目录 1、线段的绘制 1.1实例1-绘制线段拼成一个"王"字 2、矩形的绘制 2.1实例2-绘制一个矩形边框 2.2实例3-绘制一个实心矩形 3、圆的绘制 3.1实例4-绘制"交通灯" 4、多边形绘制 4.1实例5-绘制等腰梯形 5、文字的绘制 5.1实例6-绘制文字OpenCvS…

Java 在 hibernate 中使用 Integer 和 int 做映射有什么区别?

Java 在 hibernate 中使用 Integer 和 int 做映射有什么区别? 在 Hibernate 中,使用 Integer 和 int 做映射的主要区别在于处理 null 值的能力以及默认值。下面是一些说明和示例代码: 使用 Integer: 能够表示 null 值&#xff1…

数据分析为何要学统计学(7)——什么问题适合使用t检验?

t检验&#xff08;Students t test&#xff09;&#xff0c;用于通过小样本&#xff08;样本容量n < 30&#xff09;对总体均值水平进行无差异推断。 t检验要求样本不能超过两组&#xff0c;且每组样本总体服从正态分布&#xff08;对于三组以上样本的&#xff0c;要用方差…

基于飞书的webhook功能实现对gitlab的事件通知并@具体成员(二)

在上一篇 基于飞书群智能助手从gitlab中获取信息并具体成员&#xff08;一&#xff09;详细讲解了基于飞书群智能助手私信成员的姿势&#xff0c;那接下来为大家介绍通过webhook也可以作为私信成员。 文章目录 1. 基于飞书的webhook功能1.1 创建工作流1.2 gitlab中创建webhook1…

速学数据结构 | 树 森林 二叉树 的概念详讲篇

&#x1f3ac; 鸽芷咕&#xff1a;个人主页 &#x1f525; 个人专栏:《速学数据结构》 《C语言进阶篇》 ⛺️生活的理想&#xff0c;就是为了理想的生活! &#x1f4cb; 前言 &#x1f308;hello&#xff01; 各位宝子们大家好啊&#xff0c;关于线性表我们已经在前面更新完了…

学生管理系统 数据库版

1.写SQL语句 创建school_java数据库 创建student数据表包含 id、name姓名、tel电话、sex性别字段 往student表中加10条数据 2.写Java代码&#xff08;要求只用PreparedStatement对象&#xff0c;变化的值都用?代替&#xff09; 查询student表中所有学生信息 student表中新增三…