- 博客(6)
- 收藏
- 关注
RSS订阅原创 JS中的this指向问题
在JS的各种语法中，this的理解是十分重要的，否则很容易在调用函数时出现错误的结果（血泪教训），所以今天特意记录一下，完善一下自身对于this的认知。首先，明确一个概念，this是在函数被调用时才发生的绑定(箭头函数除外)，也就是说this具体指向什么，取决于你是怎么调用函数。这里给出本文列出的所有this指向结论以函数形式调用，this指向全局window对象以对象的方法形式调用，this指向调用方法的对象以构造函数的形式调用，this指向新创建的那个对象使用call()和apply()调用
2021-12-24 17:10:16
698
原创 ES6中let和const
ES6中引入了let和const两个关键字，平时也就是知道let有块级作用域，const初始化之后不能更改，没有做过深究。今天测试demo时突然发现一个现象，一时没有想通，故特意记录，涨涨知识。问题如下：问题说明从上面可以看到我只是很简单地在JS中打印了let和var定义的变量，但是结果却跟我想的不一样，为什么let定义的变量在用this获取时会返回undefined呢？这个环境this不是都指向window吗？带着这个疑问我查找了一些资料，最终在阮一峰老师的文档下面找到了答案。在ES6中，用let命
2021-12-23 15:18:48
373
原创 由:before和::before引发的伪类以及伪元素思考
又是踩坑的一天！今天项目中看到了样式表中对一个类添加了::before，自己心想以前用:hover的时候是单引号，这里用双引号是什么用法。自己想了一会也犯嘀咕，好像平时确实没有太注意这个写法问题，上网搜了一下，特此记录。区别首先先给出这两种写法的区别吧，先解决上面的疑惑。单冒号用于CSS3伪类以及CSS2中的伪类以及伪元素双冒号用于CSS3伪元素要完全理解这两句话，需要先弄清楚伪类以及伪元素的区别伪类从名称的“类”不难推测，本质上是为了弥补常规css选择器的不足，用于选择DOM树之外的信息
2021-09-23 14:23:21
164
原创 Vue中父子组件的生命周期
今天偶然看到一个问题，是关于vue父子组件生命周期的，自己最后也没有写出正确的答案，所以特此记录一下这个知识点。（以下均为基于vue2.x的情况，vue3.x生命周期有所变化，但是同样可以类比）问题首先给出我遇到的问题，这也是平常笔试面试可能遇到的问题：假设以下生命周期中含有下列功能父组件beforeCreate：打印a1父组件created：打印a2父组件beforeMount：打印a3父组件mounted：打印a4子组件beforeCreate：打印b1子组件created：打印b2
2021-09-22 15:37:29
1859
转载 Flex布局详解
Flex布局详解现如今前端使用最多的布局方式，要数flex布局。以往的布局多是使用position、float等属性来控制，且不说比较繁琐，还容易造成其他问题，比如使用浮动时就需要处理塌陷等问题。而flex布局旨在灵活，可以很容易达到垂直居中、两边对齐等这种效果的布局。所以本文特意记录一下flex布局的使用和注意点，也方便自己使用过程中解惑基本概念flex布局也就是弹性布局，首先了解一个概念——容器。何为容器，其实很容易理解，就是使用了flex布局的元素。如果一个元素的样式中设置了布局方式为flex，
2021-09-17 16:10:31
1081
转载 浏览器防抖和节流
浏览器防抖和节流鉴于在测试代码过程中滚动滚动条之后在控制台打印了一万条日志，本人决定好好学习一下防抖和节流，以下均为个人学习记录（这瓜不保熟），有错误欢迎指正举个栗子开发网站时，常常会有这样一个需求，网站右下角需要在滑动一定距离后出现一个”回到顶部“的按钮，方便用户操作。要实现这个功能，方法也很简单，监听浏览器的滚动事件，当滚动距离达到自己需要的距离时，让右下角的按钮出现，并固定定位在右下角，直接上关键代码。function showTop () { let sTop = document.b
2021-09-14 10:00:14
287
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人