dwz框架---(1)如何学习dwz框架

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

dwz框架---(1)如何学习dwz框架的相关文章

学习Spring框架等技术的方向、方法和动机

学习Spring框架最早学习Spring框架是在大二的时候,当时看了几本书,看了一些视频,主要是传智播客的.更多的,还是写代码,单独写Spring的,也有与Struts和Hibernate等框架整合的.很久以来,主要使用了Spring的注入功能和事务管理,其它功能没怎么用到,可能是没有这方面的需求吧.有好几次都想对Spring有个深入的学习,比如把Spring中的全部功能都了解下,学习下Spring的原理.这2件事情,都是半途而废,有一定深入或全面学习,没有坚持下去. 广度与深度回顾下自己学习技

dwz监听日期变化,dwz日期控件onchange不起作用,dwz框架时间控件不支持onchange事件

转载自:http://blog.csdn.net/sp308036654/article/details/50638348 <input type="text" class="time hotelDepartrue" datefmt="yyyy-MM-dd" onchange="checkDate('endDate')"/> 1:找到dwz.datepicker.js文件 2:在下面的文件中,把红色的部分添加进去

关于如何学习一个框架的经验总结

1.怎么学习一个框架? 我认为有三个维度来说明:这个框架是为了解决什么问题而诞生的?这个框架的核心思想是什么?这个框架适合应用到哪些场景? 说到思想,我觉得编程的灵魂就是思想,没有思想的编程和咸鱼没什么区别,这里我六年来血与泪的总结 2.不要被框架拉着走,要做框架的主人 我发现我身边好多人都深陷于框架之中,包括我自己有一段时间也深陷其中(还好现在走出来了),都关注在这个框架怎么用,哪个牛X,熟不知还没等你熟练怎么用时,又一个新的框架出来,那时你又得学,一来二去你就被框架拉着走了 我觉得当你了解上

Java集合与框架总结与学习

林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 本文将主要讲解Java中集合的使用与区别,主要讲List.Set.Map的原理.使用方法.注意事项等. 一.Collection与Collectons的区别 Java集合框架是Java语言的重要组成部分,它包含了系统而完整的集合层次体系,封装了大量的数据结构的实现.深刻理解Java集合框架的组成结构及其中的实现类和算法,能极大提高程序员编码的能力.本章讲述Java集合框架,主要包括集合框架的

对springMVC框架项目的学习与解析

看到一句话自勉:程序员之所以犯错误,不是因为他们不懂,而是因为他们自以为什么都懂. 今天我要整理的是现在项目用的框架SpringMVC,之前提到了他的优势,减少了配置文件的书写,下面就说下自己搭建框架的过程(推荐大家学习下Spring in action): 先来看一张流程图: 首先web.xml下配置DispatcherServlet(之前的建项目,导包不在说): <!-- 配制spring分发器servlet --> <servlet> <servlet-name>

学习ThinkPHP框架必须了解的知识点(一)

1.框架:有大量的类.方法.函数按一定的逻辑组成的集合: 2.MVC(Model-View-Controller):即模型-视图-控制器这种编程模式:  M->Model:实体层,它主要是对数据库的操作:每一个Model.cs文件对于一张数据表,和它相应的数据库库操作:  V->View:视图层,可以简单的理解为模板,主要是展示作用:  C->Controller:控制层(控制器),对数据进行分析.过滤:它向上连接视图层,向它提供从数据口读取的数据,向下连接实体层,控制数据的读取.  M

JavaScript模块加载框架sea.js 学习一

简单总结sea.js 学习 文件目录结构 /sea/sea.js      下载地址  http://seajs.org/docs/#downloads /sea/jquery-sea.js   下载地址 http://jquery.com/download/ /sea/sea_config.js /sea/home.jsdata.js /sea/data.js 1.html页面代码文件 <style> .ch{height:200px;width:200px;background:#ccc;

Node.js笔记(0003)---Express框架Router模块学习笔记

这段时间一直有在看Express框架的API,最近刚看到Router,以下是我认为需要注意的地方: Router模块中有一个param方法,刚开始看得有点模糊,官网大概是这么描述的: Map logic to route parameters. 大概意思就是路由参数的映射逻辑 这个可能一时半会也不明白其作用,尤其是不知道get和param的执行顺序 再看看源码里面的介绍: Map the given param placeholder `name`(s) to the given callbac

跟着刚哥学习Spring框架--AOP(五)

AOP AOP(Aspect Oriented Programming),即面向切面编程,可以说是OOP(Object Oriented Programming,面向对象编程)的补充和完善.OOP引入封装.继承.多态等概念来建立一种对象层次结构,用于模拟公共行为的一个集合.不过OOP允许开发者定义纵向的关系,但并不适合定义横向的关系,例如日志功能.日志代码往往横向地散布在所有对象层次中,而与它对应的对象的核心功能毫无关系对于其他类型的代码,如安全性.异常处理和透明的持续性也都是如此,这种散布在各