![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS杂记
文章平均质量分 75
凶鸡
这个作者很懒,什么都没留下…
展开
-
创建 DOM 元素的几种方式
通过write()、createElement()和innerHTML创建元素document.write()document.write()是向文档写入内容,参数是一个包含要写入文档的文本的字符串document.write(markup);类似的还有一个document.wirteln(),只是最后紧跟一个换行符如果字符串中有标签元素,会被识别为标签元素,并在文档中创建一个对应元素节点但如果在文档加载完毕后才调用document.write(),则会重写整个文档,将之前所有的内容覆盖原创 2021-06-23 02:09:53 · 8572 阅读 · 0 评论 -
实现简单的缓动函数
实现简单的缓动函数如果使用过CSS的animation属性或transition属性,就应该对ease、ease-in等缓动函数很熟悉,这些函数能够实现变化速度在变化的过程中发生改变的效果这里我作为练习实现一个移动速度逐渐变慢的缓动函数(可能在变化上不太严谨)实现通过缓动函数实现一个绝对定位的方块左右移动时速度慢慢降下来的缓动效果这里使用到的JS内置API有以下几个:// 获取方块距离带有定位父元素(body)左侧的距离,不带单位elem.offsetLeft;// 实现速度变化的关键。实现原创 2021-06-07 17:55:14 · 588 阅读 · 0 评论 -
箭头函数的this指向
箭头函数的this指向箭头函数箭头函数为以下形式的函数const func = (paramList) => { // 函数体}按照习惯,将箭头函数作为单独一个函数来使用的情况并不多,往往是当要传入的参数是函数时才使用箭头函数// 比如elem.addEventListener("click", () => { // 函数体})this在函数中的指向我们常用函数关键字function来声明一个函数,在一个function()中,this总是指向调用这个函数原创 2021-06-04 00:02:21 · 7450 阅读 · 2 评论 -
循环排他思想
循环排他思想在构造一个网页时,往往会涉及到如标签栏等的构造,我们往往需要往这些内容添加一些交互效果,最常见的就是点击效果、以下以标签栏为例,讲述一下循环排他思想对于一个标签栏,假设当我点击其中一个标签项时,它的背景色会发生变化,而其他的标签项保持原有背景色,而当我再点击另一个标签项时,我希望的是当前被点击的标签项变色,其他保持原有颜色,这就需要使用到循环排他思想了所谓的循环排他思想就是通过循环将原先不同的内容清除,再为特定目标赋予特定内容。最典型的应用场景就是先将多个相同项的样式恢复原样,再为特定项设原创 2021-06-02 20:42:59 · 229 阅读 · 0 评论 -
由mouseover和mouseenter引发的思考
mouseover和mouseenter这是两个都是鼠标移入事件,首先要明确的是**mouseover可以冒泡,而mouoseenter无法冒泡**,这是它们的最根本区别示例说明这两者间的区别可以明显体现在父子元素间示例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont原创 2021-05-31 17:53:57 · 432 阅读 · 0 评论