hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 后端开发 - 正文 看Cosplay古风插画小姐姐,合集图集打包下载:炫龙网 · 炫龙图库

前端开发Chrome调试的小技巧_WEB前端开发

2020-03-01后端开发ki4网26°c
A+ A-

css制作轮播图_WEB前端开发

本文来自CSS入门教程栏目,文中为大家介绍了纯css制作轮播图效果的方法,希望可以帮助到大家。制作轮播图不止一种方法,本文只介绍纯css制作的方法。

本篇文章介绍了一些Chrome调试时的技巧,希望对各位学习前端开发的朋友有帮助!

前端开发Chrome调试的小技巧

1、呼出快捷指令面板:cmd + shift + p

在Devtools界面下,键入cmd + shift + p将其激活,然后开始在栏中键入要查找的命令或输入?号以查看所有可用命令 .

如下图:其中Open file,Go to line,Go to symbol对于快速打开文件和定位文件位置还是节省了不少时间.

2、性能监视器: performance monitor

3、本地覆盖:local overrides

感觉这个特性是超级棒。 使用我们自己的本地资源覆盖网页所使用的资源。 多说无益,直接举个例子大家就明白了。

大家看到了吧,我们可以把网络资源直接和本地资源映射,再次刷新网页,取得资源文件就是本地的了。这种对js、css等文件批量修改调试特别有用。

local overrides还可以模拟Mock数据,如果后端API还不OK或者不想频繁的发布后台API。这个功能是相当有用,不过听说还不支持XHR请求。

4、控制台内置指令

私以为如果网页里面如果没有引用jquery是不是就不能使用$这样的语法了,nonono

JavaScript中的数据类型和类型转换_WEB前端开发

本篇文章将为你介绍JavaScript中的数据类型以及各种数据类型的相互转换,希望对学习JavaScript的朋友有帮助!

$(selector, [startNode]):单选择器

可以选择元素并触发元素事件.

$$(选择器,[startNode]):全选择器 $x(path, [startNode]):xpath选择器

$x(path)返回与给定xpath表达式匹配的DOM元素数组 .

$x('//p'):返回页面上的所有p元素。

getEventListeners(object):获取指定对象的绑定事件

5、Console...的多种用法

1.变量打印:%s、%o、%d、和%c

例如: const text = "文本1"

console.log(打印${text})
//结果为打印文本1

2.布尔断言打印:console.assert()

做前端调试时很有用。

3.console.table()内容可以以表格的形式输出.

更多前端开发技巧,请关注js教程栏目。

以上就是前端开发Chrome调试的小技巧的详细内容,更多请关注ki4网其它相关文章!

html中图片标签的用法介绍_WEB前端开发

本文来自html入门教程栏目,文中为大家介绍了html中图片标签的使用用法,有一定的参考价值,希望可以帮助到大家。标签是定义文本中的图片标签,它可以提供图片的名字、提供图片的尺寸大小和提供图片的一些图片属性。

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
前端开发Chrome调试的小技巧_WEB前端开发

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>