前端开发学习计划范文第1篇
一、前端开发的三种技术
通过浏览器访问一个页面, 以及相应的Web服务器反馈信息显示在浏览器上, 两者的交互操作需要涉及到前端开发的三种主要技术, 而这三种主要技术是HTML;CSS;JavaScript。下面就这三种技术作一个简述。
(一) HTML
HTML只是标准通用标记语言其中一个应用, 它对标准通用语言来说具有规范性。浏览器网页的文本结构内容的显示是HTML提供的标记文本, 是WEB编程的基础。浏览器显示网页是按照标记符一定的顺序和设置好的规则下出现内容。所以网站的建设第一步就是运用HTML建设布局合理的框架, 而且要与当前的浏览器兼容。当然网页建设开发只利用HTML技术是不行的, 这时的网页是不具备企业网站的可用性, 还需要用到CSS语言进一步优化网页的可用性。
(二) CSS
层叠样式 (CSS) 与HTML一样是一种样式语言, HTML是一种网页标准性样式语言, CSS是一种网页描述性样式语言。CSS可以把网页的数据和样式两种信息拆分而使得浏览器呈现网页的信息达到最强化, 它可以提供多种文档的样式外观, 为一些元素和文本进行改造, 修改页面字体的颜色, 增强了HTML中的重要内容标记。虽然说运用CSS和HTML两种技术制作出来的网页在外观和功能已经达到了可用性的要求, 也可以满足用户对企业网页的浏览需求, 但是还有两个问题需要注意。第一, CSS在如今互联网市场上的不同浏览器中或者同一个浏览器不同的版本中显示有很大的差别, 因为浏览器的核心设计和对网页支持力度不同, 有时候会有一些浏览器对网页的本质内容显示不出来, 所以在编写CSS时候需要考虑各种浏览器的兼容性问题。第二, 这时候的网页还处于静态, 有浏览性但是不能交互数据, 还需要用到JavaScript技术。
(三) JavaScript
JavaScript简称JS, JavaScript作为一种语言, 随着现代网络技术的进步, JS已经发展成为了一门全面且完善的直译式脚本语言。JavaScript的解释器已经作为各种浏览器的必须品, 被人称为JavaScript引擎, 主要是在用户端运用。之所以时候JavaScript已经发展的非常完善, 是因为它在网页的开发和建设中应用非常广泛, 可以处理各种复杂的计算问题, 也有浏览器与Web服务器之间的交互功能, 而且还可以是动态性的交互, 它在服务端的作用也随着技术的发展逐渐显现出来了。JavaScript与HTML之间的交互可以达到页面行为与样式间的松散耦合效果, 当浏览器有某种交互动作时, 通过监听器的使用, 绑定了特定元素的处理程序, 这时候就会有触发后的相应处理函数来执行任务。
二、前后分离MVC模式的Web开发
(一) 划分前后端
视图层 (V) 是页面的搭建, 显示各种数据, 划分为前端;模型层 (M) 是存储各种数据和处理不同的业务逻辑, 划分为后端。最关键是控制层的划分, 因为这关系到前后耦合问题的处理。控制层 (C) 是具备转发和处理请求的功能, 它是一个信息的调配处理器, 解析客户端的请求内容并把此内容发送给某个服务端, 服务端得到内容在模型层处理后, 反馈内容给控制层, 再由此给客户端发送正确的网页页面。虽然说控制层和模型层的交流比较简单, 用来进行数据交互。从控制层的作用来看, 它是数据的交互和调度地方, 没有业务逻辑, 所以把控制层划分到前端比较合理。
(二) 实现前后分离
大多数门户网站在构建中将Node.js作为中间层, 利用Express开发企业网站。用户访问企业网站的门户时, 服务端进行判定且响应。如果页面需要动态型的数据, Node会把用户id作为请求的参数发送给后端的接口, 后端接受请求处理后以JSON的形式返还给Node层。数据传达到Node层后, 运用函数回调渲染相应的页面, 这些获取的数据会注入到EJS模板, 将JSON数据转换成HTML, 最终将文件显示在浏览器里, 这时用户就可以看到。
(三) 复用前后分离的数据
前后分离模式的应用, 它有一个优势就是后端的数据使用性非常强。举个例子, 我们今天查询天气预报非常方便, 不过天气预报的查询功能调用的是外部接口, 用户发送请求某个城市的天气情况请求, 前台获取请求参数, 运用AJAX技术向Node层发出请求, 由Node层发送二次请求给天气预报接口, 然后天气预报接口响应请求参数处理后将响应的数据原路反馈给Node端, 再转回前台页面, 用户刷新一下就得到某个城市的天气预报。正式利用这种前后分离模式, 使得天气预报的后端只注重天气数据的更新, 而不需要再去关注页面的结构, 前端只需要注重界面对用户的呈现, 而不需要去更新数据, 而且这种平台在任何网络连接到的地方都可以用到天气预报的数据, 这就说明了可以复用前后分离数据。
三、结语
在企业网站建设开发中采用前后端分离模式进行Web开发, 这极大地简化了网站建设的复杂性, 也使得前后端的耦合性弱化, 增强了一些数据的重复利用性。前端技术在企业网站的建设和开发中, 可以快捷有效地建设企业网站, 在后期的维护和网站的扩展中更加简便, 这提高了员工了的工作效率, 增加了企业的整体效益。
摘要：随着互联网在我国的广泛覆盖, 电子商务跟着互联网普及的脚步已经在大多数的行业中遍地开花。这个时候的消费者对于企业的网站要求在不断地提高, 而且知名企业的网站用户流量与日俱增, 对企业网站的建设和开发者来说, 这是一个巨大的挑战。因为企业网站的性能关乎着企业的名誉, 是公司对外的一张网络名片。前端技术的开发可以很好帮助企业网站的建设, 本文通过介绍企业网页的三种技术, 即HTML;CSS;JavaScript, 简述了Web模式的开发。
关键词：前端技术,企业网站,HTML,CSS,JavaScript
参考文献
[1] 韩涛.网站前端技术及其对网站性能的影响研究[J].中小企业管理与科技, 2012 (28) .