javascript技巧

  • JS中获取 DOM 元素的绝对位置实例详解

    在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置,例如 本文 左侧的悬浮导航,当页面滚动到它以前会正常地渲染到文档流中,当页面滚动超过了它的位置,就会始终悬浮在左侧. 本文会详述各种获取 DO ...

  • JavaScript的类型、值和变量小结

    前言:JavaScript的数据类型分为两类:原始类型和对象类型.5种原始类型:数字.字符串.布尔值.null(空).undefined(未定义).对象是属性的集合,每个属性都由"名/值对& ...

  • 如何用JS判断两个数字的大小

    前言: 在判断之前我们要先知道,js中的var定义的变量默认是字符串,如果单纯的比较字符串的话,会出现错误,需要先转化为int类型在做比较. [备注:110和18在你写的程序中是18大的,因为 这两个 ...

  • 简单使用webpack打包文件的实现

    没有安装node的同学请先安装node. 安装 npm i -g webpack 编写配置文件 假设我们有两个js文件需要打包,1.js和mode1.js,我们在1.js里面引入mode1.js模块 ...

  • 用cookies实现的可记忆的样式切换效果代码下载

    无刷新cookies切换样式示例代码实例主要用到的代码 复制代码 代码如下: <html> <head> <meta http-equiv="Content-T ...

  • 关于JavaScript对象的动态选择及遍历对象

    (一)动态选择方法及属性 在实际工作中,我们经常会遇到这种情况:根据某个条件来调用两个方法[1]中的一个,或是在两个属性[2]中的一个上面进行读写操作.下面的代码展示了这种情形: 复制代码 代码如下: ...

  • javascript中if和switch，==和===详解

    javascript中if和switch，==和===详解

    今天改插件BoxScroll的时候,因为if里面的条件判断多于两个,于是立马想着改写switch.改到一半,忽然记起来JSHint等代码质量检测工具中的一个要求,用===替换==,不用不可靠的强制转型 ...

  • 多个jquery.datatable共存,checkbox全选异常的快速解决方法

    [问题原因] 这个应该是 jquery.datatable 控件本身的一个缺陷.该控件中的checkbox小插件的 id是写死的,所以当 有多个datatable 引用到一个页面中的时候,全选事件会匹 ...

  • JavaScript实现的简单幂函数实例

    本文实例讲述了JavaScript实现的简单幂函数.分享给大家供大家参考.具体实现方法如下: function PowerCalculator(base,power) { var number = b ...

  • 如何判断出一个js对象是否一个dom对象

    我们在写js代码时有时需要判断某个对象是不是DOM对象,然后再进行后续的操作,这里我给出一种兼容各大浏览器,同时又算是比较稳妥的一种方法. 要判断一个对象是否DOM对象,首先想到的无非就是它是否具有D ...

  • 微信小程序使用canvas绘制钟表

    微信小程序使用canvas绘制钟表

    本文实例为大家分享了微信小程序使用canvas绘制钟表的具体代码,供大家参考,具体内容如下 模拟时钟 利用canvas绘制时钟,实现模拟时钟的功能,钟表时间与系统时间保持一致,刻度将24小时制转换为1 ...

  • Javascript的表单与验证-非空验证

    推荐阅读:Javascript的表单验证长度 Javascript的表单验证-提交表单 Javascript的表单验证-初识正则表达式 Javascript的表单验证-揭开正则表达式的面纱 JavaS ...

  • 微信小程序自定义轮播图

    微信小程序自定义轮播图

    本文实例为大家分享了微信小程序自定义轮播图展示的具体代码,供大家参考,具体内容如下 默认的swiper面板指示点都是小圆点黑灰的,但这满足不了广大小伙伴需求,比如其他颜色的,椭圆形的,方形的等等. 首 ...

  • JS图片无缝滚动(简单利于使用)

    原样复制后,几乎不需要改动就能用了!有问题大家讨论 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition ...

  • 自定义require函数让浏览器按需加载Js文件

    前言 本文介绍的是自定义require函数让浏览器实现按需加载Js文件,那到底要怎么自己写一个按需加载的库呢 为了实现按需加载: //这是我们要实现的功能,require('str.js')时加载st ...

  • PHP实现记录代码运行时间封装类实例教程

    前言 本文介绍的是利用php记录代码运行时间测量的相关内容,分享给大家供大家参考学习.一般在要求性能的代码中, 会加入测试代码进行计算.不过每次都要写microtime, end – start 未必 ...

  • Javascript事件热键兼容ie|firefox

    复制代码 代码如下: <textarea onkeydown="keyHanlder(event)"> </textarea> <script> ...

  • js控制div层的叠加简单方法

    js控制div层的叠加简单方法

    如下所示: <style type="text/css"> .favorite_icon{float:left; padding: 0 0 0 30px;} .favo ...

  • JS控制表格实现一条光线流动分割行的方法

    本文实例讲述了JS控制表格实现一条光线流动分割行的方法.分享给大家供大家参考.具体分析如下: 这是很漂亮的一个分割行的代码. 其实就是利用JS控制表格实现的一条七彩流光分割横线 复制代码 代码如下: ...

  • 微信小程序button组件使用详解

    本文为大家分享了微信小程序button组件的使用方法,供大家参考,具体内容如下 展示效果图 button组件的常用属性 size:default.mini--default为块级按钮.mini为小按钮 ...