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

前言

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

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

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

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

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

查看所有数组的方法

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

查看所有的字符串方法

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

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

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

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

如图所示即可

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

结语

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

相关推荐
EdgeOne边缘安全加速平台5 分钟前
EdgeOne Web 防护×AI 升级:让 AI 既参与攻击识别,也参与误报纠错
前端·人工智能·腾讯云·edgeone
nuIl6 分钟前
实现一个 Coding Agent(6):并行工具调用
前端·ai编程·cursor
Rain50911 分钟前
2.1 Nest.js 项目初始化与模块化架构
开发语言·前端·javascript·后端·架构·数据分析·node.js
cjp56015 分钟前
009. ASP.NET WEB API 用户关联esp32设备
前端·后端·asp.net
Insseals35 分钟前
因斯特浮动模块快速接头✨五大核心优势
前端
智者知已应修善业37 分钟前
【51单片机8位数码管同时倒计时从9999】2024-1-25
c++·经验分享·笔记·算法·51单片机
洛水水40 分钟前
【力扣100题】86.柱状图中最大的矩形
算法·leetcode·职场和发展
渡之1 小时前
GRiM-Net 深度解析 | 无人机 GNSS 拒止场景下两阶段跨视角视觉定位框架
深度学习·算法·动态规划·无人机
沐土Arvin1 小时前
港澳台行政区域json
前端
测试仪器廖生135902563851 小时前
罗德与施瓦茨 FSP13频谱分析仪FSP30
网络·人工智能·算法