胡朝晖（桂林旅游学院 商学院）

■移动WEB开发技术的内容

（一）移动WEB前端开发的概念

移动开发前端和WEB前端开发都属于前端开发的范围，WEB前端开发技术主要是针对PC端的网页开发，这一开发技术是专门性的针对网站设计的，其开发的具体内容大致包括了以下几点：PC端网页开发、PC端后台管理页面以及部门移动端网页开发等。移动WEB开发技术设计的知识范围广阔，主要原因归结于其使用对象以及形成原理，移动前端开发指的是对原生App的开发，比如Android和IOS两个。

（二）移动WEB开发技术的工作原理

就目前的科技发展形势来看，不管是开发WEB还是移动端页面，都以HTML、CSS、JavaScript三项为运作基石，移动WEB开发技术的工作原理就是通过对这三个基础技术的熟练掌握，逐渐添加自身的创新，衍生出的新的事物，WEB开发技术是万维网浏览器的一种基础语言，其主要的工作媒介还是计算机，通过计算机之间的代码或者数据完成的一种信息交流。其中的CSS在网站建设中的主要工作是网页外观制作，而JavaScript是具体的WEB应用开发工作，熟练的掌握这三种，在一定程度上可以使网站用户得到更加流畅的浏览效果。

（三）移动WEB开发技术的相关内容

1.总体技术内容

从事移动WEB开发技术工作的人一般被称作移动WEB开发工程师，其主要工作是网站前、后台系统的页面工作，这一工作要求掌握相关的后台变成语言。具体的工作有数据库操作、使用cancas、css3绘图等。另外在科技发展先进，WEB前端系统也在不断的发展，更多好的开发程序系统将在未来诞生，正在发展的系统有Chrome OS、Firefox OS等，移动WEB开发技术在网站建设中的发展与前景有待可期。

2.移动WEB开发技术的发展

最初的web开发多是以C/S体系结构为主，这种结构的特点是相应速度快，实现客户端和服务器端的直接连接，没有中间环节，能满足用户的个性化需求。拥有强大的事物处理能力，充分利用硬件组元，实现复杂的任务流程。但同时也有着缺陷，如分布功能较弱，开发维护的成本相对较高，而且兼容性较差，并不适合目前的移动web开发设计。

由于前期WEB技术的不断探索与改进，衍生出了B/S软件体系结构，从某种程度上来说，这一结构体系的出现带动了移动WEB开发技术的发展。且在科技的带动下，B/S结构的功能逐渐趋于完善，这种结构对于信息的分布处理有一定的作用，从而减轻了资源损耗，提升了整体的系统性能，使得B/S结构顺利的进入了信息技术这一大部队之中。通过改进后的开发端，从受众的角度出发，在用户进入信息浏览器需要输入相关网页时，会对服务器进行求助，服务器从而接收求助并对域名进行分析，达到找寻IP地址的目的，最终目的是引导用户进入预定的网页页面。

■商务网站建设的主要目的与目前发生的问题

（一）目的

商务网站的建设是为了服务于企业的发展，其根本目的是达到企业形象、提升网络的管理以及开展电子商务，这些目的的产生有利于企业的发展。

（二）现存的网站问题

1.网站主题与商务内容不符

在商务网站的设计时，主题不可过于分散，传统的商务网站建设中主题太过于分散，与商务内容相差太远，导致网站所有者在这一方面的精力投入欠缺，网站提供的信息质量低下。

2.网站内容不丰富

传统的WEB开发技术由于受到种种限制，无法对其内容与形式作出变化，因而导致的网站的内容较为单一。内容单一的最终结果是浏览量的低下，网站以及企业的受众不多，无法达到宣传的作用。

■移动WEB开发技术在商务网站建设中的应用优势

（一）标记能力得到进一步提升

移动WEB开发技术又被称作HTML5，先比于其他的移动WEB开发技术，其在原有基础上增加了结构性标签，这一设置使得HTML5更加的富有个性，这一结构的设置有利于商务网站中用户的使用，对于用户的浏览记录有强大的记忆功能。从技术上来说通过增加带有语义性的标记（比如说header/footer等）使得浏览器解释页面中元素的速度得到进一步的提升；或者是通过增加某种元素，向用户表明此处是浏览器的页头，通常添加的元素为head-er。移动WEB开发技术完善后，每一种标记都带有一种以为，最常见的nav标记代表的是构建页面导航、article是用于结构件页面内容某一部分的标记。总之移动WEB开发技术在商务网站中的应用相较于其他的开发端来说，信息标记能力更加的具体。

（二）多媒体变现能力的增强

商务网站在移动WEB开发技术的作用下，其内容、形式、性质以及画面都变得更加复杂与多样化，这取决于HTML5技术的发展。WEB开发端在商务网站中的视音频、字体。画面以及单方面的表现力都因该技术的发展而得到增加。同时HTML5通过加入新的标签，为多媒体内容下网站中的镶嵌展示创造了更多的机会，商务网站从原来的静态性质转变成现今的图形、动画等从多媒体技术中表现出来。HTML5技术不仅可以为网页实时的运行2D，还能为商务网站中的3D模拟游戏提供强有力的技术支撑。移动WEB开发技术中的HTML 5技术通过其形象的展现力，改变了传统商务网站中的单一表现形式，在商务网站建设中发挥着不可撼动的作用。

