• js 鼠标滚动事件的兼容,同化处理
    2016-12-18 13:39
      我们在处理浏览器兼容问题的时候,通常是IE和其他浏览器进行区分。而这里处理鼠标滚轮事件的时候,确实FireFox和其他浏览器。Firefox钟情于自己的DOMMouseScroll事件,而其他浏览器则采用的是mousewheel事件。而mousewheel这个名字听起来更像鼠标滚轮事件,而火狐的那个名字就有些不好记了。var wheelname=navigator.userAgent.indexOf("Firefox")>0?"DOMMouseScroll":&qu...
  • 判断JS中的数据类型,通过typeof 和object对象的tostring方法获取
    2016-12-13 01:07
    jquery中有一个方法,$.type(obj)来检测数据类型,用过的前端都应该知道,他能准确的返回一个对象的类型的字符串形式。今天我们就来分析一下jquery这个方法的实现原理。可能你会说,既然jquery已经提供了这么好的方法了,我们拿来直接用不就得了。确实,拿来主义省事又省事;但如果一直这样的话,你的js水平只能是依赖中jquery的基础上,离开了jquery你什么也干不了了。这并不可怕,现在我们的项目中都在用jquery,甚至移动端我们还有zepto可以替代jquery使用。  现时,已经有好多新兴的前端框架出来了(...
  • DIV右上角标签的CSS3实现技巧
    2016-12-11 14:51
    我们在写页面中,经常要用到给一个div或其他dom元素的右上角添加一个标签来表示此条目的状态或者特性,今天我们就探讨一下这个标签的实现方式我们一般要实现这种标签的时候通过用css3的rotate来实现,并且大部分人实现时是通过一像素,一像素的调节标签的偏移位置来达到我们满意的效果。这个调像素的过程是让我们抓狂的,因为他没有实用性,我们好不容易写好了一个角签,然而他只能在这个样式或者这个角签内容时是正常的。上面是我计算的草稿,这个是计算的左上角的角签的偏移计算。其中用到了translate百分比的特性,他跟margin和padding不...
  • getComputedStyle_currentStyle_使用和其中的兼容问题
    2017-03-12 19:45
     在上一篇文章中,我们提到了获取DOM元素最终样式的兼容方法:getComputedStyle,currentStyle。今天我们来详细分析这两个方法的使用,以及其中所涉及的部分兼容问题。水平有限,能力一般,有说的不对的地方还望海涵。 根据jQuery的源码,我先提炼出这两个方法的简单代码如下:var getStyles,curCss; if(window.getComputedStyle){ getStyles=function(elm){ return elm.ownerDocu...
  • DOM元素操作兼容写法整理,原生js的createElement,createTextNode等功能
    2017-01-18 23:43
        在我们通过js对dom元素进行一些操作时,就要用到DHTML所提供的操作方法;而这些操作方法在各个浏览器中的表现不是那么一致,所以就需要用到兼容写法来让我们的代码在IE,FireFox,Chrome,Safari等浏览器中都能正常运行。     我总结一些dom操作的兼容写法帮助大家更好的来解决烦人的兼容性问题。    一、Js创建元素     1,创建dom元素var ele=docment.cr...
  • 原生js的event事件兼容,火狐隐式获取event的方法
    2017-01-16 20:19
            在我们写js的时候经常要用到event对象,你可能用它来阻止事件冒泡,或者阻止浏览器的默认行为,也可能得到鼠标的点击位置,鼠标的按键信息,还有可能得到键盘的按键信息,功能键的状态等。        确实,event对象是一个合格的理想的对象,但是这个对象还有点小脾气,这就需要你细心照顾,对她无微不至,她才能对你死心塌地。   &nb...
  • 原生js获取dom元素-兼容写法
    2016-03-05 16:42
        目前前端使用最多的js框架就是jQuery。他很好了封装了浏览器的兼容性,提供了简便链式的dom操作方法。对于我们实现效果非常方便。    但是虽然有了jQuery我们还是有必要要了解下原生js的写法。鉴于移动端的发展,jQuery库的大小貌似有些过大。    这里我们就探讨一下原生js的dom元素操作方式,(我下载的是最新的chrome和火狐浏览器)    首先我们根...
  • 页面布局概论
    2016-02-17 18:19
        不论是做前端的小伙伴,还是写后台的后太君们。在B/S架构的系统中,难免都需要写页面。而对于需求急迫,任务紧急,或者能力不足时,我们写页面往往只追求实现设计师设计的效果,而不考虑其他的问题。       我写这篇文章的目的就是让大家在写页面时,能写的页面具有更高的灵活性,和更好的适应性。       一张设计图放到我们面前时,我们不需要着急开始写代码。这个时候我们第一步要做的是,对我们即将要写的页面所对应的设计...
  • 布局实现技巧之margin的使用——多列布局,自适应布局应用float和margin负值
    2016-02-16 18:31
        写前端的小伙伴们对于margin和float这两个css样式都不陌生,但是你们真的了解他们吗,你们的用法真的对吗?   我们看看margin,margin是声明一个元素的外边距的值,但是我们要注意margin的外边距的值可正可负,正值用于我们正常的美观间距,负值则可用于特殊布局的实现。    margin使用    1,margin值得塌陷现象。2,margin增加block元素的宽度。3...
  • setTimeout之灵巧解决疑难问题-页面延迟重绘,onkeydown事件
    2017-01-18 23:41
          我们大家所知道的setTimout是一个定时器,但是setTimeout在前端中还有很多用途,这些用途全是基于它的延后执行的机理的。           input或者textarea下的光标定位代码    //IE下的版本 var tea=document.getElementById("txt");&n...
妹纸前端
妹纸前端工作室 | 文章不断更新中
京ICP备16005385号-1