JS学习
z...Z
还在摸索,努力着,想探个究竟。
展开
-
前端 js金额大写转换
金额大写转换function moneyChange(n) { //金额大写转换 if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) return "数据非法"; var unit = "千百拾亿千百拾万千百拾元角分", str = ""; n += "00"; var p = n.indexOf('.');原创 2021-09-28 21:26:57 · 551 阅读 · 2 评论 -
异步获取数据Demo
//回调函数例子复习function fun(fn) { fn(); } fun(() => { console.log("我是回调函数"); }) // ajax与服务器通信,异步获取数据 // 异步获取数据的方法 let target = "hello world!"; function getData(fn) { setT原创 2021-08-12 00:09:22 · 146 阅读 · 0 评论 -
防抖(throttle)和节流(debounce)Demo
防抖 throttle // 防抖 滚轮滚动事件触发案例 let timer = null; window.onscroll = function () { if (timer !== null) { clearTimeout(timer); } timer = setTimeout(() => { console.log("原创 2021-08-11 00:03:21 · 192 阅读 · 0 评论 -
使用计时器实现简单的秒表功能!
使用计时器实现简单的秒表功能<body> <button class="start">开始</button> <button class="pause">暂停</button> <button class="stop">结束</button> <h1 class="time"> 10:9</h1> <script> //获取对象原创 2021-08-10 00:00:05 · 371 阅读 · 0 评论 -
通过键盘事件实现div移动
通过键盘事件实现div移动 <style> .box { width: 200px; height: 200px; background-color: skyblue; position: absolute; top: 200px; left: 200px; } </style></he原创 2021-08-09 23:21:41 · 134 阅读 · 0 评论 -
js样式实现鼠标点击事件图片放大跟随鼠标
鼠标实现图片放大跟随鼠标 <style> .picture-list img { width: 300px; height: 80px; } .big-picture img { width: 600px; height: 160px; } .big-picture { position原创 2021-08-08 22:36:20 · 490 阅读 · 0 评论 -
事件流的嵌套对象执行顺序。
addEventListener事件流的嵌套对象执行顺序。<body> <div class="big"> <div class="medium"> <div class="small"> </div> </div> </div> <script> let big = document.原创 2021-08-08 22:54:51 · 152 阅读 · 0 评论