摘要： 平时在写一些交互效果的时候，经常会用到鼠标指针所在的坐标位置。由于浏览器的不同，解析的方式不同，经常会出现计算上的差异。下面列出标准的、兼容性比较好的写法。1.指针在页面中的坐标位置属性选择：pageX、pageY - DOM标准 clientX、clientY - 诡异IE document.documentElement - DOM标准 document.body - 诡异IE函数： 1 function getP(e){ 2 3 var e = e || window.event; 4 5 return { 6 7 x... 阅读全文

摘要： 背靠腾讯和美国Groupon的高朋网，陷入裁员之困。 8月22日，近百名在上周末突然被通知离职的高朋网员工来到上海办公室，与从北京赶来的高朋网一位高姓副总裁、人力资源总监杨莉以及法务Sammy进行了几小时的谈判。 “他们松口满足了我们的要求。”此次被通知离职的员工Ace从谈判间出来后告诉记者，“大部分人拿到了2个月工资的赔偿额度。” 据这位在高朋客户管理部任职的员工透露，8月18日下午四点，他突然被叫到办公室，人事没有说明任何原因，直接让他签离职协议。随后，他的办公电脑被要求格式化后直接上交，指纹被消除，整个过程不到十分钟。 和Ace一样遭遇到“突袭”裁员的高朋上海办公室员工超过1... 阅读全文

摘要： 1.获取指定元素的样式属性值，兼容IE与其他标准DOM 1 //parameter:el具体元素、name样式属性名("width"、"background") 2 //return：el元素的样式属性name的值 3 function getStyle(el,name){ 4 if(el.style[name]){ 5 return el.style[name]; 6 } 7 else if(e.currentStyle){ 8 return el.currentStyle[name]; 9 }10 else if(document.defaultVi 阅读全文

摘要： CSS HACK:浏览器兼容的一些写法人一旦习惯了某些东西就很难去改，以及各种各样的原因，新的浏览器越来越多，而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容，CSS HACK自然而然地被我们想起。今天，我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事，需要我们有统一的规范来进行Coding，以方便维护。而解决兼容的方法就是（必须是，因为这才最容易有问题的）其中一个最重要的、要解决的规范之一。在解决兼容方法上，想定出一个统一的规范，个人认为应该以下面3点为基本原则：权衡成本：在浏览器被淘汰后，如何快速清理掉无用代码 可维护：在资源成本和完美间 阅读全文

摘要： 本文出自前端档案，以作学习参考之用。自己也补充了一些内容长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此，主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一、函数和方法差异； 二、样式访问和设置； 三、DOM方法及对象引用； 四、事件处理； 五、其他差异的兼容处理。一、函数和方法差异1. getYear()方法【分析说明】先看一下以下代码：var year= new Date().getYear();document.write(year); 在IE中得到的日期是" 阅读全文

摘要： 1.检测浏览器类型 1 var ua = navigator.userAgent.toLowerCase(); 2 var info = { 3 ie:/msie/.test(ua) && !/opera/.test(ua), 4 op:/opera/.test(ua), 5 sa:/version.*safari/.test(ua), 6 ch:/chrome/.test(ua), 7 ff:/gecko/.test(ua) && !/webkit/.test(ua) 8 }; 9 (info.ie) && alert("ie浏览器& 阅读全文

摘要： 今天回顾了一下element.style相关的一些方法。当我们需要用Js对一个元素的css样式进行一些额外的控制时，我们需要用到这些方法。1.动态的设置样式。习惯的做法是：1 <div id="test">我是中国人</div>2 3 <script type="text/javascript">4 vat ele = document.getElementById("test");5 ele.style.fontSize = "24px";6 </script>这样 阅读全文

摘要： 以前学过Java，对this大概有个理解，也不难。现在来看看javascript中的this,那变化可是不少。本文主要说说几个经常应用到的例子，关于全局作用于和对象作用域的东东。1.把this看成当前对象，是最常见到的用法，也是最容易理解的如：1 <input type="button" value="我是谁？" onclick="this.value='我是中国人！'" />这里当按钮被触发时，this指向当前这个button对象。value值随之改变。2.跟java一样，指向当前实例如：1 functi 阅读全文

摘要： 关于js面向对象的内容很多，很多人看书觉得很乱。因为内容太多了，又是原型，又是继承什么的。今天在园里看到“农村出来的大学生”写得一些js面向对象总结，自己一扫而过，很清晰，现在分享出来。一、首先创建js对象的四种方式：1.普通模式1 var person=new Object();2 person.name="盼盼";3 person.age=22;4 person.sayHi=function(){5 alert(this.name);6 }但是这样每次去创建一个类的对象相当的麻烦。所以有了下面的集中创建对象的模式。2.工厂模式1 function person(name 阅读全文

摘要： 规范目的 为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.基本准则 符合web标准,语义化html,结构表现行为分离,兼容性优良.页面性能方面,代码要求简洁明了有序,尽可能的减小服务器负载,保证最快的解析速度.文件规范 1.html,css,js,images文件均归档至<系统开发规范>约定的目录中; 2.html文件命名:英文命名,后缀.htm.同时将对应界面稿放于同目录中,若界面稿命名为中文,请重命名与ht 阅读全文