【前端是什么】

article/2024/12/23 23:07:01

前端是什么?

文章目录

  • 前端是什么?
    • 1.前端的概念
    • 2. 前端的分类
    • 3. 前端的工作流程
    • 4. 互联网企业的典型组织结构图

1.前端的概念

  • 1.1 前端的定义
    • 对于网站来说,通常是指网站的前台部分,包括网站的表现层和结构层(通俗点就是用户可以看到的部分)。总结一下,浏览器、APP、应用程序的界面展现和用户交互就是前端
  • 1.2 前端的作用
    • 前端工程师通过前端技术完成界面设计,界面制作,用户交互,网站维护、网站优化等等。
      通俗点讲,可以设计、制作网页,给网页加上各种各样的特效和功能。

2. 前端的分类

  • 2.1 前端设计和前端架构

    • 2.1.1 HTML结构语言:超文本标记语言
      • 通过各种标记符号(标签)来代表网页中的内容元素、将网页中的内容结构化。
        特点:通过浏览器来解析、文件名为html或htm
    • 2.1.2 CSS样式语言(样式表):实现表现与结构分离的样式设计语言
      • 控制网页的视觉表现及简单交互。通过浏览器来解析,文件名为css
    • 2.1.3 JavaScript 被设计用来向 HTML 页面添加交互行为
      • JavaScript 是一种脚本语言,由数行可执行计算机代码组成,通常被直接嵌入 HTML 页面
  • 2.2 前端开发分类

    • web前端开发

      • web前端开发包括pc端开发、移动端开发(微信公众号开发、混合H5开发、小程序开发、小游戏开发)
    • 客户端开发

      • 客户端开发也叫app开发。
        客户端开发指移动端开发,包括Android开发和ios开发。

3. 前端的工作流程

  • 3.1 互联网技术岗位详解,涉及到前段开发、后端开发、移动端开发、大数据、项目管理、测试、运维、技术管理等八大领域。

  • 3.2 其中前端开发工作流程:

    • 1、使用Div+css并结合Javascript负责产品的前端开发和页面制作;

    • 2、熟悉W3C标准和各主流浏览器在前端开发中的差异,能熟练运用DIV+CSS,提供针对不同浏览器的前端页面解决方案;

    • 3、负责相关产品的需求以及前端程序的实现,提供合理的前端架构;

    • 4、与产品、后台开发人员保持良好沟通,能快速理解、消化各方需求,并落实为具体的开发工作;

    • 5、了解服务器端的相关工作,在交互体验、产品设计等方面有自己的见解。

4. 互联网企业的典型组织结构图

  • 4.1
    请添加图片描述

  • 4.2 一个app诞生的业务流程图
    在这里插入图片描述

    • 产品开发
      • 当设计人员完成交互和视觉设计之后,前端开发人员就可以根据设计稿来对这些页面进行开发,通常,设计师设计出的页面只是静态的,而前端开发人员要做就是,把这些静态的页面开发成在网络中真实运行的动态页面。
        与此同时,后端开发人员也早已进入相应的开发工作,甚至在设计部进行视觉设计的过程中,有些工作就已经启动了,比如接口的开发,数据库的开发。
        在开发人员所做的工作中,前端的工作更容易直观的看到,比如有哪些页面。但是,后端开发的工作成果不那么容易观察到。比如用户帐号体系建设,数据库开发,这些都是后端人员自己可见的,其他部门的人员一般难窥其果。但是,后端的工作又是极其重要的

http://chatgpt.dhexx.cn/article/IexGXrRx.shtml

相关文章

前端什么知识点最难学?

