见过太多同学调试Javascript只会用简单的console.log甚至alert，看着真为他们着急。因为大多数同学追求优雅而高效地写代码，却忽略了如何优雅而高效地调试代码，不得不说是有点“偏科”了。下面我就分享一些实用且聪明的调试技巧，希望能让大家调试自己代码的时候更加从容自信。1、不要使用alert首先，alert只能打印出字符串，如果打印的对象不是String，则会调用toString(
转载
2024-07-21 09:28:30
50阅读
前面的话 对于chrome调试工具，常用的是elements标签、console标签、sources标签和network标签。但实际上，还有一些不太常见但相当实用的方法可以提高网页调试效率。本文将详细介绍那些不常见的chrome调试工具使用方法 控制台 在控制台直接输入代码，按下回车键，代码就会被执行。其返回值也会在控制台中被打印出来 通过上下箭头键，可以随时从相关列表中找回已经执
由于 Sources（源） 面板层次化地展现了您项目中的所有文件夹，所以知道在 内容浏览器 中访问这些文件夹中的资源的所有方法是非常重要的。 切换源面板 如果您愿意，您可以在应用 内容浏览器 时关闭 Sources(源) 面板。通过点击位于窗口顶部的 按钮，您可以根据需要显示或隐藏 Sources(
转载
2024-05-22 10:12:55
64阅读
仅作 记录学习，侵删source命令用法source Filenamesource命令作用在当前bash环境下读取并执行FileName中的命令。*注：该命令通常用命令“.”来替代。使用范例：source filename
# 中间有空格
. filenamesource命令（从 C Shell 而来）是bash shell的内置命令。点命令，就是个点符号，（从Bourne Shell而来）
转载
2024-07-04 05:02:36
41阅读
2011-12-3SourceInsight最新使用心得（全工程查找替换方法）背景:本人起底板的程序编写不符合规范,需要重新编写,例如:宏定义的规范是都要大写,且字母中间加下划线的方式,而本人没有按规则来,需要在整个程序范围内把所有的宏定义都改掉,如#define jian_dao_num_ 1 1改为#define JIAN_DAO_NUM_1 1问题:
转载
2024-10-11 06:09:33
14阅读
1 前后端交互跨域处理比如用mock模拟时数据存放端口为3000的地方，而前端页面端口为8081，那么请求数据时就会产生跨域，可以通过配置vite.config.js代理解决proxy:{
'/api':{
target:'http://localhost:3000',
changeOrigin:true,
rewrite:(path)=>path.replace(/^\api
一、序工欲善其事，必先利其器。作为一名资深程序员，相信必有一款调试神器相伴左右，帮助你快速发现问题，解决问题。作为前端开发，我还很年轻，也喜欢去捣鼓一些东西，借着文章的标题，先提一个问题：大家目前是怎么调试前端？哈哈，我也大胆的猜测下，可能有这么几种：不调试，直接看代码找问题
console.log 打印日志
用 Chrome Devtools 的 debugger 来调试
用 VSCode 的
转载
2024-10-21 19:55:02
97阅读
宽带和手机发展到了今天，路由器终于取代了手电筒成了家家户户必备的家用电器。相信手机控们最怕看见的一行字就是“无法连接到服务器”或者“网络无连接”，这时候，调节路由器成了一项必备技能，学会下面几点，让你无需求人。 一、登录路由器登录路由器的地址是要输入到浏览器的网址栏的，这个可以在路由器底座标签上找到，有tplogin.cn、falogin.cn或者192.168.*.1这样格式的就是了
转载
2024-04-13 12:02:25
65阅读
chrome插件的修改与改善等
目录前述准备工作需要使用的工具插件安装与提取从谷歌商店提取下载&安装提取插件安装包直接下载crx注意事项！！！修改--解锁高级功能分析区别定位判断代码及修改测试是否成功修改--汉化分类例子一：汉化提示语并自定义例子二：汉化部分设置例子三：重复部分汉化其他汉化例子展示修改--布局给作者填坑强迫症患者其他修改（瞎改）修
这次分享的是Chrome开发工具中最有用的面板Sources。 Sources面板几乎是我最常用到的Chrome功
转载
2017-06-23 10:11:00
154阅读
2评论
source命令(从 C Shell 而来)是bash shell的内置命令。点命令，就是一个点符号，(从Bourne Shell而来)是source的另一名称。这两个命令都以一个脚本为参数，该脚本将作为当前shell的环境执行，即不会启动一个新的子进程。所有在脚本中设置的变量将成为当前Shell的一部分。同样的，当前脚本中设置的变量也将作为脚本的环境，source(或点)命令通常用于重新执行刚修
转载
2024-05-23 14:20:37
37阅读
E587-2如何设计JS的debug调试程序?1、在公共组件中定义log这个变量，因为所有的页面都会调用这个公共组件，因此，定义的参数也是“公有”的，即所有的JS文件中会使用这个全局变量来添加对应的日志信息2、由于考虑到JS是在浏览器中作用，不需要对应的Server支撑，因此开发人员只需要在地址栏中添加参数告诉浏览器现在是要调试程序即可 function getQueryStringB
转载
2024-05-06 15:38:36
64阅读
页面出现问题，就debug，这是前端开发工程师最常见的做法，但是有时候，我们打开开发者工具，在sources查找js文件，却发现怎么也找不到，无法设置断点。但是文件在network选项卡里确实load过了。 第一种 alert 第二种 console.log 不会打断思路 第三种 在需要调试的地方加
原创
2022-06-03 00:37:47
606阅读
在 JavaScript 中如何实现并发控制？ 这篇文章中，阿宝哥详细分析了 async-pool 这个库如何利用 Promise.all 和 Promise.race 函数实现异步任务的并发控制。本文阿宝哥将介绍如何利用 async-pool 这个库提供的 asyncPool 函数来实现大文件的并行下载。相信有些小伙伴已经了解大文件上传的解决方案，在上传大文件时，为了提高上传的效率，我们一般会使
转载
2024-09-27 12:41:53
15阅读
控制台打开：F12或者快捷键Ctrl+Shift+J箭头图表：用于在页面选择一个元素来审查和查看它的相关信息，当我们在Elements这个按钮页面下点击某个Dom元素时，箭头按钮会变成选择状态设备图标：点击它可以切换到不同的终端进行开发模式，移动端和pc端的一个切换，可以选择不同的移动终端设备，同时可以选择不同的尺寸比例，chrome浏览器的模拟移动设备和真实的设备相差不大，是非常好的选择选择Do
摘自：软件开发人员应该知道的关于源代码管理的一些东西 源代码控制，或者有时候被称为版本控制，是用于跟踪不同版本的文件和软件项目的源代码，以及协调多个开发人员可能同时操作同一个文件集的工作的方式。源代码控制还能帮助你协调多个同时工作在代码库里同一个文件集上的开发者的工作。如果没有源代码控制帮忙管理开发者所做的不同的修改的话，就会很容易导致开发者们互相覆盖其他人的变更，或者被迫只能等待其他人
转载
2024-04-15 12:23:27
76阅读
我们先到Firebug的主页上下载最新的版本装上，下面开始调试：
1、查看、编辑HTML元素及其CSS
安装好Firebug之后，你可以通过点击浏览器右下方的小虫子打开Firebug，如图：
[打开Firebug]
或者直接按F12，如果要以窗口形式打开的话，就按下CTRL+F12
打开Firebug之后，点击“查看”，然后选择页面上任何需要编辑的地方，Firebug会将其选
前言：任何一个编程者都少不了要去调试代码，不管你是高手还是菜鸟，调试程序都是一项必不可少的工作。一般来说调试程序是在编写代码之后或测试期修改Bug 时进行的，往往在调试代码期间更加能够体现出编程者的水平高低以及分析问题的准确度。不少初学者在寻找错误原因时，总是不得要领，花费了大量时间却无法解决一些最终证明是相当简单的Bug。掌握各种调试技巧，必定能在工作中起到事半功倍的效果。譬如，快速定位问题、降
转载
2023-07-14 19:35:40
125阅读
1.断点调试是啥？难不难？ 断点调试其实并不是多么复杂的一件事，简单的理解无外呼就是打开浏览器，打开sources找到js文件，在行号上点一下罢了。操作起来似乎很简单，其实很多人纠结的是，是在哪里打断点？（我们先看一个断点截图，以chrome浏览器的断点为例） 1.断点调试是啥？难不难？ 断点调试其
原创
2021-07-15 10:20:02
807阅读
在chrome下的调试案例1.console.log()$("#typeid").change(function(){ var id = $(this).val(); console.log(id); setbigclass(id); });2.断点设置3.单步4.加入watch双击后右击，加入watch，就可以看了
原创
2021-08-05 16:10:46
189阅读
