什么是前端？前端与后端的区别？

什么叫前端开发？关键依据本人对前端开发的了解，梳理了一些变成前端开发所必须掌握的基本知识，期望可以协助一些刚进坑的小伙伴们。

一、初识前端

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。

前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，现在最新的高级版本HTML5、CSS3，以及SVG等。

二、核心技术

Html、CSS、JS

这三个是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚、弄明白，这样在开发的过程中才会得心应手。

HTML

• HTML是一种规范，定义, 例如：标签被定义为标签定义超链接，用于从一张页面链接到另一张页面，那么所有浏览器看到你写的标签它就会理解为这是一个超链接。如果没有这个规范，浏览器是不会知道你这个标签到底想干啥。
• HTML5 是定义 HTML 标准的最新的版本,比上一个版本的语言多了一些新的元素、属性和行为

CSS

级联样式表(Cascading Style Sheet)简称"CSS"，通常又称为"风格样式表(Style Sheet)"，它是用来进行网页风格设计的。

• css 是控制页面样式的，例如页面的背景色、字体的大小，位置等等；css也是一种标准
• css3 是上一个标准的升级，例如以前画一个圆形，需要设计给你一个圆形图片，现在不需要设计给你了，自己用代码就可以做出来圆形。

Javascript

• JavaScript 是编程语言，简称js。可以处理页面逻辑，例如：用户名，要求必须是邮箱，当你输入用户名的时候，他就会判断是不是邮箱，如果不是邮箱就不让你登陆。
• ES5/ES6/SE7 都是JavaScript 的标准，不同的浏览器对标准的支持不同，例如IE8浏览器可能就不能正确的理解ES6中的一些函数

三、前端在团队中的作用

团队合作

我们知道一个项目是不可能一个人来完成的,既然不可能一个人来完成,那么就会涉及到团队合作问题,你完成的 + 团员完成的 = 结果,如果涉及到后端,那么就需要和RD进行协作,而这种协作,有些事是不需要你本人来做的,但是它又和你相关,这时就涉及到推进了,比如说某个需求, RD给你说, 他等下给你做,但是很长时间都还没做,那么你就需要每隔一段时间就去骚扰他一次,这样他就肯定会去做的。

四、前端与后端的区别？

前端

有一个漂亮妹子，她的及腰秀发、她的波涛汹涌、她的A4小蛮腰，都是你可以看到的。在网站上就是浏览器打开的网页、小程序、网易云音乐的界面，这些展示用户视图和操作的就是前端。

后端

后端就是妹子的声音、性格已经她哪些内在美，你看不到，摸不着的。就像你的账号、浏览日志等等，这些都是存储在服务器，需要服务器处理的，这些就是后端。

1）前端开发人员：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。
2）后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。

本文来源于：什么是前端？前端与后端的区别？-变化吧门户
特别声明：以上文章内容仅代表作者本人观点，不代表变化吧门户观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与变化吧联系。