玩转谷歌控制台,教你Web组蓝桥杯如何不背CSS样式,不背js方法速通国赛

前言

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

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

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

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

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

查看所有数组的方法

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

查看所有的字符串方法

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

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

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

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

如图所示即可

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

结语

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

相关推荐
king王一帅16 分钟前
AI 时代一群人在卷笔记软件,我想先把 Markdown 编辑器的底层做好
前端·ai编程·markdown
用户114818678948424 分钟前
盲水印:DCT-QIM 从原理到踩坑
前端
程序00729 分钟前
天地图实现收货地址定位
前端·javascript·css
deepseek2330 分钟前
OpenAI三项科学发现拆解:3-SAT亚指数算法挑战ETH,AI科学声明的验证流水线怎么搭
人工智能·算法·openai
心梦轻舞32 分钟前
从 14 道面试题,彻底搞懂 Event Loop 与 Vue2 nextTick 底层原理
javascript
梦帮科技34 分钟前
基于幺正李代数连续归一化流的混合量子生成模型 (HQNN-Flow) 完整技术指南(上部分)
网络·人工智能·算法·量子计算
去伪存真35 分钟前
架构思考与演进:如何彻底破解 RAG 切块大小与语义完整性的工程悖论?
前端·agent
青少儿编程课堂35 分钟前
蓝桥杯青少组 + 全国青少年信息素养大赛 + 电子学会图形化考级|校园推箱子大挑战解析
c++·python·算法·bfs·信息学竞赛
馒头不想说话43 分钟前
AI剪辑工具降低创作门槛
前端