（三）高效的连接特性

网站存在的最基本要求还进入时的流畅性，流畅度是用户信赖网站与否的最大影响因素，而HTML5的连接特性是数一数二的，可以快速的提升连接网站的工作效率，因该技术的存在网站在页面聊天、游戏体验、在线交流等方面都可以做到十分的快速、优化。与其他的开发端不同，HTML5具备更加便捷的服务器推送技术，以Server-sent-events和WebSocket两个为主，移动WEB开发技术主要是借助了这两个特性，得以将用户的浏览数据快速的运用到客户端，因而使得用户浏览的流畅度，保证了商务网站的信赖度与高粉丝度。

■商务网站建设中的移动WEB开发技术优化

在移动WEB开发技术的实际运用中发现了很多可大可小的问题，问题产生的原因以及问题带来的后果都能轻而易举的找到，困难的是优化问题。在商务网站建设中的常见问题有：将CSS放在头部与js放在尾部这两条原则，主管不能要求工程在写样式和脚本引用时频繁的修改相同页面，如此一来就会导致团队的效率被拉低，很有可能因为工作不能紧密对接导致网站建设中出现Bug。WEB开发技术的技术优化可以从以下几个方面入手。

（一）减少HTTP请求数量

商务网站建设的主要目的是吸引用户体验来达到宣传的作用，要提升用户体验就需要在前端优化上做文章。首先从本质上来说WEB前端问题可能会消耗掉整体时间的绝大部分，从而导致整体效率的低下；性能黄金法则表明只有大约百分之十到百分之二十的最终用户会在接受请求的HTML文档上做停留，大多数的时间都将用在了HTML文档引用进行的HTTP请求上，因此想要提升网站响应的速度就必须要减少组件数量，从而减少HTTP的请求数量。在移动WEB开发技术中的通常做法是利用CSS Sprite，对网站中的图片进行分类，对比较小的图片进行分类整合，将所有整理图片放置于一个图片文件中，随后利用CSS中的background-image进行图片插入，并且对网站需要用到图片的部分进行重点定位，从而减少了服务器后台对图片的多次请求。

（二）cookie优化

Cookie指的是网站中为了辨别用户身份，进行的一种追踪储存数据的手段，主要是通过对用户本地终端上的数据进行定位，该数据通常情况下是由用户的移动端或PC端暂时性或永久性的进行保存，其类型为小型文本文件。HTTP请求后的相关数据都会在硬盘上产生与cookie相关的信息，当信息越来越多时，随着增大的还有请求头，伴随着这些增加的还有网站打开的时间，因此优化cookie是十分有必要的。

1.移动WEB开发技术的后台需要及时的对网站系统的cookie信息进行筛选，过掉没有用的cookie信息，对待一些不需要该信息的网站可以完全的禁止。

2.将cookie信息设置为最小，一旦用户端产生cookie信息，就会以HTTP的形式客服端传递，对前者的减小也是对后者的减小，两者同时较小的情况化，网站内部法人运行空间会得到大范围的扩张，从而提升网站响应的速度。

3.设置一定的时间限制，对cookie的有效时间进行限制，网站中的cookie信息标记功能需要一个过期时间限制，最终过期的信息将被储存在客户端的硬盘上，当用户再次涉及这一信息时，cookie信息会再次被提出，这一设定可以最大限度的清空影响网站响应的不利因素。

（三）CDN内容分发网络

移动WEB开发技术最终创造的网站或者浏览器是以域来缓存资源的，只要客户端显示的域不一致，那么就会对同一个资源进行重复下载和缓存，这样一来就对用户的移动端的储存空间形成威胁，产生影响网站在用户心中的负面影响。所以需要将CND用于前端的性能优化，主要做法是将静态资源缓存到距离用户很近的网络运营商CND节点上，不同域的用户在下载同一个缓存是将会被储存在不同的CND节点上，并通过智能CND识别距离用户最近的，随后通过向用户发送删除或保留的CND节点，来优化CND内容分发网络。通过这种优化后，网站的储存空间增加，从而增加其响应速度。

■结束语

移动WEB开发技术是一个系统化的工程，在商务网站建设应用领域价值较高，具有极大的开发潜力，尤其是在电商、智能手机等移动领域。凭借丰富的兼容性和先进的开发技术，移动web技术逐渐取代传统技术，实现网站的革新，使得网站动静态到动态，从单一到复杂、多功能多用途，真正赋予了企业更大的市场开拓能力，将电子商务的应用达到了机制。总而言之，企业未来发展离不开移动领域，多元化的发展模式成为当代企业不可或缺的方式，而移动web技术是促进和推动多元化发展的主要力量，企业应提高重视，努力推进移动web建设，迈出多元化发展道路。