目前前端使用最多的js框架就是jQuery。他很好了封装了浏览器的兼容性，提供了简便链式的dom操作方法。对于我们实现效果非常方便。    但是虽然有了jQuery我们还是有必要要了解下原生js的写法。鉴于移动端的发展，jQuery库的大小貌似有些过大。    这里我们就探讨一下原生js的dom元素操作方式，（我下载的是最新的chrome和火狐浏览器）    首先我们根...

    不论是做前端的小伙伴，还是写后台的后太君们。在B/S架构的系统中，难免都需要写页面。而对于需求急迫，任务紧急，或者能力不足时，我们写页面往往只追求实现设计师设计的效果，而不考虑其他的问题。       我写这篇文章的目的就是让大家在写页面时，能写的页面具有更高的灵活性，和更好的适应性。       一张设计图放到我们面前时，我们不需要着急开始写代码。这个时候我们第一步要做的是，对我们即将要写的页面所对应的设计...

    写前端的小伙伴们对于margin和float这两个css样式都不陌生，但是你们真的了解他们吗，你们的用法真的对吗？   我们看看margin，margin是声明一个元素的外边距的值，但是我们要注意margin的外边距的值可正可负，正值用于我们正常的美观间距，负值则可用于特殊布局的实现。    margin使用    1，margin值得塌陷现象。2，margin增加block元素的宽度。3...

      我们大家所知道的setTimout是一个定时器，但是setTimeout在前端中还有很多用途，这些用途全是基于它的延后执行的机理的。           input或者textarea下的光标定位代码    //IE下的版本 var tea=document.getElementById("txt");&n...

所谓web页面的布局，就是一堆div，table，a，span等标签的罗列嵌套，但是怎么嵌套才能让赋予他们独立的生命呢，这个就需要我们对于布局中的每一层嵌套都有他相关的意义。    一个页面最外层是body标签，但是我们一般不会在body标签上加过多的样式，我们会写一个div作为外层容器来容纳所有的页面元素<div class='container'>     //这里写页面的具体内容 </div>而我们需...

    最近发现好多前端写的页面的布局逻辑很差，灵活性低，代码的适应性差，无可复用性，页面对于不同分辨率的屏幕的展示存在问题。这些低质量的页面不是js技术差的原因，也不是css属性不熟悉的后果，是对html的布局没有把握性。   这些页面有电脑端的，也有手机端的页面，他们(大多是女性前端，女人逻辑思维比较差，别遭到妹子们的攻击了啊)写页面的时候总是盯着设计图在一个分辨率下实现了效果，然后到另一个分辨率的屏幕下就面目全非了，可能他们觉得情人眼里出西施吧，专为一个分辨率写页面。&...

    对于页面中的交互，现在很多都是采用ajax实现异步交互达到局部刷新的效果。    但是我们所熟知的ajax交互只能像后台传送字符串信息，对于文件的上传却无能为力。    那么对于文件上传我们还是要采用隐藏iframe的方法实现，或者用flash实现。    (当然在大部分的现代浏览器中运用ajax2提供的FormData这个新接口的功能可以实现真正的异步上传文件，鉴于IE浏览器还占据很大的...

    js动画相比css3动画，animation动画的有点就是可以兼容IE8甚至IE7的浏览器，并且操作的可控性强。    在使用js动画时，我们可以采用setTimeout递归调用，直接使用setInterval，使用jquery提供的animate。其中使用animate实现动画最为方便。$(".anim").animate({left:100px,width:50px,height:50px},500,function(){  &nbs...

这是我的网站建好后写的第一遍文章，就先拿setTimeout来写写吧。    大家都知道setTimeout是js中的定时器，也就是在代码将在给定的时间后进行执行。<script>     function calltest(){         console.log("mm");     &n...