前端&后台

最近有不少小伙伴想了解前端和后台的关系,前端到底要做哪些工作~  在此总结下个人的理解,不喜勿喷~

前端:前端对于网站来说,通常是指,网站的前台部分包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,现在最新的高级版本HTML5、CSS3,以及CANVAS、SVG等。

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

后台:后台其实是我们对网站后台管理系统开发者的简称,网站后台管理系统主要是用于对网站前台的信息管理,如文字、图片、影音、和其他日常使用文件的发布、更新、删除等操作,同时也包括会员信息、订单信息、访客信息的统计和管理。简单来说就是对网站数据库和文件的快速操作和管理系统,以使得前台内容能够得到及时更新和调整。

QQ截图20160910105451

在网站的制作流程中,前端开发参与的就是页面的搭建,交互设计,数据展示,刚开始工作不久的小伙伴一般都是写完静态页面直接发给后台开发工程师,让他们把自己的页面改的面目全非,套的全是程序标签,搞得后期维护很困难,前端连页面放哪了都不知道。后台能看懂页面但他们不懂前端,前端看见那样的页面整个人都是不好的。

是不是许多小伙伴都有这样的抱怨,后台开发把我们的页面改坏了,然后告诉我们你页面有bug。。。我就经常处理后台改过的页面经常少个</div>。。。。

后来了解学习的东西多了之后,慢慢的也改变了这样的现象,经过几次FTP上传覆盖事故之后,公司决定使用版本控制工具git ,开发者把代码上传到git服务器后自动同步到测试服务器,如果两个人改动同一个文件就会有冲突提示。用了git之后不用担心自己改的东西被别人覆盖的问题。所以就开始自己写的前端静态页直接上传到测试服务器,然后后端开发如果出现问题,直接在本地修改前端部分然后同步一下就行了~ 确实很方便。

但是这样还是解决不了后端开发把模板页面改的面目全非。。。于是就觉得把数据展示层由前端实现,之后的页面由后台提供数据接口前端请求调用数据。

使用较多的方法就是异步Ajax与后台交互,发送请求,返回数据,但是如果有复杂数据的话用js拼接比较麻烦,且实现不了逻辑与数据分离,这样的话一些js框架就派上用处了。angular.js,vue.js等

最近本人也在研究vue.js 总结一些学习过程和心得体会,欢迎阅读 http://web3ge.com/archives/category/study/vue

版权属于: 三个前端 | 积累知识,分享经验,交流心得
原文地址: http://web3ge.com/archives/156
欢迎转载,请以链接形式注明原始出处及本声明。

Be the first to comment

发表评论