# frontend-plan-jquery

**Repository Path**: geekboy/frontend-plan-jquery

## Basic Information

- **Project Name**: frontend-plan-jquery
- **Description**: 这是Jquery版本的。前端主流框架研究计划（使用jquery、vuejs、reactjs构建同一个前端应用)。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-11-21
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 总结
使用JQUERY开发完整个DEMO花费的时间大约为：11小时。
在使用JQUERY开发的过程中发现一些问题或者是缺点，我把他大概总结了一下：

缺点：
1. 组件重用性低，开发多页面应用每页都需要单独插入HTML代码。
1. 组件的可读性极低，如果没有ES6模版字符串语法的支持，可能要话费更长的时间动态的把html组件代码加载到内存中。
1. DOM操作导致卡顿，DOM重渲染严重，几乎每次加载新的内容或者组件都会重新渲染DOM。 
1. 数据绑定繁琐，在DOM上获取和绑定数据非常的麻烦，需要编写大量的重复代码去操作DOM。

优点：
1. 操作DOM极其方便，可以更方便的实现各种DOM元素的动画效果，但不适合构建大型应用。
2. 代码可读性较高。

预览地址：
http://case.tiesec.org/frontend-plan/jquery/board.html