Web前端基础引入

前言

简单说就是

  1. DNS (Domain Name System) 解析

  2. TCP (Transmission Control Protocol) 链接

  3. HTTP (HyperText Transfer Protocol) 请求

  4. HTTP 响应

  5. HTML 解析 & CSS 渲染

  6. JS 解析执行

【一]  前端、后端

【1】什么是前端

        前端就是指网站、应用或者其他互联网相关产品的用户界面设计和开发工作。前段技术主要涉及到HTML、CSS和JavaScript三大方面。

        前端它包括了用户所看到和操作的所有内容。只要涉及用户与系统之间的交互都可以称为前端。

  • HTML :HTML定义了网页的结构,包括页面的标题、段落、图片、链接等元素。
  • CSS :CSS 用于控制网页的样式,比如字体、颜色、布局、响应式设计等。
  • JavaScript : JavaScript是一种编程语言,用于实现网页上的交互效果,如表单验证、动态效果、数据交互等。

        如果用游戏英雄来比喻网页的话,HTML 就是英雄的原皮, CSS就是给英雄的皮肤,JS就是操控英雄的我们只要我们才能给游戏英雄赋予灵魂。

【2】什么是后端

       后端是值网站、应用或其它互联网相关产品的服务端开发工作。主要涉及到业务逻辑的处理】数据存储和管理、安全性控制等方面。

        不直接与用户打交道的用于执行真正业务逻辑的代码。就是后端。如C代码,java代码,Python代码。

总结一下:

  • ** 前端:** 针对浏览器的开发,代码在浏览器中运行

  • ** 后端:** 针对服务器的开发,代码在服务器中运行

【二】先来看看前段的发展前景

        前端开发工程师 是近十年随着前端发展才真正开始受到重视的一个新兴职业。刚才我们提到前端的三个组成部分:HTML + CSS + JS,这三个部分看起来听起来都感觉很简单,也正因为如此,前端开发领域有很多自学成 “才” 的同行,我甚至在校招面试时听到候选人说是因为觉得后端太难,其它岗位面试通不过才选择前端的。

        确实,前端开发的入门门槛低,与后端语言先慢后快的学习曲线相比,前端开发的学习曲线是先快后慢,后面的学习曲线越来越陡峭,每前进一步都很难,导致大多数前端开发都停留在初级阶段。随着GTP的横空出世前段才就开始慢慢没落了

因此对于我们来说能看懂前段代码,能搭建简单的页面就可以了

前段基础

学吧一学一个不吱声

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

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

相关文章

【MySQL 系列】MySQL 索引篇

在 MySQL 中,索引是一种帮助存储引擎快速获取数据的数据结构,形象的说就是索引是数据的目录。它一般是以包含索引键值和一个指向索引键值对应数据记录物理地址的指针的节点的集合的清单的形式存在。通过使用索引, MySQL 可以在不需要扫描整个…

2024年【安全生产监管人员】及安全生产监管人员模拟考试题库

题库来源:安全生产模拟考试一点通公众号小程序 2024年【安全生产监管人员】及安全生产监管人员模拟考试题库,包含安全生产监管人员答案和解析及安全生产监管人员模拟考试题库练习。安全生产模拟考试一点通结合国家安全生产监管人员考试最新大纲及安全生…

【典】dp背包问题(树求方案)

回顾在acw上做过的题 有依赖的背包问题 这一题是与树相关的dp问题,根据父节点与子节点的相连关系,我们用dfs来处理根节点与子树的迭代更新,把每一颗最小单位子树看成一个物品,然后就有点像多重背包(因为有体积限制&…

电脑音频显示红叉怎么办?这里提供四种方法

前言 如果你在系统托盘中看到音量图标上的红色X,则表示你无法使用音频设备。即使音频设备未被禁用,当你运行音频设备疑难解答时,仍然会看到此错误。 你的电脑将显示已安装高清音频设备,但当你将鼠标悬停在图标上时,它将显示未安装音频输出设备。这是一个非常奇怪的问题,…

掌握抽象基础之20个必备原则,看完你还不会,你打我

抽象基础之20个必备原则 1. 面向对象编程(OOP)中抽象原则背后的基本思想是什么?2.抽象和封装的区别?3.提供一个现实生活中说明抽象的例子4.在编程语言中如何实现抽象?5.定义抽象类6.提供一个抽象类的真实世界场景7.解释…

【洛谷 P8744】[蓝桥杯 2021 省 A] 左孩子右兄弟 题解(深度优先搜索+贪心算法+树形DP+邻接表)

[蓝桥杯 2021 省 A] 左孩子右兄弟 题目描述 对于一棵多叉树,我们可以通过“左孩子右兄弟”表示法,将其转化成一棵二叉树。 如果我们认为每个结点的子结点是无序的,那么得到的二叉树可能不唯一。换句话说,每个结点可以选任意子结…

深度学习系列62:Agent入门

1 anget介绍和openai标准接口 agent的核心是其代理协同工作的能力。每个代理都有其特定的能力和角色,你需要定义代理之间的互动行为,即当一个代理从另一个代理收到消息时该如何回复。 agent目前大多使用openai标准接口调用LLM服务,说明如下。…

从自媒体小白到优质KOL,你只差这些个人IP提效神器了!

在数字化浪潮的推动下,社交媒体已成为连接品牌与消费者的重要桥梁。然而,面对众多的社交平台、复杂的数据分析和日益增长的用户需求,社媒运营者常常感到力不从心。高效的社交媒体运营不仅可以提升品牌形象,还能促进产品销售&#…

Redisson分布式锁解决方案

官方地址 官网: https://redisson.org github: https://github.com/redisson/redisson 基于setnx实现的分布式锁存在的问题 redisson分布式锁原理 不可重入: 利用hash结构记录线程id和重入次数不可重试: 利用信号量和PubSub功能实现等待、唤醒, 获取锁失败的重试机制超时释放…

【Java设计模式】十九、中介者模式

文章目录 1、中介者模式2、案例3、总结 1、中介者模式 如图: 同事类之间关联较多时,整体出现网状结构,耦合度极高。一个对象一变动,好多对象都得改。若变为右边的星形结构,则一个类的变动,只影响自身与中介…

TypeScript -哲学 Mapped types

1、快速复制另一个类型 2、对之前的类型进行重写 3、 4、 注意:这里直接 报错:因为模版字符串只能包含 不能退出 k的来源,所以报错。 Remove a property from a type

php 对接Bigo海外广告平台收益接口Reporting API

今天对接的是Bigo广告reporting api接口,拉取广告收益回来自己做统计。记录分享给大家 首先是文档地址,进入到BIGO后台就能看到文档地址以及参数: 文档地址:https://www.bigossp.com/guide/sdk/reportingApi/doc?type1 接入这些第三方广告…