摘要: 今天把入口文件引用错误了,导致加载的时候找不到文件,页面报错,查了一下网上的资料,对模块化加载做了个简单的了解..一个底层框架文件;一个网站业务框架文件,包含整个业务模块类;多个业务文件,包含每个具体页面有关系的业务代码; 为了减少一个HTTP请求,大家可能将底层框架和业务框架文件合成一个文件,作为一个公用文件引入到每个需要使用javascript的页面中,再具体的页面中引入和当前页相关业务js文件。为了减少页面加载脚本阻塞现象,还可以将脚本文件放在html的body底部进行加载。 每个页面最多引用两个js文件,打开首页后,后续页面都可以使用缓存中的合并过的js。如果底层框架改动不太频繁,.. 阅读全文
posted @ 2012-07-01 20:41 allexwang 阅读(245) 评论(0) 推荐(0) 编辑
摘要: Fiddler 教程Fiddler是最强大最好用的Web调试工具之一,它能记录所有客户端和服务器的http和https请求,允许你监视,设置断点,甚至修改输入输出数据. 使用Fiddler无论对开发还是测试来说,都有很大的帮助。阅读目录Fiddler的基本介绍Fiddler的工作原理同类的其它工具Fiddler如何捕获Firefox的会话Firefox 中使用Fiddler插件Fiddler如何捕获HTTPS会话Fiddler的基本界面Fiddler的统计视图QuickExec命令行的使用Fiddler中设置断点修改RequestFiddler中设置断点修改ResponseFiddler中创建 阅读全文
posted @ 2012-06-30 18:37 allexwang 阅读(425) 评论(1) 推荐(1) 编辑
摘要: 首页说明本人是一个菜鸟,所以代码也很菜,有写的不对的,错的,请多多指教。此方法只能按顺序预加载图片,当页面进来时候开始加载第二张图片,然后以此类推..这样就不用一次把所有的图片加载完,或者等待下一张图片的加载。<img src="" border="1" align="top" width="400" height="300" id="showImg" /> <strong style="color:#0000FF"><- C 阅读全文
posted @ 2012-06-27 18:03 allexwang 阅读(363) 评论(1) 推荐(0) 编辑
摘要: 没事瞎写点东西..写了个div垂直居中页面中的代码.$(document).ready(function(){ jQuery.fn.center = function(){ var width = parseInt(($(window).width() - $(this).width() ) / 2 + $(window).scrollLeft()), height = parseInt(($(window).height() - $(this).height()) / 2 +$(window).scrollTop()); $(this).css({ left... 阅读全文
posted @ 2012-06-26 11:00 allexwang 阅读(700) 评论(2) 推荐(0) 编辑
摘要: 由于JavaScript的灵活性,可以让每个人按照自己的习惯进行编写代码.有函数式的编程方式,也有现在用的较为广泛的对象字面量.由于面向对象的出现,JavaScript刚开始的函数编程也逐渐演化为类式编程方式.现在我对几种比较熟悉的编程习惯进行简单的说明:1.对象字面量:var person = { name:null, setName:function(name){ this.name = name; return this.name; }, getName:function(){ alert(this.name); }... 阅读全文
posted @ 2012-03-29 18:56 allexwang 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 在JS代码中写入function fn(){}或者var fn=function(){}等等,你都可以将其理解为对象,当然还有数组等等。在理解面向对象之前,先了解下面几个东西吧。1.对象方法的调用在js最外层写的function可以还可以理解为window对象的一个方法。定义的变量也可以称之为window对象的一个属性。例如:[javascript]view plaincopyvartest=function(){alert("123")}当然上面的你也可以这样定义functiontest(){alert("123")}作为window对象的方法我们可以 阅读全文
posted @ 2012-03-13 17:43 allexwang 阅读(252) 评论(0) 推荐(0) 编辑
摘要: javascript既是一门函数式语言,也是一门面向对象的语言,但是要想在javascript中实现类似于java中的private变量可不是一件显而易见的事。你需要借助它的函数式特性:闭包。下面的例子演示了如何构建一个javascript对象,没有任何的隐藏和封装。Javascript代码/***此demo演示了如何在javascript中实现面向对象语言中的信息封装和隐藏。由于javascript不像java那样在语言层面*提供了很好的封装支持,因此需要借助一些模式。*/Book=function(isbn,title,author){if(!isbn)thrownewError(' 阅读全文
posted @ 2012-03-13 17:42 allexwang 阅读(815) 评论(0) 推荐(1) 编辑
摘要: 罪行1:把块级元素放入了行内元素内HTML 元素的表现方式不外乎就两种:块级和行内.每一个标签都有默认的表现方式不是块级就是行内.像div和p 就是块级元素,他们用来形成文档结构.行内元素只能在快级元素内.罪行2: img 标签没有包含alt属性alt属性是所有显示在网页中图片的必须属性,它能够帮助人们知道这是什么图片.或者在网速比较慢的时候显示图片的含义是什么.它的主要目的是,说明图片的含义,想这样的说明 alt=”image”是很糟糕的.如果,有些图片的确只是装饰作用而已,那么建议你写成 alt=”".罪行3:在必要的时候没使用list犯罪4:使用<b>和<i& 阅读全文
posted @ 2012-02-06 15:31 allexwang 阅读(203) 评论(0) 推荐(0) 编辑
摘要: 昨天做测试的时候,让iframe自适用内部的高度,结果其他浏览器都正常,却在chrome下面不管用,怎么修改代码也不管用,后来番茄大湿告诉我,因为chrome本地file的时候有安全协议,在本地测试不管用,要放在线上才行。果然今天早上放到服务器上测试以后,里面管用了。以下是代码:function iframesize(id) { if (document.getElementById){ var doc = document.getElementById(id); } else{ eval('doc = ' + id+ ';'); } if (doc & 阅读全文
posted @ 2011-11-24 08:58 allexwang 阅读(910) 评论(0) 推荐(0) 编辑
摘要: 定义标准IE:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度FireFox:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentE 阅读全文
posted @ 2011-10-24 10:20 allexwang 阅读(506) 评论(0) 推荐(0) 编辑