web开发 前端 后端(web开发前端后端)
toqiye 2025-03-14 20:55 22 浏览 0 评论
区别:1、前端是指用户可见的界面,而后端是指用户看不到的东西,考虑底层业务逻辑的实现,平台的稳定性、性能等。2、前端开发用到的技术有HTML5、CSS3、JS、jQuery、Bootstrap、Node.js、Vue等,而后端开发用到的则是Java、PHP、HTTP协议等服务器技术。3、从应用范围上看,前端开发不仅被普通人熟知,而且应用场景也比后端开发广泛得多。
本教程的运行环境:Windows 7系统,Dell G3电脑。
前端开发和后端开发是有区别的,工作内容和职责完全不同。
什么是 Web 前端开发
Web 前端,又称“客户端”,是指网站中用户可以看到和体验到的视觉方面,即用户所看到的一切、Web 浏览器所显示的一切,以及用户可以看到、触摸到和体验到的一切,例如图形用户界面 (GUI) 和命令行,包括设计、导航菜单、文本、彩色图像、视频、华丽的按钮等。
Web前端开发工程师负责网站前端页面即网页的开发。简单来说,网站前端负责的是网站用户可见的东西,比如网页上的特效、网页布局、图片、视频等内容。网站前端工程师的工作内容是将美工设计的效果图设计成可以被浏览器运行的网页,并配合后端开发工程师对网页的数据进行展示和交互。
什么是 Web 后端开发
Web 后端,也称为“服务器端”,是用户无法在浏览器中看到和交互的所有内容,例如数据库和服务器。基本上,幕后发生的一切都可以归因于 Web 后端开发,它是 Web 前端体验的推动者。
Web 后端负责存储和组织数据,并确保 Web 前端的所有内容正常运行。后端与前端进行通信,发送和接收要显示为网页的信息。
后端开发一般也叫backend,负责网站后端逻辑的设计和实现以及用户和网站数据的存储和读取。比如大部分网站都有用户注册和登录,用户的注册信息通过前端发送到后端,后端保存到数据库中。当用户登录网站时,后端需要通过检查用户输入的用户名和密码是否与数据库中的一致来判断用户是否有权限登录。这是后端开发中最简单的功能。
前端和后端 Web 开发之间的区别
显示模式
前端是指用户可见的界面。网站的前端就是网页的页面开发,比如网页上的特效、布局、图片、视频、音频等内容。前端的工作就是将美工设计出来的效果图设计成浏览器可以运行的网页,并配合后端做网页的数据展示、交互等可视化工作。
后端是指用户看不到的东西,通常和前端工程师交互,保存和读取网站数据。相对来说,后端涉及的逻辑代码比前端多很多,后端考虑底层业务逻辑的实现,平台的稳定性和性能等。
使用的技术
前端开发用到的技术包括但不限于html5、css3、javascript、jquery、Bootstrap、Node.js、Webpack、AngularJs、ReactJs、VueJs等技术。
以Java为例,后端开发主要使用到的技术包括但不限于Struts spring springmvc Hibernate Http协议 Servlet Tomcat服务器等等。
应用
从应用范围来看,前端开发不仅被普通人所熟知,而且其应用场景也比后端开发要广泛得多。
1、PC(Personal Computer)即个人电脑。目前电脑端还是前端的一大领域,主要分为面向大众的各种网站,比如新闻媒体、社交、电商、论坛等,以及面向管理员的各种CMS(内容管理系统)和其他后端管理系统。
2、Web App 是指使用 Web 开发技术实现的用户体验良好的网页应用,运行在手机和桌面浏览器上。随着移动网络速度的提高,Web App 给我们提供了极大的便利。另外,近两年谷歌又提出了一种新的 Web App 形式,即 PWA(Progressive Enhanced Web APP)。
3、微信这个平台的用户群体非常庞大,所以也是我们前端发展的另一个重要领域,微信的公众号和订阅号为营销和自媒体从业者开辟了一片新天地。
4、Hybrid App是指介于Web App与原生App(主要是Android或者iOS)之间的一种App,它兼具了原生App良好的用户交互体验和Web App可以跨平台开发的优点。
5、游戏:自从2014年Egret引擎开发的Neural Cat爆红朋友圈之后,HTML5游戏便开始流行。然而游戏开发变得越来越复杂,需要制作各种炫目的效果和比2D或3D更炫目的场景。
6、桌面应用软件是指我们日常生活中安装在电脑上的各种软件。早期开发桌面应用需要有专门的语言UI(界面)库支持,比如C++中的Qt库、MFC库,Java中的Swing,Python中的PyQT等,否则无法使用该语言进行快速界面开发。
7、服务器 Node.js 一发布就在前端工程师中引起了轰动,他们对这项技术表现出了极大的热情和期待。初学者看到 Node.js 这个名字可能会误以为 Node.js 是一个 Java 应用程序。其实 Node.js 是用 C++ 编写的,是一个 Java 运行环境。
相关推荐
- 【SQL】SQL 语法差异大全(PgSQL/MySQL/Oracle/TiDB/OceanBase)
-
以下是针对不同数据库系统的SQL语法差异总结,按功能分类展示:一、基础查询1.分页查询--PostgreSQL/TiDB/OceanBaseSELECT*FROMTableNameL...
- msf系列片之vps搭建,黑客的世界你真的了解嘛?
-
最后喜欢我文章的朋友请加圈子关注我们,私信关键词:学习。(送免费资料和优惠券)就会自动分享给你微信号。欢迎大家加入我们的安全大家庭。提高大家的安全意识,提升大家的网络安全技能一直是我们的初衷和愿景,让...
- 小技巧:ubuntu 24.04.1中自带Python升级到3.12.9和3.13.2最新版
-
喜欢的条友记得关注、点赞、转发、收藏,你们的支持就是我最大的动力源泉。这几天一直有朋友问我,如何将ubuntu24.04.1中自带Python升级到最新版,今天就来详细讲讲。方法1:使用DeadSn...
- linux下开发一个应用,首先要做什么?
-
作为一个linux的忠实用户,日常工作基本上不用windows系统。为什么这么说呢?word加上QQ不用不行呀。有人说LibreOffice加上Pidgen可以替代,但实际上部分word会排版不正确,...
- ubuntn部署flask(flask如何部署)
-
1.装一下pyenvgitclonehttps://github.com/pyenv/pyenv-virtualenv.git$(pyenvroot)/plugins/pyenv-virtu...
- 招聘平台HireVue完成E轮融资 并推面试平台
-
Yesky天极新闻2015-06-0316:31:55【Yesky新闻频道消息】日前,在线视频面试的招聘服务初创企业HireVue获得4500万美元E轮融资。由TechnologyCrossove...
- 面试官:说一下vue2和vue3的响应式原理
-
Vue2的响应式原理:初始化阶段:在创建Vue实例时,遍历data对象的属性,使用Object.defineProperty方法为每个属性定义getter和setter。Getter拦截:在gett...
- vue3还用this吗?getCurrentInstance获取当前组件实例
-
在Vue2中,this关键字代表当前组件实例。在组件的选项对象中,this可以用于访问组件实例的属性、方法以及Vue实例的一些特定方法。在Vue3中,我们发现this是undefined...
- Vue.js 中的异步组件是什么?(vue.js异步请求)
-
本号用于每日更新前端最新面试题,React、Vue、小程序、JavaScript、HTML5、CSS、uniapp、ES6、前端工程化、性能优化等热点面试题~~~欢迎关注,面试题刷起来~~升职加薪不是...
- 面试官:聊聊你知道的Vue与React的区别
-
最近面到很多大公司的时候,小编都会碰到一个很尴尬的问题,很多大公司的技术栈都是React,但是小编学的是Vue,其实从本质上来说两者都是比较优秀的前端框架,所以有些面试官会问到Vue和React的区别...
- Vue核心响应式原理深度解析!手写TodoList实战
-
导读:搞懂这个知识点,秒杀80%前端面试题!原理+实战+调试技巧三合一核心1:数据响应式黑科技(图解)原理示意图数据变化→依赖收集→自动更新视图Vue2vsVue3实现对...
- 前端面试题-原生 js 如何进行监听路由的变化?vue框架是否用到?
-
在原生JavaScript中监听路由变化的方式主要分为两种场景:监听哈希(Hash)路由变化和监听HistoryAPI的路由变化。Vue框架本身并不直接处理路由监听,但Vue的官方路由...
- vue引入element-ui后界面空白(vue怎么引入element)
-
正文部分配置vue:3.0vue-cli:4.5.11目的使用element-ui绘制ui界面原本操作(1)安装element-uinpmielement-ui-S(2)导入element-ui...
- 前端面试-关于vue3的响应式原理(vue响应式的原理一句话概括)
-
现在工作不好找的环境中,想要更好获得工作机会,让我们一起准备面试题吧~Vue3的响应式系统采用ES6的Proxy实现数据劫持,与Vue2的Object.defineProperty有...
- 2024前端大厂面试题 Vue.js中的keep-alive组件有什么作用
-
小伙伴们在面试前端开发工程师的时候是不是会遇到面试官问Vue.js中的keep-alive组件有什么作用?今天我们就来告诉大家,解锁2024大厂vue面试题Vue.js中的keep-alive组件有什...
你 发表评论:
欢迎- 一周热门
- 最近发表
-
- 【SQL】SQL 语法差异大全(PgSQL/MySQL/Oracle/TiDB/OceanBase)
- msf系列片之vps搭建,黑客的世界你真的了解嘛?
- 小技巧:ubuntu 24.04.1中自带Python升级到3.12.9和3.13.2最新版
- linux下开发一个应用,首先要做什么?
- ubuntn部署flask(flask如何部署)
- 招聘平台HireVue完成E轮融资 并推面试平台
- 面试官:说一下vue2和vue3的响应式原理
- vue3还用this吗?getCurrentInstance获取当前组件实例
- Vue.js 中的异步组件是什么?(vue.js异步请求)
- 面试官:聊聊你知道的Vue与React的区别
- 标签列表
-
- minorgc (62)
- systemproperties (77)
- vue3-template-admin (63)
- electronsqlite3 (65)
- androidstudioc++ (69)
- canvas图片 (68)
- npm版本管理 (66)
- dataframeconcat (65)
- okhttp使用 (62)
- materialtheme (86)
- node-ssh (68)
- 图床搭建 (62)
- mybatisselectone (78)
- css圆形进度条 (69)
- androidble蓝牙开发 (62)
- appender-ref (64)
- springbootmockito (68)
- 依赖注入的方式 (62)
- cookie跨域共享 (63)
- easyexcel导出图片 (77)
- dp数组 (61)
- js获取兄弟节点 (68)
- window.target (62)
- window.onerror (66)
- springmvc教程 (65)