![](https://img-blog.csdnimg.cn/20200104130010422.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
javascript
fuzuxian
仰望星空,脚踏实地
展开
-
收藏 | JS开发必须知道的41个技巧
【本文来自转载】Vue中文社区转载来自—作者:火狼—腾讯云开发文章: 腾讯云开发文章本博客转载源码地址: https://github.com/lanzhsh/react-vue-koa 2, Object 2-1, 对象变量属性 const flag = true;const obj = { a: 0, [flag ? "c" : "d"]: 2 };// obj => { a: 0, c: 2 } 2-2, 对象多余属性删除转载 2020-09-04 10:17:05 · 280 阅读 · 0 评论 -
JavaScript中的稀疏数组与密集数组
什么是稀疏呢?稀疏也就是说,数组中的元素之间可以有空隙,因为一个数组其实就是一个键值映射。1. 稀疏数组创建一个指定长度的稀疏数组很简单:> var a = new Array(3);> a[ , , ]> a.length3> a[0]undefined遍历它时,它并没有元素。JavaScript会跳过这些空元素.> a.forEach(f...转载 2020-04-25 11:01:32 · 253 阅读 · 0 评论 -
JavaScript—事件—# 一串跟着鼠标移动的Div # 键盘回车提交留言
文本:event对象:用来获取事件的详细信息:鼠标位置、键盘按键例子:获取鼠标位置:clientXdocument的本质:document.childNodes[0].tagName获取event对象(兼容性写法) —— var oEvent=ev||event;事件流 —— 事件冒泡取消冒泡:oEvent.cancelBubble=true鼠标位置 ? 可视区位置...原创 2020-01-01 18:56:23 · 109 阅读 · 0 评论 -
JavaScript—运动进阶—# Div 连续几个运动
文本: 函数嵌套。。。递归。。。html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>连续几个运动@Cookie_fzx</title></head> <style> ...原创 2020-01-01 17:47:45 · 85 阅读 · 0 评论 -
JavaScript—运动进阶—# 鼠标移动改变多个Div宽度 # 多个Div淡入淡出 # 变宽/变高/变字体大小/变边框大小/变透明度
1,鼠标移动改变多个Div宽度文本:oDiv[i].Timer 每个Div都加一个定时器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多个Div,鼠标移动改变宽度</title> <style...原创 2019-12-28 20:06:11 · 364 阅读 · 0 评论 -
JavaScript—运动基础(2)—# 缓冲运动 # 跟随页面滚动的缓冲侧边栏 # 匀速运动的停止条件
1. 缓冲运动div1的初始位置 left:100pxdiv1的初始位置: left:500px文本:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>运动基础2_缓冲运动</title> <...原创 2019-12-28 14:58:08 · 277 阅读 · 0 评论 -
JavaScript—运动基础(1)—#分享侧栏#图片淡入淡出
基础运动文本:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>基础运动</title> <style> #div1{width: 100px; height:100px; ba...原创 2019-12-28 12:25:14 · 118 阅读 · 0 评论 -
JavaScript—列表排序
文本:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><script> window.onload=function () { ...原创 2019-12-27 22:05:37 · 599 阅读 · 0 评论 -
JavaScript—DOM进阶操作—表格的行变色#添加删除表格的行
表格的行颜色随鼠标移动而改变<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><script> window.onload=function ...原创 2019-12-27 20:22:27 · 196 阅读 · 0 评论 -
JavaScript—DOM基础操作应用—列表的创建和删除
文本:createElement(标签名)—— 创建节点父级.insertBefore(子级,子级位置)—— 可应用于倒序插入父级.appendChild(子级)——应用于尾部插入<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title...原创 2019-12-27 18:39:06 · 285 阅读 · 0 评论 -
JavaScript—定时器的使用—无缝滚动图片
文本: setInterval 开启间隔型定时器clearTimeout 关闭定时器offsetWidth 获取宽度offsetLeft 获取向左偏移量<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...原创 2019-12-27 17:26:52 · 179 阅读 · 0 评论 -
JavaScrip—定时器的使用—延时提示框
文本: 延时提示框setTimeout() 打开定时器clearTimeout() 关闭定时器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>延时提示框</title> <style> ...原创 2019-12-27 15:16:00 · 99 阅读 · 0 评论 -
JavaScript—定时器使用—用图片制作实时动态数字时钟
数字时钟、、、、、、、 setInterval(Ticker, 1000);。。。。。、、、、、、、、、<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数字时钟</title> <script>...原创 2019-12-27 13:54:02 · 1210 阅读 · 0 评论