知识管理系统前端设计与优化
【摘要】今天的世界是一个互联网的世界，身处信息化时代，现代社会人们获取信息最主要的方式就是通过互联网。而在互联网上获取和发表信息就少不了对各种知识管理系统的使用，那么系统的用户体验就非常重要。本文以知识管理系统为主题，分析了其发展现状及市场需求，对知识管理系统各个模块的功能进行了介绍。之后重点论述了对于系统前端的优化手段和改进方案，加快加载速度，提升用户的体验。
【关键词】知识管理系统前端模块化优化
引言：
目前，市场上具有丰富的各类知识产品，例如各类知识查询软件、在线文档、知识问答交流平台。从PC端到移动端，这类软件已经基本满足了用户的需求，但相比之下，引导并帮助用户去进行知识积累的应用却并不是很多。通过实际统计发现，有大量的用户都会在搜索引擎中对于“如何”、“怎样”类信息进行检索，这说明在这一方面存在着很大的用户需求。因此，提供更优质的知识管理系统是有很大必要的。本文也会就如何使知识管理系统前端运行更加优化来进行论述和研讨。
一、知识管理系统概述
1、知识管理系统需求分析。知识管理系统重在引导用户“怎么做”，该系统通过用户的贡献获取大量知识内容，从而建立一个庞大的知识库，为用户提供最全面的信息。同时该系统具有搜索功能，可以根据用户的不同需求在知识库中进行相关的检索，之后以可视化的方式呈现给用户，并供给用户进行贡献和反馈的机会。2、知识管理系统总体设计。1.用户贡献模块：用户可以根据自己的能力去贡献出文章来与其他用户分享，因此就要设立更加完善的用户贡献模块来提升用户的知识分享体验。首先，要让平台积累更多的优质内容，这样才能使用户在使用搜索功能的时候能够在知识库中获得更加符合需求的数据。除此之外，系统中设立了编辑器功能，使用户能将自己的感受和启发记录下来并与他人分享。编辑器的功能主要是用户对文章进行排版、调整文章结构，帮助用户更便捷的完成撰写过程。除了编辑器功能外，本模块还具有草稿箱功能、评论功能和回复功能。2.任务平台模块：任务平台模块指的是系统任务后用户领取并完成任务之后获得一定奖励。任务平台模块主要分为后台任务和用户领取任务两个部分。任务的来源是搜索引擎中搜索量较大而相关内容较少的内容，让用户来填补这些较为稀少但需求量大的内容，并加以奖励，不仅填补了系统知识库中的存储空白，还满足了用户的需求，也激励了用户继续为系统贡献内容。3.付费激励模块：付费激励模块首先要建立虚拟的货币体系，奖励给用户虚拟的货币，这些货币用户可以用以活动消费或道具消费。其次付费激励是对用户进行物质奖励，通过这两种奖励方式来激励用户，让他们能够更加积极的为平台贡献优质作品和内容。4.相册模块：相册模块主要是指用户以图片为中心进行浏览，通过图片可以让用户在阅读时获得更加真实的体验，同时也可以丰富知识平台的知识表达方式，供用户选择自己更喜爱的方式。
二、知识管理系统中使用的技术
1、HTML。html是一种超文本标记语言，主要用来搭建网页的结构。html主要由head和body两部分组成，其中head标签中主要标记的是网页的标题，关键字信息，头信息等。它们不作为内容在网页中显示，但是影响网页的显示效果，头部中常用的标签有<title>标签、<base>标签、<link>标签、<meta>标签、<script>标签、<style>标签，其中head标签主要定义了文档的信息，title标签主要定义了文档的标题，link标签主要定义了一个文档和外部资源的关系，<meta>标签主要定义了文档中的关键字信息，script标签主要是定义了客户端的脚本文件，而style标签主要是从外部引入样式文件。而网页中实际显示的部分都是在<body></body>标记内，是网页的主体部分。2、CSS。css又称层叠样式表，层叠就是对一个元素多次设置一个样式，如果出现这种情况，首先将通过选择期进行权重的计算，在权重不同的情况下，以权重最大的样式为准，如果权重相同的情况下，以最后定义的样式为准。css的主要功能是针对网页元素的排版进行像素级的控制，css未出现之前，样式的修饰都是嵌入在html标签内，这对网页之后的维护和修改异常的复杂，会造成大量代码冗余，css的出现极大的实现了代码的复用，可以将相同样式的元素进行统一的归类，使用同一个样式进行定义，如果后期要修改整体的样式，就不需要再修改原定的网页结构，只需要在样式列表中找到相应的样式进行修改即可。除此之外，css样式表可以单独存放在一个页面当中，如果多个页面使用同一个样式表，直接在网页的<head></head>标签内用<link>引入外部资源即可，这样不仅可以使代码得到复用，还可以实现多个页面风格的统一。3、Javascript。Javascript是一种解释型脚本语言，即代码不经过预编译，边解释边执行，目前Javascript广泛应用到web应用开发当中，常用来给网页添加各种各样的动态效果，与用户进行交互。Javascript主要分为三个部分,分别是ECMAScript,DOM,BOM,其中ECMAScript中主要定语了Javascript语言中最基本的语法结构，DOM又称为文档对象模型，用来描述网页内容的方法和接口，BOM是浏览器对象模型，用来定义与浏览器进行交互的方法。Javascript的主要功能如下：1.用户每次向服务端请求回来的数据，都是由Javascript动态地将文本嵌入到页面中渲染出来；2.在数据提交到服务器之前对数据进行校验；3.对于服务端返回的状态以可视化的方式提示给用户4、Ajax。Ajax是一种异步更新的技术，在Ajax出现之前，用户每次在更新网页内容的时候都需要重新加载网页，导致网络宽带的大量浪费，而Ajax出现之后，可以实现网页的异步刷新，这意味当网页中的某些信息需要更新的时候，通过Ajax技术可以在不加载整个网页的情况下，就可以完成与用户的交互。
三、前端优化的研究
1、减少http请求。http请求是客户端和服务端请求和接受数据的协议，一个正常的http请求流程如下。如果我们需要访问一个服务器，首先需要在浏览器输入框中输入’www.XXX.com‘然后按下回车，点击回车的瞬间，首先通过dom技术获得’www.XXX.com这个地址，然后通过域名转换将URL转换成对应的IP地址，之后与服务器建立连接，服务器在接收到数据之后进行数据的处理，再将数据返回给浏览器，浏览器在接受到数据之后对数据进行解释执行然后渲染到页面上，在这个过程当中，我们每次请求的网页文件中都会有很多的图片，CSS文件，JS文件等等。每个HTTP请求都需要耗费一定的时间，这样频繁与服务器建立连接释放连接，必定造成资源的浪费。因此，我们通过合并图片，合并css和js文件的方法来减少HTTP请求的次数。2、进行zip压缩。zip压缩就是将文件在服务端采用压缩技术将js,css等进行压缩之后再进行传输。有数据表明，经过压缩之后，文件的大小能够减小80%，经过压缩后的文件能够极大地节约网络的带宽，数据经过链路传到浏览器端之后再进行解压之后再渲染到界面上。目前，压缩CSS,JS的功能一般都由打包工具提供，目前市场上比较流行的打包工具是webpack。压缩文件一般是去除代码中的注释，空行等不必要的代码，对于Css，js文件中较长的类名，变量名进行简单的替换。3、使用JSON格式进行数据交换。JSON是一种轻量级的数据交换格式，采用完全独立于语言的文本格式。在JSON中有两种结构，分别是对象和数组，对于对象和数组字面量的操作是非常方便和高效的，使用JSON格式的数据进行数据的交互，可以写出实用美观可读性强的代码。
四、总结和展望
本文首先分析了知识管理系统在当今时代的市场需求，再详细介绍了其总体的功能模块，包括其中的4个大模块以及分别具有的功能然后介绍了知识管理系统前端中所使用的技术，包括HTML、CSS、Javascript和Ajax。文章的主体部分就是对知识管理系统前端优化的研究，本文只列举了一些在现在技术水平上前端优化可以采取的手段和方案，也并非最好的解决方法。知识管理系统现在还存在许多的缺陷和不足，这些问题都需要各方面人士继续努力，同时随着计算机的进步和发展，这些问题也将会逐渐得到解决。希望在今后的未来可以看到知识管理系统以及其前端的进步和优化，能够更好的满足用户需求，也为互联网的发展贡献力量。
参考文献
[1]曹刘阳.曹刘阳.编写高质量代码:Web前端开发修炼之道[M].北京:中国物资出版社.2010（6）-281.
[2]刘杰.Web标准设计[M].北京:清华大学出版社，2009（1）551.
[3]郑娅峰.网页设计与开发：HTML、CSS、JavaScript实例教程[M].北京:清华大学出版社.2009，27-32.
[4]陈鲱.Web前端开发技术以及优化方向分析[J].新媒体研究.2015（7）39-40.
作者：王科然 单位：河南省郑州市实验中学
- 上一篇：园林施工及园林管理创新思路范文
- 下一篇：第三方检测机构质量管理方法范文
