03 2013 档案
摘要:这周做了一个应用小应用:就是以http的方式与远程门户网站进行交换,得到他们发送过来的数据信息。在开发中就遇到一个问题,本来如果远程的返回的状态码为200,则表示连接成功,可以开始接收数据了。可是测试的时候,发现返回的状态码为404,500等。自己当时也不知道是什么情况,于是google下,发现了一篇不错的文章,于是收录下,以备以后的查询。文章地址为:http://www.zh-seo.com/seo-jiaocheng/2009/0601/HTTP-status.html做seo网站优化过程中需要经常查看服务器log日志信息,其中服务器log日志中就含有服务器返回的HTTP状态码信息已经搜索
阅读全文
摘要:今天了解了一个新的名词叫做 FOUC 浏览器样式闪烁,之前也听说过一些类似的东西,比如样式突变等等,但这东西竟然有学名的。。什么是FOUC(文档样式短暂失效)?如果使用import方法对CSS进行导入,会导致某些页面在Windows 下的Internet Explorer出现一些奇怪的现象:以无样式显示页面内容的瞬间闪烁,这种现象称之为文档样式短暂失效(Flash of Unstyled Content),简称为FOUC.原因大致为:1,使用import方法导入样式表。2,将样式表放在页面底部3,有几个样式表,放在html结构的不同位置。其实原理很清楚:当样式表晚于 结构性html 加载,当加
阅读全文
摘要:由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同。在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为Compatibility Mode);由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode),这就是二者最简单的区别。 W3C标准推出以后,浏览器都开始采纳新标准,但存在一个问题就是如何保证旧的网页还能继续浏览,在标准出来以前,很多页面都是根据旧的渲染方法编写的,如果用的标准来渲染,将导致页面显示异常。为保持浏览器渲
阅读全文
摘要:何为渐进增强、优雅降级常用两种策略:要么优雅降级(graceful degradation,一开始就构建站点的完整功能,然后针对浏览器测试和修复),要么渐进增强(progressive enhancement,一开始只构建站点的最少特性,然后不断针对各浏览器追加功能。两者间的(微妙)差别万一你正挠着后脑勺,试图找出“优雅降级”和“渐进增强”之间的差别,那么我可以告诉你:“它们是看待同种事物的两种观点”。“优雅降级”和“渐进增强”都关注于同一网站在不同设备里不同浏览器下的表现程度。关键的区别则在于它们各自关注于何处,以及这种关注如何影响工作的流程。“优雅降级”观点“优雅降级”观点认为应该针对那些
阅读全文
摘要:var t="{'firstName': 'cyra', 'lastName': 'richardson', 'address': { 'streetAddress': '1 Microsoft way', 'city': 'Redmond', 'state': 'WA', 'postalCode': 98052 },'phoneNumbers': [ '425-777-
阅读全文
摘要:当我们在结合php和javascript实现某些功能时,经常会用到json。json是js的一种数据格式,可以直接被js解析。而php无法直接读取json数据,但是php提供了json_decode函数来对json数据进行转化,从而可以被php脚本访问。同时,php也提供了json_encode函数来将数据转化成json格式。那么,js中的原生json与php中通过json_encode函数转化后的json是否完全一样呢?今天,站长就和大家一起来探讨这个问题。我们通过php向javascript传递数组数据时,通常要将其转化为json格式,一遍javascript来获取,那么我们就以数组为例,
阅读全文
摘要:先说下js事件中几个重要的概念:事件对象、目标元素(事件源)、冒泡事件流、捕获事件流。事件对象:事件对象只有在事件发生时才会产生,是用来记录事件发生时相关信息的对象,只能在事件处理函数内部访问。Js代码//W3C DOM把事件对象作为事件处理函数的第一个参数传入进去 domObj.onclick = function(e){ alert(e); }; //IE将事件对象作为window对象的一个属性(相当于全局变量) domObj.onclick = function(){ alert(window.event); }; //所以为了兼容各种浏览器,获取事件对...
阅读全文
摘要:之前写过一篇文章,IE6和IE8对Javascript字符串操作的细微差别,今天谈一下在IE浏览器下返回执行错误的Javascript代码所在的问题。其中在IE浏览器下,如果你使用了try-catch,那么当出现异常的时候,IE浏览器会传递一个Error对象。<script> try{ sldfj }catch(e){ for(var p in e){ document.writeln(p + “=” + e[p]); } }</script>输出:name=TypeError message=’sldfj’ 未定义 number=-2146823279 descrip
阅读全文
摘要:保障可维护性的主要诀窍是 遵循DRY原则和Shy原则。在一个系统的整个生命周期里,理解和改动这类维护工作的比例一般非常之高。为了维护的方便,要尽量将系统划分为可以独立理解与改动的模块。这就要在设计的 时候注重DRY原则与Shy原则。不过,这两条原则有一定的冲突,并不总能兼得,于是在追求的时候要重视分寸。维护者的两大困扰有两种情况会给维护者增添很大的麻烦:一种是为了调整一个效果,要改动无数个地方;一种是只改动了一个地方,却影响了很多效果。在前一种情况下,非常容易出现漏改的问题——因为需要改动的地方太多,有些应该改动的地方没有改动;在后一种情况下,非常容易出现误改的情况——因为被影 响的效果太多,
阅读全文
摘要:1.获取元素坐标var getPos:function(o){//取元素坐标 var x = 0, y = 0; do{ x += o.offsetLeft; y += o.offsetTop; }while(o=o.offsetParent); return {'x':x,'y':y};}2.获取当前script文件的路径var strJsPath='';(function(){ try { throw Error("获取路径") }catch(ex){ if(ex.fileName)//Firefo...
阅读全文
摘要:一般事件onClick 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDblClick 鼠标双击事件 onMouseDown 鼠标上的按钮被按下了 onMouseUp 鼠标按下后,松开时激发的事件 onMouseOver 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove 鼠标移动时触发的事件 onMouseOut 当鼠标离开某对象范围时触发的事件onMouseEnteronMouseLeaveonKeyPress 当键盘上的某个键被按下并且释放时触发的事件.[注意:页...
阅读全文
摘要:在写这篇文章之前,曾经写过一篇关于AJAX技术的随笔,不过涉及到的方面很窄,对AJAX技术的背景、原理、优缺点等各个方面都很少涉及null。这次写这篇文章的背景是因为公司需要对内部程序员做一个培训。项目经理找到了我,并且征询我培训的主题,考虑到之前Javascript、CSS等WEB开发技术都已经讲解过了,所以决定针对AJAX这一块做一个比较系统的培训,所以这篇文章实际上是一个培训的材料。在这篇文章中,我将从10个方面来对AJAX技术进行系统的讲解。1、ajax技术的背景不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth、google suggest..
阅读全文
摘要:学习目标:1、掌握JS中的类(原型对象)和对象。2、什么是成员变量和成员方法。3、掌握构造方法的使用。补充:关于双等号(==):1、如果等号两边都是字符串时,则比较内容是否相等2、如果等号两边是数字时,则比较数值大小是否相等3、如果等号两边是对象或者对象的函数,则比较地址是否相等(即判断两者是否引用的同一对象) function Person(){ } var p1=new Person(); var p2=new Person(); alert(p1==p2);//这里结果是false,因为地址不相等 var p3=p2; alert(p3==p2);//这里是truejavascript是
阅读全文

浙公网安备 33010602011771号