javascript技巧

  • swiper实现导航滚动效果

    swiper实现导航滚动效果

    本文实例为大家分享了swiper实现导航滚动效果的具体代码,供大家参考,具体内容如下 1.需求:点击导航科目,选中元素自动往前滑动处于中间位置,tab切换 <div class="sw ...

  • JavaScript实现移动端横竖屏检测

    JavaScript实现移动端横竖屏检测

    本文实例为大家分享了JavaScript实现移动端横竖屏检测的具体代码,供大家参考,具体内容如下 一.HTML方法检测 在html中分别引用横屏和竖屏样式 <!-- 引用竖屏的CSS文件 por ...

  • js 监控iframe URL的变化实例代码

    js 监控iframe URL的变化实例代码

    iframe的url可以前端任何地址,这样就可能出现漏洞,如果钓鱼网站通过js把src改成了危险地址,如果没有监控,就会有很大隐患.所以监控iframe的url变化就是必须要解决的问题了. 第一印象的 ...

  • 20个常见的JavaScript数组操作总结

    目录 声明数组 1. 常规方式 2. 简洁方式 3. 字面 Array 对象方法 1. forEach 2. map 3. concat 4. push 5. unshift 6. pop 7. sh ...

  • 微信小程序实现action-sheet弹出底部菜单功能【附源码下载】

    微信小程序实现action-sheet弹出底部菜单功能【附源码下载】

    本文实例讲述了微信小程序实现action-sheet弹出底部菜单功能.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 ① index.wxml <button type=" ...

  • js实现简单购物车模块

    js实现简单购物车模块

    本文实例为大家分享了js实现简单购物车模块的具体代码,供大家参考,具体内容如下 主要功能 输入框正则判断,两位数小数,开头可以为0 如果商品名字相同,自动数量+1,如果名字相同,价格不同,以最新价格为 ...

  • alert中断settimeout计时功能

    经过测试发现alert会中断settimeout的计时功能,关闭对话框后,settimeout的时间会重头开始计时,而不是从中断处. 比如:settimeout定时5分钟后执行某方法,但是在等待3分钟 ...

  • layui之table checkbox初始化时选中对应选项的方法

    这个问题需要后台返回的数据格式跟layui中的示例中返回数据格式一模一样 下面是数据格式参考,第一个LAY_CHECKED:true是让checkbox选中的最重要的参数 LAY_CHECKED:tr ...

  • 折叠菜单及选择器的运用

    今天才发现原来筛选标签还可以这么用. not(expr|ele | fn):从匹配元素的集合中删除与指定表达式匹配的元素 下面demo中的使用:   var $category =  $(" ...

  • JavaScript实现单链表过程解析

    JavaScript实现单链表过程解析

    前言: 要存储多个元素,数组是最常用的数据结构,但是数组也有很多缺点: 数组的创建通常要申请一段连续的内存空间,并且大小是固定的,所以当当前数组不能满足容量需求时,需要进行扩容,(一般是申请一个更大的 ...

  • javascript实现发送短信倒计时

    javascript实现发送短信倒计时

    本文实例为大家分享了javascript实现发送短信倒计时的具体代码,供大家参考,具体内容如下 实现思路: 1.js获取发送按钮元素对象 2.设置一个发送间隔时间(全局变量) 3.给发送按钮元素对象绑 ...

  • javascript 对象比较实现代码

    javascript对象比较比较符:==,!=,===,!==,>=,<=,>,<==总是试图比较他们的直,如果类型不一样,总是试图作转化.===比较同一性,不作转化就比较== ...

  • 利用JS实现简单的日期选择插件

    利用JS实现简单的日期选择插件

    首先是调用方法如下 //调用方法,后面回调函数返回的是当前选择的日期 calender('#calend').init(function(date){ this.innerHTML = date }) ...

  • JS获得鼠标位置（兼容多浏览器ie,firefox）脚本之家修正版

    JS获得鼠标位置(兼容多浏览器ie,firefox)我们修正版 function mouseMove(ev) { ev= ev || window.event; var mousePos = mous ...

  • 在原生不支持的旧环境中添加兼容的Object.keys实现方法

    如下所示: if (!Object.keys) { Object.keys = (function () { var hasOwnProperty = Object.prototype.hasOwnP ...

  • js验证模型自我实现的具体方法

    市面上有很多表单验证的框架,教我们怎么验证表单的数据提交,说实话也真的很简单,但是我们会有一种感觉我们要是离开了这些框架的时候,我们有时候会束手无策,然后js验证写的很不规范,没有一套比较好的模式,那 ...

  • webpack4 从零学习常用配置(小结)

    webpack 的核心价值就是前端源码的打包,即将前端源码中每一个文件(无论任何类型)都当做一个 pack ,然后分析依赖,将其最终打包出线上运行的代码.webpack 的四个核心部分 entry 规 ...

  • 鼠标滑在标题上显示图片的JS代码

    复制代码 代码如下: <SCRIPT type=text/javascript src="js/jquery.tooltip.v.1.1.js"></SCRIPT ...

  • 跨浏览器开发经验总结（三） 警惕“IE依赖综合症”

    DHTML DHTML是个好东西,大大方面了前端的交互实现,使得获取页面元素以及动态修改页面元素变的简单无比.但是所有的浏览器都认识这些语法吗? document.all document.all不是 ...

  • 详解JavaScript函数对象

    函数 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. function One(leve , leve){ //code return leve+leve } 注释: 形参不需要加上类型 ...