摘要：简介什么是前端说这个之前，我们先了解前端工程师是干什么的，百度百科的解释前端开发工程师，主要职责是利用等各种技术进行客户端产品的开发。
说这个之前，我们先了解web前端工程师是干什么的，百度百科的解释：
Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验
得知这个之后，那么什么是web前端相信各位也就有个大概了解了，就是浏览器和app界面的开发嘛。
web是什么呢？web就是万维网，要彻底的解释这个名词就需要些篇幅了，这里就用一句话总结，就是一种全球都公认的协议，一个信息系统，必须遵守这个协议才能上网。web前端其实就是前端，或者前端技术，前端开发，这几个名词其实意思都差不多的
浏览器界面是什么呢，比如你打开百度网站
以上这个界面全是利用web前端技术做出来的，比如上方这些：
这些字根据您的上网常识，应该都知道是可以点击的，点击完会跳到一个新的界面，但是有些字又不能点击，这就是用了前端技术实现的
接着看，这个百度的logo
不难看出，它就是一张图片对吧，当你控制鼠标把光标放上去的时候，它还会出现几个字：点击一下，了解更多
那么说明，这个图片也是可以点击的，而且也可以跳到一个页面上去
接着再看，下面的这个
根据你的上网常识，应该也知道，最长的那个框里可以输入文字，然后中间那个像相机一样的图片可以把图片放上去，最右边蓝色的【百度一下】这个按钮就是当我们要查个东西，在左边的框输完文字点击【百度一下】之后就会立马显示出我们搜索相关的数据。
朋友们，想过没有，为什么只有那个长条的框里可以输入文字，其他地方不可以呢？为什么点那个相机图片位置会提示让你传图片呢？为什么点【百度一下】就可以实现我们的查询呢？而且按键盘上的回车键和点【百度一下】的效果是一样的。以上这些也是前端技术实现的
最后再看底部
这些看起来，有的也是可以点击的，有的不可以。和之前的一样也是点击就可以跳转，所以不多说了
好的，根据以上的大概描述，那些功能是通过怎样的前端技术实现的，这个我们暂且不提（以后会详细介绍），朋友们，你有没有个疑问，这些东西的排版有没有问题，它们为什么就可以这么排版，比如，那个输入框为什么不在右下角，而在整个页面的正中间呢？相信你已经可以抢答了，是的，它也是前端技术实现
以上的这些所有的，就是前端技术或者说web前端，而在早期不叫web前端，而叫页面设计（不太等同于现在的页面设计），网页设计，当然现在也有很多人这么叫。掌握这个技术的人，就是前面说的web前端工程师，或者早期的叫网页设计师。
说到这，相信很多人会问，什么又是后端。在这之前先说个事，其实在最开始，前端和后端是没有严格区分的，也就是说前端后端都要搞，这个的话在现在来看有另外一个词语叫全栈。
后端就是除了前端以外的所有技术都是后端，后端就是在服务器上运行的，比如和数据库交互，逻辑实现，对前端的响应和请求等等这些就是后端技术。
比如你再浏览器地址里输入【www.baidu.com】会立马显示百度首页，其实这就是浏览器和后端交互的过程，不然的话，你想为什么就会显示百度，而不显示其他网站呢？这里就是浏览器对服务器的请求，告诉百度的服务器，我要访问你的首页，百度服务器作出响应，说好的，然后返回了一些数据给浏览器，浏览器再把服务器返回的这个数据重新格式化了下再显示到界面上，这才是我们看到的百度首页
然后比如我利用百度搜索一个数据：
这些返回来的数据也是服务器上的后端通过前端发来的请求，去和数据库交互之后拿到结果响应给前端的
好的，我已经尽量的把我理解的描述出来了，如果有错，各位望指出
前端和后端就是这样的关系，什么是前端相信各位看了也有个大概了解了，如果因为看了我的这篇文章还是没懂，这里先说声抱歉，然后劳烦请忘记我的描述，去百度一下技术大佬更专业的描述。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/1568.html
阅读须知 本文不谈及老技术（毕竟没有经历那个年代，emmm），只谈一些个人体会，如果会有部分内容与你想法不同，以你为准。 大学期间对于前端的学习 对于我双非本科小菜鸡来说，最开始入门的语言是 C 语言，之后大二大三就以 Java 语言为主。后面了解了一下其它学校同学学习的课程，好像大部分也是以 Java 为主，不过有的学校会教学一些 Web 前端的课程，这个是挺好的。 我是仅仅大二学了一本 《We...
摘要：欢迎大家收看聊一聊系列，这一套系列文章，可以帮助前端工程师们了解前端的方方面面不仅仅是代码作为现代应用，的大量使用，使得前端工程师们日常的开发少不了拼装模板，渲染模板。我们今天就来聊聊，拼装与渲染模板的那些事儿。一改俱改，一板两用。 欢迎大家收看聊一聊系列，这一套系列文章，可以帮助前端工程师们了解前端的方方面面（不仅仅是代码）：https://segmentfault.com/blog...
摘要：欢迎大家收看聊一聊系列，这一套系列文章，可以帮助前端工程师们了解前端的方方面面不仅仅是代码作为现代应用，的大量使用，使得前端工程师们日常的开发少不了拼装模板，渲染模板。我们今天就来聊聊，拼装与渲染模板的那些事儿。一改俱改，一板两用。 欢迎大家收看聊一聊系列，这一套系列文章，可以帮助前端工程师们了解前端的方方面面（不仅仅是代码）：https://segmentfault.com/blog...
摘要：欢迎大家收看聊一聊系列，这一套系列文章，可以帮助前端工程师们了解前端的方方面面不仅仅是代码作为现代应用，的大量使用，使得前端工程师们日常的开发少不了拼装模板，渲染模板。我们今天就来聊聊，拼装与渲染模板的那些事儿。一改俱改，一板两用。 欢迎大家收看聊一聊系列，这一套系列文章，可以帮助前端工程师们了解前端的方方面面（不仅仅是代码）：https://segmentfault.com/blog...
摘要：移动端应用一般都运行在微信浏览器中中手机浏览器中。因为微信浏览器是定制的浏览器，一般的远程调试方式都不可用，需要配合特定的工具，如微信开发者工具。 前端如何高效的与后端协作开发 1. 前后端分离 前端与后端的分离，能使前端的开发脱离后端的开发模式，拥有更大的自由度，以此便可做前端工程化、组件化、单页面应用等。 可以参考：前后端分离、web与static服务器分离 2. 尽量避免后端模板...
阅读 426·2023-04-25 19:43
阅读 3617·2021-11-30 14:52
阅读 3413·2021-11-30 14:52
阅读 3347·2021-11-30 14:49
阅读 3275·2021-11-30 14:49
阅读 3520·2021-11-29 11:00
阅读 3487·2021-11-29 11:00
阅读 3518·2021-11-29 11:00
