07 2020 档案

Chrome 开发者工具（三）------ Sources
摘要：JS 快速调试利器，直接在 F12 进行断点调试。 不用再去文件中打印。 一、Sources 面板都有哪些神奇的内容 打开 F12 切换到 Sources 面板，可以看到下面三个区域 区域①，页面加载的文件，这一区域又有五个 Tab。 Page：页面加载的资源文件 Filesystem：可以选择本地 阅读全文
posted @ 2020-07-17 13:37 菜乌 阅读(1723) 评论(0) 推荐(1) 编辑
Chrome 开发者工具（二）------ Console
摘要：Console 是最最常用到的模块，开发必备。 一、控制台信息如何高效查看？ 控制台可以看到 JS 的报错信息、提示信息、及代码中打印的信息 下图是百度首页的信息，其中红框中： 1、向右的三角图标（Show console sidebar），可以分别查看不同类型的信息 2、禁止图标（Clear co 阅读全文
posted @ 2020-07-09 17:20 菜乌 阅读(891) 评论(0) 推荐(0) 编辑
Chrome 开发者工具 F12（一）
摘要：开发者工具对开发人员代码调试有很大的帮助。 页面 CSS、JS 调试，接口调试，性能调优等等。 SO，笔者决定用自己的方式记录一下工作中用到的 F12 工具的种种，方便查阅。 一、怎么打开开发者工具 两种方式打开下图红框中的内容： 1、Ctrl + Shift + I 2、F12 或者 Fn + F 阅读全文
posted @ 2020-07-08 13:22 菜乌 阅读(919) 评论(0) 推荐(0) 编辑
jquery 获取自定义属性的值 data-*
摘要：HTML5 可以给元素自定义属性，提供相关信息，方便传递参数。 自定义方式，data- 开头，后面名字随意。 <a href="#edit" data-skno="SK60007371" data-tkcd="5333">更新</a> 一、获取属性值 //取到 "SK60007371" var sk 阅读全文
posted @ 2020-07-07 17:47 菜乌 阅读(4948) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示