前端是什么

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诞生的业务流程图

产品开发

  • 当设计人员完成交互和视觉设计之后,前端开发人员就可以根据设计稿来对这些页面进行开发,通常,设计师设计出的页面只是静态的,而前端开发人员要做就是,把这些静态的页面开发成在网络中真实运行的动态页面。 与此同时,后端开发人员也早已进入相应的开发工作,甚至在设计部进行视觉设计的过程中,有些工作就已经启动了,比如接口的开发,数据库的开发。 在开发人员所做的工作中,前端的工作更容易直观的看到,比如有哪些页面。但是,后端开发的工作成果不那么容易观察到。比如用户帐号体系建设,数据库开发,这些都是后端人员自己可见的,其他部门的人员一般难窥其果。但是,后端的工作又是极其重要的。
相关推荐
Setsuna_F_Seiei2 小时前
前端转型 Agent 开发 05 之 Agent Hooks 与 Checkpointer(让 Agent 从全自动转变人为可掌控)
前端·agent·ai编程
百万蹄蹄向前冲4 小时前
风扇转了一晚上MVP专家团翻车事故
前端·人工智能
默_笙4 小时前
🏛 给 AI 配一间办公室:Harness Engineering 六大模块与它的实现
前端·javascript
linux_cfan5 小时前
videojs v10 源代码系列解读:14 · 谓词守卫:在运行时安全地调用能力
前端·javascript·音视频
kyriewen6 小时前
我扒了 10,221 条 JD:腾讯技术岗 75% 在要 AI
前端·人工智能·ai编程
郑州光合科技余经理6 小时前
同城外卖小程序开发:下单成功后,后台导出能不能对上用户端状态
开发语言·前端·git·后端·uni-app·php·ai编程
IT_陈寒7 小时前
Vue的响应式让我熬到凌晨三点,原来漏了这个小细节
前端·人工智能·后端
Blanche15007 小时前
利用 RAG 为答疑机器人扩展知识范围
前端
天若有情6737 小时前
【纯前端小工具】公历生日转农历,批量查询每年农历生日对应的公历日期(GitHub Pages在线直接用)
前端·javascript·github pages·农历转换·lunisolar·网页小工具
SoonITer7 小时前
怎样构建一个 Agent-friendly 的网站
前端·agent