前言

总所周知，我们前端总会因为某些方法名太长了而记不住，又会因为某些css的单词太复杂而忘记。我记得我当时才学flex布局的时候，什么justify-content,什么align-items的。老长一串了，记都记不住，然后学校机房的vscode有时候还卡卡的，老是不弹代码提示。然后要用什么数组的方法的时候，又老是记不完单词。 现在我有一个全新的方法应对这个问题！！！

先F12打开你的谷歌控制台，把你控制台变成中文了来

浏览器控制台查看CSS样式表

如图点开计算样式，点开全部显示与组合即可在下方查看所有的CSS属性！！！！！

浏览器控制台查看所有js方法

查看所有数组的方法

打开控制台，输入[]。然后回车并展开所有的属性值即可看见所有的数组方法

查看所有的字符串方法

特别一点的是字符串需要一个字符串加上一个属性，即：'你直接复制粘贴我这个'.__proto__即可

小技巧：按住control键+滚轮滚动，可放大缩小控制台

其实，所有的变量加上.__proto__均可看得这个变量原型对象上的方法。因为本质上这些变量的原型都是这些原型对象

查看一个Dom元素所有的属性值

如图所示即可

通过这个你甚至可以查看到这个dom元素的父元素，然后在通过这个父元素看之前dom元素的兄弟元素

结语

这就是本篇文章的所有内容啦，肯定有很多大佬是看不上我这篇文章滴。但是教学文章本就是给不懂的小萌新看滴，也希望未来的小萌新能成长成为大佬，再写出更好的教学文章反哺小小萌新。不过第十五届蓝桥杯失败了也没关系，同时希望小小的蓝桥杯不要成为大家跨出下一步的绊脚石，就这样啦，再见~