![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
aixa715
这个作者很懒,什么都没留下…
展开
-
ES6模块导出/导入总结
导出基本导出export有两种基本导出的方式,复杂的导出语句也是在这个的基础上。命名导出export xxx默认导出export default xxx一个模块(所谓的模块指的是一个js文件)只能有一个默认导出,可以同时拥有多个命名导出,命名导出和默认导出可以共存。复杂导出复杂的导出是在简单导出的基础上添加了以下类型的语句复合而成。重导出/聚合可以在一个父模块当中导入其他子模块的内容,再将这些子模块的内容导出,以实现从一个模块导入。基本句式export xxx from原创 2021-05-22 13:34:23 · 280 阅读 · 0 评论 -
Vue.js对象/数组变化检测总结
Vue.js对象/数组变化检测总结可以被检测的操作:直接替换一个新的对象/数组const another = {x: 3, y: 4}this.root1 = another对象直接修改属性值this.root3.a = 5用数组的push/pop/shift/unshift/splice/sort/reverse方法不能被检测的操作:对象直接添加/删除属性。变通操作:this.root3 = Object.assign({}, this.root3, {d: 4})原创 2021-05-21 23:20:26 · 382 阅读 · 0 评论 -
target/currentTarget/this指代的元素
target/currentTarget/this指代的元素参考如下代码: document.querySelector(".over").addEventListener('mouseover', function (e) { this.firstElementChild.innerText = "mouseover事件" + (++x); console.log("---------------") console.log("e.target", e.target)原创 2021-05-07 22:16:27 · 114 阅读 · 0 评论 -
JavaScript函数中的this指向
JavaScript用“function”关键词定义的函数中的this和谁调用这个函数有关,与他在哪里调用,如何定义无关。常见的由5种情况:普通调用:this指向window对象调用:this指向调用的对象,也就是"."前面的对象定时器处理函数(作为参数传递给定时器,作为定时器的处理函数):指向window事件执行函数(作为参数传递给addEventListener等,作为事件的处理函数):指向事件绑定的对象自执行函数:指向window下面分析几个实例<!DOCTYPE html&g原创 2021-05-01 16:26:58 · 87 阅读 · 0 评论 -
CSS链接伪类的顺序研究
CSS链接伪类有5个:link:指的是拥有href属性,并且未被访问的状态visited:已经被访问过的链接focus:获得焦点的状态,例如被用Tab键选中、鼠标点击后未选择页面其他元素时hover:鼠标悬停的状态active:鼠标按下时候的状态,很多文章上面都推荐这5个伪类在使用的时候,按照“link-visited-focus-hover-active”的顺序,虽然这可以满足绝大多数场景的使用需求,但这个顺序也是可以修改的。我们知道在CSS当中,当某个元素可以匹配两个选择器,并且这两个原创 2021-02-01 01:12:55 · 831 阅读 · 0 评论