javascript技巧

  • JS实现鼠标滑过链接改变网页背景颜色的方法

    本文实例讲述了JS实现鼠标滑过链接改变网页背景颜色的方法.分享给大家供大家参考,具体如下: 这个小特效很不错,用链接改变网页背景色,鼠标放上链接文字上,网页背景就会跟着变换,想让你的主页更个性一点的朋 ...

  • 对layui中table组件工具栏的使用详解

    layui工具栏 第一步:在table中引入table,在table控件下加入: fixed:'right',title:'操作',width:"28%",align:'cente ...

  • jstree的简单实例

    最近使用到了jstree,感觉是一款灵活的.可多项定制的tree插件: 我这边使用过程记录下: 参考的jstree api网站,以及demo介绍: https://www.jstree.com/api ...

  • JavaScript动态加载样式表的方法

    本文实例讲述了JavaScript动态加载样式表的方法.分享给大家供大家参考.具体如下: 如果需要更换皮肤,我们可以通过JS代码动态加载皮肤的样式表,下面的代码就可以做到,非常简单,你只需要把这段代码 ...

  • 9102了,你还不会移动端真机调试吗

    移动端调试困难 很多时候,我们在进行移动端开发时,都是先在PC端使用手机模拟器进行调试,没有问题后,我们才会在手机端的浏览器进行测试,这个时候,如果没有出现问题,皆大欢喜.但是一旦出现问题,我们就很难 ...

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

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

  • 利用H5api实现时钟的绘制(javascript)

    HTML5的canvas标签用于绘制图像(通过脚本,通常是 JavaScript).不过,canvas元素本身并没有绘制能力(它仅仅是图形的容器)必须使用脚本来完成实际的绘图任务. 下面,具体总结了一 ...

  • JavaScript实现弹性导航效果

    本文实例为大家分享了JavaScript实现弹性导航效果的具体代码,供大家参考,具体内容如下 主要利用offsetX 1.先搭架子: * { margin: 0; padding: 0; } .nav ...

  • JavaScript+CSS实现模态框效果

    本文实例为大家分享了JavaScript+CSS实现模态框效果的具体代码,供大家参考,具体内容如下 发现的问题 1)鼠标按下后拖动的瞬间,光标会脱离模态盒子跑到外面2)鼠标弹起事件不起作用 解决的思路 ...

  • TypeScript 接口继承的具体使用

    目录 1.TypeScript 接口继承 2.单继承 3.多继承 4.接口继承中的同名成员的兼容问题 4.1.同名成员的类型必须兼容 4.2.同名成员的类型必须相同 5.接口继承类 6.参考 1.Ty ...

  • js如何对元素可视区域进行判定

    目录 前言 方案介绍 使用 getBoundingClientRect 使用 scrollTop 与 offsetTop 使用 IntersectionObserver 注意事项 前言 在前端开发中, ...

  • JavaScript 排他思想的具体实现

    在前面的博客中,小熊更新了相关操作元素的方法,但是如果有同一组元素,我们想要某一个元素实现某种样式,这时需要怎么办呢? 这里就要用到循环的排他思想. 排他思想的算法就是: 排除掉其他的(包括自己),然 ...

  • JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析

    本文实例讲述了JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作.分享给大家供大家参考,具体如下: createElement,createTextNode,appendChi ...

  • jQuery实现评论模块

    本文实例为大家分享了jQuery实现评论模块的具体代码,供大家参考,具体内容如下 本模块可用于评论或留言,输入区模仿畅言,内容显示使用时间轴,以下是示例图. 实现代码如下: index.html &l ...

  • 用js屏蔽被http劫持的浮动广告实现方法

    最近发现网站经常在右下角弹出一个浮动广告,开始的时候以为只是浏览器的广告. 后来越来越多同事反映在家里不同浏览器也会出现广告.然后深入检查了下,发现网站竟然被劫持了. 然后百度了一大堆资料,什么htt ...

  • 使用Javascript接收get传递的值的代码

    复制代码 代码如下: <select id="select" onchange="location.href='?page='+escape(this.value) ...

  • js 两数组去除重复数值的实例

    实例如下: //两数组去除重复数值 mergeArray: function(arr1, arr2) { for (var i = 0; i < arr1.length; i++) { for ...

  • 有关JS中的0,null,undefined,[],{},'''''''',false之间的关系

    0与一些虚值的比较: 0与false 0==false true 0与'': 0=='' true 0与[]: 0==[] true 0与NaN: 0==NaN false 0与undefined 0 ...

  • 中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)

    和许多其他语言一样,JavaScript 也需要靠很多小技巧去完成各种不同的事情.有的可能早已经广为人知,有的却可能会让你感到有些迷惑.接下来先介绍27个马上就能用起来的 JavaScript 小技巧 ...

  • 微信小程序-详解数据缓存

    每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync).wx.getStorage(wx.getStorageSync).wx.clearSt ...