JQuery最佳实践的探讨。

86540295

2013-01-12

关注关注

公司一直都是用Ext开发的，最近项目组打算启用Jquery来实现。但是问题随之而来：

Ext代码的编写，页面的只有一个<body></body>标签就够了，其他页面工作交给Ext的Javascript完成。

1、移植Ext控件，复用Ext控件都比较方便，在Javascript中修改或者重新就可以了。

2、页面的业务代码也在Javascript中实现，便于修改（控制在一个“点”）

但是使用JQuery的框架几个，例如DWZ和easyUI都需要在<body></body>标签中，先加入跟业务有关的<div>标签。

1、Javascript中既有业务代码，html中也有业务标签，这让开发人员很迷惑，让代码维护人员很头痛。例如，修改了Javascript代码，要考虑对应的HTML标签要不要修改。

2、如果使用DWZ这样的Jquery框架，可以不使用Javascript。但是问题是，一个业务复杂的页面中庞大的而且结构嵌套的html也让开发和维护人员很郁闷，况且，html没法做到面向对象编程开发。

JQuery就一定要跟HTML绑定死吗？JQuery就没有“0”HTML开发模式吗？

本人还是在探寻最佳的JQuery实践模式，

欢迎各位大虾拍砖！

jquery html代码 javascript ext

86540295

0 关注 0 粉丝 0 动态

关注关注

JavaScript枚举选择jquery插件代码实例

聪明的朋友马上想出办法：用两个选项为周一到周日的下拉列表实现，对那样可以，但是我觉得不够友好，所以利用业余时间写下了这个jQuery小插件。weeks: [{ text: '一', value: 2 }, { text: '二', value: 3 },

hhanbj 2020-11-17

7个 jQuery上手项目，Github超千人star

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功

81427005 2020-11-11

jQuery UI组件库使用技巧小分享，让移动、Web界面开发更简单！

EdwardSiCong 2020-11-23

详解Vue数据驱动原理

Vue区别于传统的JS库，例如JQuery，其中一个最大的特点就是不用手动去操作DOM，只需要对数据进行变更之后，视图也会随之更新。比如你想修改div#app里的内容:. 在代码层面上的最大区别就是，JQuery直接对DOM进行了操作，而Vue则对数据进行

85477104 2020-11-17

jQuery实现带进度条的轮播图

margin: 0;padding: 0;list-style: none;width: 100%;height: 600px;position: relative;width: 100%;height: 600px;position: absolute;

seoppt 2020-09-13

jQuery实现鼠标拖拽登录框移动效果

honeyth 2020-09-13

jquery实现简易验证插件封装

<input type="text" id="username" name="username" tabindex="1" class="format-inpu

WRITEFORSHARE 2020-09-13

jQuery实现朋友圈查看图片

84483065 2020-09-11

jQuery实现日历效果

jquery是用的是2.0版本。--基于W3C标准不用做任何修改-->. --设置初始化文档信息和文档管理标注-->. --整个页面编码 utf-8 国际编码通用性最强，GBK/gb2312 中文-->. .signincalenda

momode 2020-09-11

jQuery中event.target和this的区别详解

　　1.js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远指向触发事件的DOM元素本身；　　2.this和event.target都是dom对象，使用jQuey中的方法可以将他们转换为jquery对象：$和$.比如,

85477104 2020-08-15

9.jQuery初识—选择器、效果

书写繁琐，代码量大。动画效果很难实现。使用定时器，要小心各种定时器的清除。各种操作和处理事件不好实现。浏览器的兼容性。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。插件扩展开发，jQuery有着丰富的第三方插件，

83510998 2020-08-08

Kendo UI for jQuery数据管理使用教程：PDF导出（二）

82550495 2020-08-03

JQuery 06 属性

区别在于，对于自定义属性和选中属性的处理。选中属性指的是 checked,selected 这2种属性1. 对于自定义属性 attr能够获取，prop不能获取2. 对于选中属性attr只能获取初始值，无论是否变化prop 能够访问变化后的值，并且以tru

tthappyer 2020-08-03

取代Jquery，用Vue 构建Bootstrap 4 应用

尽管前端程序现在发展迅速，各种框架层出不穷，但是对广大非前端码农来说构建Web界面的最好的选择仍然还是Bootstrap 4。但是Bootstrap依赖于已经严重过时，被抛弃的jQuery组件，那么如何解决这个问题就迫在眉睫了。Vue项目以其轻巧、高性能，

84901334 2020-07-28

隐式迭代---ES5的数组方法以及jQuery的方法调用

对于选择器筛选的dom元素，比如$是一个伪数组jq对象，存放的dom元素，当执行addClass方法，对于每个dom元素都执行此方法，在方法的内部会为匹配到的所有元素进行循环遍历，执行相应的方法，而不用我们再进行循环，简化我们的操作，方便我们调用如果获取的

tthappyer 2020-07-25

jQuery Ajax 操作函数汇总

jQuery 库拥有完整的 Ajax 兼容套件。执行异步 HTTP 请求。当 Ajax 请求完成时注册要调用的处理程序。在 Ajax 请求发送之前显示一条消息。使用 HTTP POST 请求从服务器加载数据。

TONIYH 2020-07-22

jQuery validate验证表单隐藏域

function validInfoForm(){ return $.validate({ ignore : "",//验证隐藏域,解决切换标签后隐藏域无法验证问题 rules: { oldPassword: { requi

tztzyzyz 2020-07-20

asp.net 利用Ajax和Jquery在前台向后台传参数并返回值

public static string GetValueAjax//这个方法需要是静态的方法要用到关键字static. json=" + username,//ajaxtest.ashx为目标文件

83510998 2020-07-18

Ant-design中使用jQuery

‘window.jQuery‘: ‘jquery‘,上面代码使用了 webpack 的 ProvidePlugin 插件，这个插件在加载某个模块时，如果遇到了未定义的并且在配置文件中配置了的变量，比如上面代码看到的 $、jquery、jQuery、wind

81463166 2020-07-17

56-58-前端-jQuery

python导入模块发生了哪些事？"""我不想下载jQuery文件能不能使用呢？w.fn.init [p.c1, prevObject: w.fn.init]0: p.c1length: 1prevObject: w.fn.

tztzyzyz 2020-07-05

安科网

JQuery最佳实践的探讨。

86540295

86540295

相关推荐

JavaScript枚举选择jquery插件代码实例

7个 jQuery上手项目，Github超千人star

jQuery UI组件库使用技巧小分享，让移动、Web界面开发更简单！

详解Vue数据驱动原理

jQuery实现带进度条的轮播图

jQuery实现鼠标拖拽登录框移动效果

jquery实现简易验证插件封装

jQuery实现朋友圈查看图片

jQuery实现日历效果

jQuery中event.target和this的区别详解

9.jQuery初识—选择器、效果

Kendo UI for jQuery数据管理使用教程：PDF导出（二）

JQuery 06 属性

取代Jquery，用Vue 构建Bootstrap 4 应用

隐式迭代---ES5的数组方法以及jQuery的方法调用

jQuery Ajax 操作函数汇总

jQuery validate验证表单隐藏域

asp.net 利用Ajax和Jquery在前台向后台传参数并返回值

Ant-design中使用jQuery

56-58-前端-jQuery

86540295