• 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...
  • 让页面布局更具灵活性和复用性-微信摇一摇效果示例
    2017-01-18 23:40
    所谓web页面的布局,就是一堆div,table,a,span等标签的罗列嵌套,但是怎么嵌套才能让赋予他们独立的生命呢,这个就需要我们对于布局中的每一层嵌套都有他相关的意义。    一个页面最外层是body标签,但是我们一般不会在body标签上加过多的样式,我们会写一个div作为外层容器来容纳所有的页面元素<div class='container'>     //这里写页面的具体内容 </div>而我们需...
  • div的上下居中(div垂直居中)的几种CSS实现方式
    2016-12-31 02:18
        最近发现好多前端写的页面的布局逻辑很差,灵活性低,代码的适应性差,无可复用性,页面对于不同分辨率的屏幕的展示存在问题。这些低质量的页面不是js技术差的原因,也不是css属性不熟悉的后果,是对html的布局没有把握性。   这些页面有电脑端的,也有手机端的页面,他们(大多是女性前端,女人逻辑思维比较差,别遭到妹子们的攻击了啊)写页面的时候总是盯着设计图在一个分辨率下实现了效果,然后到另一个分辨率的屏幕下就面目全非了,可能他们觉得情人眼里出西施吧,专为一个分辨率写页面。&...
  • 利用iframe上传文件,多次上传打开新窗口
    2017-01-01 15:23
        对于页面中的交互,现在很多都是采用ajax实现异步交互达到局部刷新的效果。    但是我们所熟知的ajax交互只能像后台传送字符串信息,对于文件的上传却无能为力。    那么对于文件上传我们还是要采用隐藏iframe的方法实现,或者用flash实现。    (当然在大部分的现代浏览器中运用ajax2提供的FormData这个新接口的功能可以实现真正的异步上传文件,鉴于IE浏览器还占据很大的...
  • js动画简单封装-requestAnimationFrame
    2017-01-18 23:39
        js动画相比css3动画,animation动画的有点就是可以兼容IE8甚至IE7的浏览器,并且操作的可控性强。    在使用js动画时,我们可以采用setTimeout递归调用,直接使用setInterval,使用jquery提供的animate。其中使用animate实现动画最为方便。$(".anim").animate({left:100px,width:50px,height:50px},500,function(){  &nbs...
妹纸前端
妹纸前端工作室 | 文章不断更新中
京ICP备16005385号-1