这个最就很难判断,每个人的理解程度不一致,但有两种人,觉得难的他还没学会,会的不觉得难,但是前端不一样了,会了也难,因为谁都对前端提点建议(啥也不懂的老板、产品经理、项目经理、…

【前端】一个好看的前端页面

序言 突发奇想,看到这个特效还不错,就加工了一下,如果也能帮到你,很开心 先上效果图 部分代码讲解 前端生成uuid function getUUID(len, radix) {var chars 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz.s…

从零学前端第一讲:前端开发是什么?给初学者有什么建议?

这里是修真院前端小课堂,本篇分析的主题是 【从零学前端第一讲:前端开发是什么?给初学者有什么建议?】 初识前端 1、前端开发是什么? 2、前端开发有前途吗? 3、前端开发哪里学? 4、前端发展…

前端是什么

此为小白浅显整合: 一直以来,对前端一直是一个笼统的概念,于是,专门花时间整合了网上各种说法,给自己一个较正确的定位。 前端是什么?? 前端,也称web前端。对于网站来说&#xff0…

怎么才能学好前端?

你如果知道简单的问题要百度,已经强过一部分人了。 至于学习方法,有些经验分享给你: 1.在学习的过程中,最好不是仅仅停留在前端与移动开发表层,不是抄书上的例子运行出结果就可以。要注意,即便对一个简单的…

web 前端入坑第一篇:web前端到底是什么?有前途吗

web前端到底是什么? 某货: “前几年前端开发人员鱼目混杂,技术参差不齐,相对学习起来不规范,导致> 前端开发人员聚集,所以现在前端工种和工资还是没得到普遍重视,但近2年来,> …

前端工程化详解——理解与实践前端工程化

前言: 前端工程化一直是一个老生常谈的问题,不管是面试还是我们在公司做基建都会经常提到前端工程化,那么为什么经常会说到前端工程化,并没有听过后端工程化、Java工程化或者Python工程化呢?我们理解的前端工程化是不是…

适合我的前端学习路线(学习前端不迷路)

适合我的前端学习路线(学习前端不迷路) 小伙伴们想学习前端,但是却不知如何入手,上网查前端学习路线,第一页往往充斥着各种培训公司的广告,又或者是搜前端学习路线图时,出现大量的路线图导致你还…

前端工程师行业现状怎么样?前景如何?

前端工程师行业现状怎么样?前景如何?前端即网站前台部分,运行在PC端移动端等浏览器上展现给用户浏览的网页。前端市场远没有饱和,现在的市场状况需求量非常多薪资可观。小编将通过官方数据宏观的给大家分析一下前端这个行业。 一…

快毕业了,很多人都不推荐做前端,前端业内最真实情况是什么样的?

偶尔出现这样一种说法,前端热度已经降低了,前端市场已经饱和了,前端工作没有那么好找了。 部分事实确实如此,大概是在2014-2018年,那时候前端技术刚刚崛起,相对来讲工作较现在更容易找到。 随着前端技术的发展及人才需求结构的成熟,现在已经不是会做动态网页就能找到工…

传智教育|一文读懂什么是前端?未来前景怎么样?(附前端学习路线图)

互联网高薪岗位众多,之前被大家津津乐道的后端工程师似乎慢慢不吃香了,原因是:过于内卷。 而为了打破目前内卷的局面,很多小伙伴在转行的时候就开始考虑起了前端工程师,这个岗位相比起后端的学习来说,难度…

我适不适合学前端?看完老程序员的这篇文章给你答案

什么是前端?什么又是后端呢? 1,在你机子上(PC端/手机端)看到的界面,安装的程序。给用户看的、操作的就是前端。你看不到的,帮你保存网络游戏数据,保存应用数据,处理数据的就是后端(服务端)。 2, 目前一般来说,前端指的就是浏览器端,后端指的就是直接为浏览器端…

关于根轨迹对于控制系统的一点理解

自动控制理论根轨迹的学习过程中,经常会遇到几个问题: 为什么要用根轨迹法?为什么根轨迹法最终转化为调整增益K来反应系统的稳定性和动态性能?为什么根轨迹法用开环传递函数求解的却是闭环极点? 盲目的借助于matlab进…

4.4 绘制根轨迹的MATLAB函数

4.4.1 rlocus ⒈.功能:绘制系统的根轨迹。 ⒉.格式: [r,k]rlocus(n,d) [r,k]rlocus(g) [r,k]rlocus(n,d,k) [r,k]rlocus(g,k) ⒊.说明: rlocus 函数可计算出或画出SISO系统的根轨迹,其中g(或n,d)为对象模型,输入变量…

自动控制原理复习——线性系统的根轨迹法

我们知道线性系统的性能与闭环函数的极点分布有很大关系,当闭环函数的极点全部位于s左平面时,系统是稳定的,当闭环函数的极点都是实数且无零点的情况下,系统单位阶跃响应曲线是单调的,当闭环函数的极点是共轭复数根时&…

利用根轨迹法进行控制系统的分析和设计

文章目录 1 根轨迹法基础知识什么是根轨迹根轨迹有什么用什么是根轨迹法 2 根轨迹图幅值和幅角条件手绘根轨迹图经验和特性 3 用MATLAB绘制根轨迹画一个简单的根轨迹图指定K的取值范围绘制根轨迹绘制极网格根轨迹法的分析条件稳定系统非最小相位系统求任意根轨迹点上的增益K值 …

【自动控制原理】 根轨迹法之根轨迹法分析系统性能

一、稳定性能 根轨迹法的核心思路是:通过研究系统特征方程的根随着传递函数中某一参数从0到∞变化时而变化形成的轨线。 闭环系统稳定性的充分必要条件:系统所有特征根均具有负实部。 表现在根轨迹中,就是所有的根取值均不进入右半平面。 …

Chapter8.3:控制系统校正的根轨迹法

该系列博客主要讲述Matlab软件在自动控制方面的应用,如无自动控制理论基础,请先学习自动控制系列博文,该系列博客不再详细讲解自动控制理论知识。 自动控制理论基础相关链接:https://blog.csdn.net/qq_39032096/category_10287468…