博客专栏  >  前端   >  前端

前端

分享一些常见的前端代码,思想和源码

关注
0 已关注
21篇博文
  • 用js实现输入年月日输出这一天是这一年的第几天

    需求: 输入年月日输出这一天是这一年的第几天? 天数问题 //输入日期,判断这个日期是这一年的第几天? console.l...

    2017-06-22 20:38
    960
  • js实现进制之间的转换

    需求: 将十进制转换为任意进制 将任意进制转换为十进制 代码实现: 进制之间的转换 //将任意进制转换为十进制 parseInt一个参...

    2017-06-22 21:03
    536
  • js中简单和复杂数据类型存储和传递问题

    简单和复杂数据类型存储和传递: var num1 = 0; var num2 = num1; num1 = 1; //请问num...

    2017-06-23 00:13
    608
  • 关于i++和++i的辨别

    i++和++i都是变量自增 其区别就是各自的执行顺序不同. 例子如下: var i = 0; var j = i++; console.log("i=" + i); console.log("j...

    2017-07-14 15:54
    522
  • 解决关于webstrorm出现中文乱码问题

    相信有些人会出现这种情况,下载了webstrom,一输入中文就会出现这种情况,中文被口口口替代了 如下图: 那么如何解决呢,其实很简单,只需要进入settings界面下的Appearanc...

    2017-07-14 13:23
    526
  • HTML5之语义化标签

    语义化标签,顾名思义,即让标签更加通俗化,增加可读性 普通的HTML标签 HTML5的语义化标签 ...

    2017-07-19 08:16
    593
  • 按钮被点击后屏蔽点击且倒计时60S能再次被点击和JS实现和JQuery实现

    出处:http://blog.csdn.net/qq_26525215 本文源自【大学之旅_谙忆的博客】 这个主要是用在手机验证码注册的时候用的多,  比如: 正如上图...

    2017-07-30 10:52
    685
  • 全选按钮小案例

    全选的小案例 html代码如下: ...

    2017-08-28 23:36
    550
  • js使用排他思想实现导航栏的切换

    导航栏的切换 html代码如下: 鞋子 袜子 帽子 裤子 ...

    2017-08-29 13:48
    590
  • Js小案例之选择水果

    选择水果移到另一个选择框中: 一种是全部移过去,还有一种是将选中内容的移过去 第一种就使用一个for循环将其全部移过去 由于每移动一次,长度都会发生变化,所以在这里,我们需要使用倒序的f...

    2017-08-29 22:48
    532
  • Js之模拟百度搜索框

    在这里我们只是简单的用数组模拟了一下数据库中的数据 html代码如下: 搜索 a ...

    2017-08-30 22:40
    631
  • 使用js实现楼层跳跃

    html代码如下: 鞋子区域 袜子区域 裤子区域 裙子区域 帽子区域 鞋子 ...

    2017-09-06 00:03
    106
  • js实现商品图片放大镜

    html代码: css样式: ...

    2017-09-07 14:45
    79
  • 阻止冒泡兼容写法

    w3c的方法是:(火狐、谷歌、IE11)   event.stopPropagation() IE10以下则是使用:event.cancelBubble =true 兼容代码如下: var...

    2017-09-09 15:32
    49
  • js清除选中的内容

    让被选文字清除。清除选中的内容 window.getSelection ? window.getSelection().removeAllRanges() : document.selectio...

    2017-09-09 15:34
    62
  • js盒子联动移动公式

    模拟垂直滚动条口诀: 动态设置滚动条的高度 scrollBarHeight =  ( 容器的高度 / 内容的高度*容器的高度 )     滚动条滚动一次    内容移动的距离 (内容的高度 ...

    2017-09-09 15:37
    58
  • js获取屏幕可视区域宽高兼容写法

    function client(){ if(window.innerHeight !== undefined){ return { "width": window.innerWidth, "heigh...

    2017-09-09 15:38
    74
  • 兼容写法获取元素样式

    //兼容方法获取元素样式 function getStyle(ele,attr){ //window.getComputedStyle能够获取元素的实际样式,但是低版本的ie8及以下不支持 //其...

    2017-09-10 17:00
    88
  • 使用js缓动动画封转

    /** * @param ele 目标元素 * @param json json对象 * @param fn 回调函数 */ function animate(ele,json,fn...

    2017-09-10 17:30
    46
  • 用js实现旋转轮播图

    首先我们需要明白3d轮播图的原理 移动的原理: 首先每一站图片对应这一个样式 向左移动: 我们可以将第一张图片样式给删除,添加到最后一张(第五张)样式的后面,这样就实现了向左图片的切换   ...

    2017-09-12 00:04
    90

img博客搬家
img撰写博客
img专家申请
img意见反馈
img返回顶部