如何使用jQuery EasyUI打造Web程序

说实话,当我第一次接触jQueryEasyUI时,我感觉我发现了一个宝藏。
记得是2 01 2 年左右,公司有一个小项目,需要快速开发一个后台管理系统。
需求很简单但很美好。
那个时候,前端并没有太多花哨的东西。
jQueryEasyUI 直接创建了表格、对话框、按钮和其他非常有趣的东西。

我知道你提到的下载过程。
我当时从官网下载的GPL版本解压后非常清晰。
我记得有一次我选错了版本,用了商业版。
后来客户抓住了我,告诉我我们偷偷用的是付费版。
即使最后解释清楚了,你也确实要小心。

这个BasicCRUD案例尤为典型。
在我的使用过程中,我发现了几个特别实用的细节。
比如表的url属性直接连接后端API,一刷新就显示数据。
无需自己编写复杂的AJAX。
还有工具栏,在这里放置“新建”、“编辑”、“删除”按钮,点击弹出的对话框填写表格,整个CRUD过程只需要几十行代码。
确实省事了。

但有趣的是,我使用后发现了一个问题:官方文档写得很好,但项目本身却有很多陷阱。
比如你这里使用easyui-textbox,但是自定义检查规则的时候需要自己添加validType。
我在检查电子邮件时陷入困境。
官方的例子是电子邮件,但在 IE6 上根本不起作用。
最终我转向正则表达式。

数据的交互也很有趣。
我记得用$.post传递数据时,后端返回的JSON格式必须严格匹配前端解析的格式。
如果缺少逗号或大括号,前端就会崩溃。
我曾经在半夜调试过,反复确认浏览器控制台输出的result.success。
这就足够了。

现在想想,虽然jQueryEasyUI已经不像以前那么流行了,但是它却解决了当年很多中小型项目的前端开发问题。
尤其对于新手来说,直接使用现成的组件可以省去很多问题。
你提到的案例仍然是基础中的基础,但是运行效果确实不错。

常用前端UI框架汇总

ElementUI于2 01 6 年推出,基于Vue2 .0,由饿了么团队开发。
AntDesign于2 01 4 年推出,是阿里巴巴的企业级后端组件库和React技术栈。
AntDesignMobile于2 01 7 年推出,是一个React移动组件库。
AntDesignPro于2 01 8 年推出,AntDesign+Umi企业级中后端解决方案。
ProComponents于2 01 9 年推出AntDesign高级组件封装。
Taro于2 01 8 年推出,是京东的多端框架,React可以同时在多个终端上编写和运行。
ArcoDesign于2 01 9 年推出,是字节跳动的中后端组件库。
Ionic 于 2 01 3 年推出,使用 Web 技术构建原生移动应用程序 SDK。
NaiveAdmin将于2 02 2 年推出,Vue3 +NaiveUI后台管理界面。
Layui 于 2 01 3 年推出,是一个原生 HTML/CSS/JS 模块化 UI 框架。
Easyui于2 01 0年推出,是一个jQuery插件集合。
Bootstrap 于 2 01 1 年推出,是一个响应式布局 WEB 框架。

根据项目需要进行选择。
请记住:轻量级选择 Layui,中后端选择 AntDesignPro。

jquery replaceall方法有什么用

嘿,说到jQuery的replaceAll()方法,它真的很有用。
我之前用过它来批量替换页面上的元素。
例如,我想用链接替换我网站上的所有强调,所以我使用了这种方法。
当时就迷迷糊糊的写了一段代码,运行起来一看,哎呀,居然全都换成链接了,而且还指向了PHP中文网站。
那非常方便。

还有一次,我需要用一个粗体的跨度标签替换最后一段标签,上面写着“Hello world!”。
这次我使用了:last选择器并将其与replaceAll()方法结合起来。
结果完全没有问题,更换也很完美。

不过,使用这种方法时也应该注意一些细节。
比如参数的顺序不能弄错。
您必须先编写新的 HTML 内容,然后编写目标选择器。
另外,您提供的新内容必须具有有效的 HTML 标记,否则页面可能无法呈现。

后来我发现这个方法其实蛮适合需要完全替换元素的场景。
如果你只是想改变内容,使用 () 或 text() 可能更合适。
另外,结合点事件绑定,如click(),可以实现交互式页面更新,效果会很好。
因此,正确使用replaceAll()可以快速且良好地调整你的DOM结构。