dwz作为一个国产开源框架,简单实用。------这是官方的说法,其实个人觉得很难用。。不想其他框架一样,自己封装的函数比较多,当然用熟了可能会觉得简单好用。而且里面的一些样式不同的浏览器显示有问题,样式丑就不说了。。。不过最近做的一个项目用的这个框架,没办法,还是要学习。好了不多废话,聊聊如何学习这个框架。
首先使用框架的意义就是便捷开发,里面封装了大量的样式和js方法等,不用自己写直接调用即可。但是在使用前要对这个函数有足够的了解,dwz框架有个特点就是在他的主页的你没有办法查看对应组件的源码,查看源没有用,必须要找到相应路径从本地源码中查看,有些麻烦。源码里面有demo,对应着看就好。尤其是那些js文件,很多时候你要灵活的使用时必须要在源码的基础上进行更改,所以对这些js要熟悉,最起码要知道要用的方法在哪里。这样有了问题看一下源码也比网上查上半天强很多。
举个例子:这是dwz.ajax.js中的
/** * 带文件上传的ajax表单提交 * @param {Object} form * @param {Object} callback */ function iframeCallback(form, callback){ var $form = $(form), $iframe = $("#callbackframe"); if(!$form.valid()) {return false;} if ($iframe.size() == 0) { $iframe = $("<iframe id='callbackframe' name='callbackframe' src='about:blank' style='display:none'></iframe>").appendTo("body"); } if(!form.ajax) { $form.append('<input type="hidden" name="ajax" value="1" />'); } form.target = "callbackframe"; _iframeResponse($iframe[0], callback || DWZ.ajaxDone); }
像这样一个js方法,方法的作用参数里面都有注释,功能基本一看就懂,而且你会知道这个方法是和文件上传有关的,那么文件上传出问题的时候你会首先想到是不是这个方法调用的问题,胜过查半天一点头绪都没有。
有些时候要做出与源码类似的功能需要仿照的源码来写。
另外dwz框架很多地方会有浏览器不兼容的这种问题,dwz对ie兼容的比较好,而对于其他的浏览器会出现显示乱的问题,比如应用框架里面的表单样式,不兼容的时候样式尽量自己写,用户体验是第一位啊,别让人家等一下你的网站要下个新的浏览器 。。。。。
dwz框架---(1)如何学习dwz框架
时间: 2024-10-27 09:08:30