javascript技巧

  • 微信页面倒计时代码（解决safari不兼容date的问题）

    话不多说,请看下面代码 PC: 1.html页面: <div class="aTime"> <em id="t_d"></em&g ...

  • 使用TextRange获取输入框中光标的位置的代码

    TextRange是用来表现HTML元素中文字的对象,虽然我们平时不太常用这个对象,可是它却在IE4.0中就已提供了.不过TextRange提供的调用方法却都比较晦涩,那么我们能拿它做些什么呢? Te ...

  • JavaScript中click和onclick本质区别与用法分析

    本文实例讲述了JavaScript中click和onclick本质区别与用法.分享给大家供大家参考,具体如下: 原生javascript的click在w3c里边的阐述是DOM button对象,也是h ...

  • 微信小程序在地图选择地址并返回经纬度简单示例

    微信小程序在地图选择地址并返回经纬度简单示例

    本文实例讲述了微信小程序在地图选择地址并返回经纬度功能.分享给大家供大家参考,具体如下: 微信小程序的地址管理中,经常需要获取地址的详细地址信息和地址经纬度信息 wxml文件部分代码: <but ...

  • 你有必要知道的25个JavaScript面试题

    你有必要知道的25个JavaScript面试题

    你有必要知道的25个JavaScript面试题

  • js下划线和驼峰互相转换的实现(多种方法)

    目录 应用场景: 方法一:正则表达式 (推荐) 方法二:利用数组的 reduce 方法实现 方法三:利用数组的 map 方法实现 JS字符串的下划线命名和驼峰命名转换 应用场景: 有时候传给后端的参数 ...

  • 从零开始搭建一个react项目开发

    本文介绍了从零开始搭建一个react项目开发,分享给大家,具体如下: 1.npm init 生成 package.json 文件. 2.安装各种需要的依赖: npm install  --save r ...

  • Vue之vue-tree-color组件实现组织架构图案例详解

    Vue之vue-tree-color组件实现组织架构图案例详解

    目录 npm 安装loader Import Plugins 开始 排列方式 折叠展示 点击节点 其他功能 npm # use npm npm install vue-tree-color 安装loa ...

  • js实现仿百度汽车频道选择汽车图片展示实例

    本文实例讲述了js实现仿百度汽车频道选择汽车图片展示的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...

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

    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实现弹性导航效果

    本文实例为大家分享了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 注意事项 前言 在前端开发中, ...