网站前后端相关知识点解读

文档

网站前端知识点解读

前端框架是以seaJS为底层自主封装和开发的大量插件和工具的集合。
seaJS遵循MIT协议，无论个人还是公司，都可以免费使用，开发者是阿里。

名词解释：

SeaJS是一个遵循CMD规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。

概念理解：

任何框架都不是全能的，seaJS只是提供了模块化支持，具体到框架内部如何组织，每个公司都不会一样。所以并不是用了seaJS框架做出的东西就会一样。

同类框架:

RequireJS 遵循AMD规范，都提供模块化支持，时间早于seajs。

两者的区别：

简单说SeaJS 从 API 到实现，都比 RequireJS 更简洁优雅，代码质量（seajs开发者称：requireJs没有明显的bug, 而seaJS则明显没有bug）

使用seaJS的产品：

京东、爱奇艺、支付宝 等

知识扩展：

有些客户会提如 angular react vue 这样的框架，这三种都是在移动互联网的背景下，革新的新的设计模式，用于应用中频繁操作数据库，主要适用于webapp。

下面以Vuejs来举例

名词解释（取自百度百科）：

Vue.js是一个构建数据驱动的 web 界面的渐进式框架。

SeaJS 和Vue的区别：

其实二者在功能上不是一种东西，没有可比性。
一个是负责模块化开发和加载（管理项目里所有的js文件），一个是负责数据渲染和绑定。

为什么网站不用vue？

1、兼容性

SeaJS 支持任何浏览器,最低可兼容到IE5.5
VueJS PC端不友好，ie8无法使用

2、不利于蜘蛛

如果模版在前端渲染，模板就是htm文件，虽然不需要做伪静态,但是，因为数据是在页面加载后返回的，所以模板中的内容为空，别说seo了，连收录都做不到，不利于品牌宣传推广。

SeaJS，从开发的角度有以下优点

• 实现 js与html分离，繁多的js文件无须在模版中手动引入，可以统一管理。对于jsp模板在后端，前端因为要修改js而去修改jsp文件再生成静态页，显然不是明智的做法。
• 方便管理依赖，而非用人肉的方式去管理繁琐的依赖关系。
• 独立命名空间，大项目越做越复杂，参与人越来越多，随之而来的就是各种令人抓狂的冲突，独立命名空间无须关注之前别人定义了一些什么鬼，自己开发自己的模块，互不干扰。

从使用的角度有以下优点

• 按需加载，减少浏览器加载压力。
• 缓存机制，预先从缓存中取文件，减少服务器请求

网站后端知识点解读

开发语言

java

数据库支持

Mysql、Server Sql

框架介绍

后台技术采用Spring+SpringMVC+Hibernate框架整合开发。区别于2.0采用的Spring+Struts+Hibernate(俗称SSH框架)。

SpringMVC与Struts2区别

(1)易用性：Spring MVC上手简单，并且可以与Spring无缝结合。
(2)安全性：struts2曾被曝出可远程执行服务器脚本代码、重定向漏洞等严重漏洞。Spring MVC到目前为止还没有发现比较严重的漏洞。
(3)spring mvc + hiberante的组合相比ssh更适合敏捷开发。

Hibernate与其他持久层框架（MyBatis）区别

(1)易用性：Hibernate对数据库结构提供了较为完整的封装，，而MyBatis通过映射配置文件，将SQL所需的参数，以及返回的结果字段映射到指定实体。因此：MyBatis可以进行更为细致的SQL优化，可以减少查询字段。Hibernate则针对程序员不需要对SQL 的熟练掌握，即可通过Hibernate 提供的方法完成持久层操作。

(2)扩展性：Hibernate数据库移植性很好，MyBatis的数据库移植性不好，不同的数据库需要写不同SQL。

(3)效率：MyBatis的缺点就是框架还是比较简陋，功能尚有缺失，虽然简化了数据绑定代码，但是整个底层数据库查询实际还是要自己写的，工作量也比较大，而且不太容易适应快速数据库修改