javascript技巧

  • 经过绑定元素时会多次触发mouseover和mouseout事件

    javascript的mouseover和mouseout事件,在绑定元素内部有子元素的情况下, 经过绑定元素时会多次触发mouseover和mouseout事件. jquery解决办法: jquer ...

  • layui form表单提交之后重新加载数据表格的方法

    HTML form表单 <p style="text-align: center"><img src="//files.jb51.net/file_im ...

  • Postman内建变量常用方法实例解析

    一.Postman有以下内建变量,适合一次性使用: {{$guid}}//生成GUID {{$timestamp}}//当前时间戳 {{$randomInt}}//0-1000的随机整数 二.内建变量 ...

  • 基于JavaScript实现选项卡效果

    一个简单的选项卡的关键在于:当切换页面时,如何让所选的选项和与其对应的内容同时出现,并且在选择其他的内容时,不影响新的内容的显示. 其中用到两个很关键的思想: 1.为对象增加index属性,并通过th ...

  • JavaScript this关键字的深入详解

    JavaScript this关键字的深入详解

    目录 一.前言 二.了解this 三.this到底是谁 四.箭头函数this指向 扩展阅读 总结 一.前言 this关键字是JavaScript中最复杂的机制之一.它是一个很特别的关键字,被自动定义在 ...

  • javascript实现3D切换焦点图

    javascript实现3D切换焦点图

    做了一个用鼠标拖拽配合 CSS3 的小尝试,截图如下: 熟悉拖拽效果的朋友应该不会陌生鼠标按住以后,左右拖动的实现方式. 这个小demo里尝试的是把CSS3中的相关知识点运用到图片展示中, 当拖动图片 ...

  • JS中filter( )数组过滤器的使用

    目录 一.前言 二.方法简介 三.用法案例 总结 一.前言 数组过滤器是前端数据处理的一种常用方法,对于前端来说,后端返回的数据我们需要经过处理以后才能获取到自己想要的数据,进行进一步的操作.有时候后 ...

  • cordova入门基础教程及使用中遇到的一些问题总结

    前言 现在做项目为了节约成功,适配多平台 cordova不为是一个很好的选择.个人觉得以后也许是一个趋势!像一些知名的APP  比如支付宝  淘宝 好多都大量集成了HTML5 页面!像我们公司现在的A ...

  • javascript 小数取整简单实现方式

    JS: 复制代码 代码如下: function truncateNumber(n){ return n|0; } 测试: 复制代码 代码如下: console.log(truncateNumber(1 ...

  • JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)（2）

    限制范围的拖拽,要求被拖拽的对象必须在客户区可见范围! div是body的子元素,div的left/top是针对body的,不是针对可见客户区的,所以在拖拽的过程中不得不考虑被卷走的部分,因为网页文档 ...

  • 使用js实现复制功能

    本文实例为大家分享了使用js实现复制功能的具体代码,供大家参考,具体内容如下 复制 1.遍历复制(for in) 特征:不修改引用关系(原来的属性还在),仅能复制字符属性,Symbol不能复制,不可枚 ...

  • JS实现页面跳转参数不丢失的方法

    本文实例讲述了JS实现页面跳转参数不丢失的方法.分享给大家供大家参考,具体如下: 需求:页面编辑后,返回列表页面,参数不丢失,能够记住页数以及筛选条件. 我坚信,不管白猫黑猫,能捉到耗子的就是好猫,当 ...

  • Bootstrap FileInput实现图片上传功能

    本文实例为大家分享了Bootstrap FileInput实现图片上传功能的具体代码,供大家参考,具体内容如下 html代码: <div class="form-group" ...

  • 禁止页面刷新让F5快捷键及右键都无效

    复制代码 代码如下: /*禁止页面刷新*/ document.onkeydown = function() { if(event.keyCode==116) { event.keyCode=0; ev ...

  • 利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解

    首先引入JavaScript API文件 <script type="text/javascript" src="http://j.maxmind.com/app/ ...

  • JavaScript 中的运算符和表达式介绍

    目录 1. 概述 1.1 运算符 1.2 表达式 2. 运算符的应用 2.1 算术运算符 2.2 字符串运算符 2.3 比较运算符 1. 概述 1.1 运算符 运算符也称操作符,它是一系列操作符的符号 ...

  • JS一维数组转化为三维数组方法

    JS一维数组转化为三维数组方法

    有人提问想要将一维数组转化为三位数组的需求,下面就给提问的的小伙伴安排上 下面是后端同学返给我们的一维数组数据格式:     [{       '品牌': 'xiaomi', '机型': '10', ...

  • JavaScript实现答题评分功能页面

    本文实例为大家分享了JavaScript实现答题评分功能的具体代码,供大家参考,具体内容如下 效果图 直接上代码 HTML部分 <!DOCTYPE html> <html lang= ...

  • JS判断元素是否在可视区域技巧详解

    目录 前言 实现方式 offsetTop.scrollTop 注意 getBoundingClientRect 前言 在日常开发中,我们经常需要判断目标元素是否在视窗之内或者和视窗的距离小于一个值(例 ...

  • JS异步文件分片断点上传的实现思路

    JS异步文件分片断点上传的实现思路

    在项目中有时会遇到大文件上传,经常会出现链接超时的问题,所以就需要使用文件分片上传的方式来上传大文件.实现原理就是,在前端将文件分成指定大小的"文件块",分成多次上传,每次上传前先 ...