![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 90
Fundebug
一行代码搞定BUG监控!
展开
-
Fundebug JavaScript插件支持监控HTTP请求数据
用于更好Debug!原创 2022-07-01 09:22:08 · 472 阅读 · 0 评论 -
深究WeixinJSBridge未定义之因
对于Fundebug这样一个没有使用微信JS-SDK的产品来说,我们竟然收到了WeixinJSBridge is not defined的报错:去网上一搜,发现很多开发者都遇到类似的问题:我的微信项目,没有用到微信JS-SDK,但iphone部分手机点击某些功能无效,后来加了window.onerror监控,发现有Uncaught ReferenceError: WeixinJSBr...原创 2017-02-20 11:53:09 · 10013 阅读 · 0 评论 -
有浏览器的地方就有Fundebug
Fundebug已经全面支持主流浏览器啦!对于前端开发者,兼容各种浏览器是一件非常痛苦的事情。在搜索框中输入关键字JavaScript浏览器兼容,结果是这样的:IE和Firefox的Javascript兼容性总结 JavaScript中浏览器兼容问题 JavaScript初学者建议:不要去管浏览器兼容 …有浏览器的地方就有FundebugFundebug是前端JavaScr...原创 2017-01-19 20:40:21 · 6427 阅读 · 0 评论 -
Fundebug抓到了这个Bug
Fundebug网站使用了我们自己的JavaScript错误检测插件,这样代码一旦发生错误,程序员小明就会及时收到报警邮件。小明对前端代码做过严格的单元测试和端到端测试,讲(xiang)道(dang)理(ran)不会出什么错误。然而,现实是残酷的,总会有各种Bug出现...原创 2017-01-11 11:30:25 · 3905 阅读 · 0 评论 -
10个JavaScript难点
能够读懂这篇博客的JavaScript开发者,运气不会太差…翻译 2017-07-17 11:13:39 · 2532 阅读 · 0 评论 -
JavaScript函数重载
译者按: jQuery之父John Resig巧妙地利用了闭包,实现了JavaScript**函数重载**。原创 2017-07-24 14:40:22 · 2428 阅读 · 0 评论 -
我是这样搞懂一个神奇的BUG
JavaScript bug原创 2017-09-06 15:21:55 · 2307 阅读 · 0 评论 -
Fundebug前端JavaScript插件更新至1.2.0
摘要: Fundebug的前端JavaScript错误监控插件更新至1.2.0:支持监控WebSocket连接错误;修复了监控unhandledrejection错误的BUG,即未用catch处理的Promise错误;以及一些其他优化。请各位用户及时更新插件!监控WebSocket连接错误现在,WebSockect的应用场景越来越多。比如,Fundebug的首页有展示累计处理错误的数量...原创 2018-08-29 09:59:21 · 2330 阅读 · 0 评论 -
Source Map入门教程
部署前端之前,开发者通常会对代码进行打包压缩,这样可以减少代码大小,从而有效提高访问速度。然而,压缩代码的报错信息是很难Debug的,因为它的行号和列号已经失真。这时就需要Source Map来还原真实的出错位置了。为啥变换代码?前端代码越来越复杂的情况下,开发者通常会使用webpack、UglifyJS2等工具对代码进行打包变换,这样可以减少代码大小,有效提高访问速度。关于变换代码的...原创 2017-03-13 10:18:30 · 12906 阅读 · 2 评论 -
JavaScript中的递归
译者按: 程序员应该知道递归,但是你真的知道是怎么回事么?原文: All About Recursion, PTC, TCO and STC in JavaScript译者: Fundebug为了保证可读性,本文采用意译而非直译。递归简介一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法,它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解,递归策略...原创 2018-11-07 16:24:58 · 2218 阅读 · 0 评论 -
JavaScript初学者必看new
译者按: 本文简单的介绍了new, 更多的是介绍原型(prototype),值得一读。原文: [JavaScript For Beginners: the ‘new’ operator](https://hackernoon.com/javascript-for-beginners-the-new-- operator-cee35beb669e)译者: Fundebug为了保证可...原创 2018-11-07 16:44:24 · 2322 阅读 · 0 评论 -
Javascript箭头函数的优势在哪里
译者按: 看上去只是语法的变动,其实也影响了this的作用域。原文: JavaScript: Arrow Functions for Beginners译者: Fundebug为了保证可读性,本文采用意译而非直译。本文我们介绍箭头(arrow)函数的优点。更简洁的语法我们先来按常规语法定义函数:function funcName(params) { return param...原创 2018-11-07 16:49:17 · 2553 阅读 · 0 评论 -
聊聊"jQuery is not defined
KiwenLau同学在他的个人博客使用了Fundebug的JavaScript错误监控插件,然后偶尔会收到jQuery is not defined这样的错误报警:他的博客使用了Staticfile CDN提供的的jQuery:<script src="https://cdn.staticfile.org/jquery/3.1.1/jquery.min.js"></scri...原创 2018-11-08 11:11:19 · 8053 阅读 · 0 评论 -
Script error之全面解析
一些用户向我们反馈,Fundebug的JavaScript监控插件抓到了很多Script error.,然后行号和列号都是0…这就很尴尬了。今天,我们来详细地解析一下Script error.,后续我们还会深度测试并且提供解决方法。同源策略 (Same origin policy)解释Script error.之前,我们先简单聊聊同源策略。摘自MDN - Same-origin polic...原创 2018-11-08 11:25:08 · 4949 阅读 · 0 评论 -
Script error.解决方案
为了加快网站访问速度,我们不可避免要将静态资源放到第三方CDN上。然而,我们又需要在出错以后能够知道详细的报错信息,这篇博客将介绍如何避免出现Script error.1. 添加 crossorigin="anonymous" 到script标签<script src="https://xxx.com/xxx.js" crossorigin="anonymous"></sc...原创 2018-11-08 14:51:15 · 10423 阅读 · 0 评论 -
Script error.深度测试
Script error.全面解析](https://blog.fundebug.com/2017/04/05/understand-script-error/)中我们介绍了Script error.的由来。这篇博客,我们将各种情况(不同浏览器、本地远程托管JS文件)考虑进去,进行一个深度的测试,为读者带来一个全面的了解。GitHub仓库: Fundebug/script-error基本准备...原创 2018-11-18 17:04:18 · 2235 阅读 · 0 评论 -
为啥JQuery被淘汰了?
摘要: 技术进步永不止步。原文:jQuery的没落和技术发展的一般规律作者:凌霄光Fundebug经授权转载,版权归原作者所有。jQuery的成就jQuery是一个伟大的库,它解决了dom api兼容的问题,使得dom操作更简便它支持类似css选择器的方式来选择组件支持批量的操作数组中的元素,也叫隐式迭代支持链式操作,可以在一条语句中完成很复杂的逻辑有易于使用的插件扩展机...原创 2018-11-21 10:08:09 · 16229 阅读 · 1 评论 -
通过示例学习JavaScript闭包
JavaScript 闭包原创 2017-08-07 14:06:46 · 2450 阅读 · 1 评论 -
你所不知道的JSON.stringify
原文: What you didn’t know about JSON.Stringify译者: Fundebug为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。JSON已经逐渐替代XML被全世界的开发者广泛使用。本文深入讲解JavaScript中使用JSON.stringify的一些细节问题。首先简单回顾一下JSON和JavaScript:不是所有的合...原创 2018-11-20 10:38:11 · 2167 阅读 · 0 评论 -
抛弃console.log(),拥抱浏览器Debugger
译者按: 切换成本真的不高,建议使用开发者工具来Debug!原文:How to stop using console.log() and start using your browser’s debugger译者: Fundebug为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。在我成为一名开发者路上也掉进过一些坑,对于新手来说一个最大的挑战就是deb...原创 2018-12-11 09:56:49 · 2344 阅读 · 0 评论 -
推荐好用的JavaScript模块
译者按: 作者将自己常用的JavaScript模块分享给大家。原文:原创 2018-12-18 09:26:52 · 2387 阅读 · 0 评论 -
2018年,JavaScript都经历了什么?
摘要: 对JSer来说,这是很有意思的1年。本文灵感来自JavaScript Weekly周报,欢迎大家订阅。The State of JavaScript 2018The State of JavaScript调研已经连续做了3年(2016, 2017, 2018),今年一共调研了2万多个JS开发者。有这样一些有意思的发现:绝大多数开发者都用过ES6,同时TypeScript也越来越流...原创 2018-12-25 09:51:47 · 2582 阅读 · 0 评论 -
7个拒绝使用TypeScript的借口
译者按: TypeScript 学习成本不高,项目切换成本不低,不过还是值得试一试的!原文:7 bad excuses for not using TypeScript译者: Fundebug为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。自从 6 年前诞生,TypeScript 逐渐被各大型公司接受。 也许你有充足的理由说服自己不要使用它,这些都...原创 2018-12-26 10:55:13 · 3160 阅读 · 0 评论 -
JavaScript是如何工作的: CSS 和 JS 动画底层原理及如何优化它们的性能
摘要: 理解浏览器渲染。原文:JavaScript是如何工作的: CSS 和 JS 动画底层原理及如何优化它们的性能作者:前端小智Fundebug经授权转载,版权归原作者所有。这是专门探索 JavaScript 及其所构建的组件的系列文章的第 13 篇。如果你错过了前面的章节,可以在这里找到它们:JavaScript 是如何工作的:引擎,运行时和调用堆栈的概述!JavaScri...原创 2019-01-18 14:14:55 · 2832 阅读 · 0 评论 -
浏览器缓存机制
一、前言缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。对于一个数据请求来说,可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求,或者发起了请求但后端存储的数据和前端一致,那么就没有必要再将数据回传...原创 2019-01-08 09:55:18 · 2259 阅读 · 0 评论 -
浏览器与Node的事件循环(Event Loop)有何区别?
前言本文我们将会介绍 JS 实现异步的原理,并且了解了在浏览器和 Node 中 Event Loop 其实是不相同的。一、线程与进程1. 概念我们经常说 JS 是单线程执行的,指的是一个进程里只有一个主线程,那到底什么是线程?什么是进程?官方的说法是:进程是 CPU 资源分配的最小单位;线程是 CPU 调度的最小单位。这两句话并不好理解,我们先来看张图:进程好比图中的工厂,有单独的...原创 2019-01-15 09:24:23 · 7829 阅读 · 5 评论 -
JavaScript是如何工作的:使用MutationObserver跟踪DOM的变化
摘要: 掌握MutationObserver。原文:JavaScript是如何工作的:使用 MutationObserver 跟踪 DOM 的变化作者:前端小智Fundebug经授权转载,版权归原作者所有。这是专门探索 JavaScript 及其所构建的组件的系列文章的第10篇。如果你错过了前面的章节,可以在这里找到它们:JavaScript 是如何工作的:引擎,运行时和调用堆栈...原创 2019-01-10 09:18:51 · 2330 阅读 · 0 评论 -
ECMASCript 2019可能会有哪些特性?
译者按: 又过了1年…原文:What’s New in JavaScript for 2019译者: Fundebug为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。最近这些年,ECMASCript标准发展节奏非常稳定,每年都会发布新的特性。那么,ECMASCript 2019可能会有哪些特性呢?ECMASCript语法提案的批准流程JavaScr...原创 2019-01-30 09:26:03 · 2512 阅读 · 0 评论 -
import提升导致Fundebug报错:“请配置apikey”
摘要: 解释一下“请配置apikey”报错的原因。部分Fundebug用户使用import来导入js文件时,出现了"请配置apikey"的报错,这是由于import提升导致的,下面我会详细解释一下这一点。import提升关于import提升,我们可以参考阮一峰的《ECMAScript 6 入门》。import命令具有提升效果,会提升到整个模块的头部,首先执行。foo();import...原创 2019-03-01 11:34:19 · 1153 阅读 · 0 评论 -
Fundebug前端JavaScript插件更新至1.6.0,新增test()方法用于测试
摘要: 1.6.0新增fundebug.test()方法用于测试,请大家及时更新。默认情况下,Fundebug 插件能够自动捕获未处理的错误(uncaught error)。另外,开发者也可以通过使用 Fundebug 提供的 API 发送其他错误信息:fundebug.test()fundebug.notify()fundebug.notifyError()fundebug.te...原创 2019-02-26 09:48:02 · 1063 阅读 · 0 评论 -
Fundebug前端JavaScript插件更新至1.7.1,拆分录屏代码,还原部分Script error.
摘要: BUG监控插件压缩至18K。1.7.0拆分了录屏代码,BUG监控插件压缩至18K,另外我们还原了部分Script error,帮助用户更方便地Debug。请大家及时更新哈~拆分录屏代码从1.7.0版本开始,我们拆分了录屏代码。如果需要使用录屏功能的话,需要单独接入录屏插件。使用script方式接入&amp;lt;script type=&quot;text/javascript&quot; src=&quot;ht...原创 2019-03-12 11:24:58 · 1674 阅读 · 0 评论 -
JavaScript字符串转数字的5种方法及其陷阱
摘要 :JavaScript 是一个神奇的语言,字符串转数字有 5 种方法,各有各的坑法!原文: Converting Strings to Number in Javascript: Pitfalls译者: Fundebug本文采用意译,版权归原作者所有String 转换为 Number 有很多种方式,我可以想到的有 5 种!parseInt(num); // 默认方式 (没有基数...原创 2019-04-04 10:15:54 · 169 阅读 · 1 评论 -
Fundebug支付宝小程序BUG监控插件更新至0.2.0,新增test()方法,报错增加Page数据
摘要: 0.2.0新增fundebug.test()方法,同时报错增加了Page数据。Fundebug提供专业支付宝小程序BUG监控服务,可以第一时间为您捕获生存环境中小程序的异常、错误或者BUG,及时给开发者发送报警,帮助您快速修复BUG。欢迎大家免费试用,也欢迎各位用户反馈建议或者问题。test(name, message)fundebug.test()用于测试,可以将测试数据发送到F...原创 2019-04-26 10:58:31 · 257 阅读 · 0 评论 -
JavaScript 是如何工作的:JavaScript 的内存模型
摘要: 从内存角度理解 let 和 const 的意义。原文:JavaScript 是如何工作的:JavaScript 的内存模型作者:前端小智Fundebug经授权转载,版权归原作者所有。这是专门探索 JavaScript 及其所构建的组件的系列文章的第 21 篇。如果你错过了前面的章节,可以在这里找到它们:JavaScript 是如何工作的:引擎,运行时和调用堆栈的概述!J...原创 2019-04-15 11:06:02 · 188 阅读 · 0 评论 -
聊聊我的第一篇10万+,同时反驳某些评论
元旦的时候,我立了一个Flag,今年要写一篇10万+,现在目标算是完成一半了。终于有了一篇10万+知乎后台显示我的回答《如何衡量一个人的 JavaScript 水平?》的阅读量已经超过了10万,具体截止2019年5月20号是115172。阅读量已经超过10万了,为什么只是完成了一半呢?因为这篇博客其实是我翻译的,原文在Web Archive上能够找到:10 JavaScript conc...原创 2019-05-22 11:00:47 · 195 阅读 · 0 评论 -
JavaScript正则表达式进阶指南
**摘要:**正则表达式是程序员的必备技能,想不想多学几招呢?本文用JavaScript的exec方法来测试正则表达式。例如,正则表达式**/F.*g/会匹配“以F开头,以g结尾的字符串”,因此可以匹配"Hello, Fundebug!"中的Fundebug**,exec方法会返回一个数组,其第一个元素为所匹配的子字符串。/F.*g/.exec("Hello, Fundebug!")[0]...原创 2019-06-10 11:15:24 · 398 阅读 · 0 评论 -
Fundebug前端JavaScript插件更新至1.8.0,兼容低版本的Android浏览器
摘要: 兼容低版本Android浏览器,请大家及时更新。Fundebug前端BUG监控服务Fundebug是专业的程序BUG监控平台,我们JavaScript插件可以提供全方位的BUG监控,可以帮助开发者第一时间定位JavaScript执行错误、HTTP请求错误以及资源加载错误。并且,我们可以记录用户行为、“录制”用户操作视频,帮助开发者快速复现BUG,提高Debug效率。1.8.0兼容低...原创 2019-06-04 09:24:48 · 373 阅读 · 0 评论 -
JavaScript深入浅出第2课:函数是一等公民是什么意思呢?
摘要: 听起来很炫酷的一等公民是啥?《JavaScript深入浅出》系列:JavaScript深入浅出第1课:箭头函数中的this究竟是什么鬼?JavaScript深入浅出第2课:函数是一等公民是什么意思呢?看到一篇讲JavaScript历史的文章里面提到:JavaScript借鉴Scheme语言,将函数提升到"一等公民"(first class citizen)的地位。一等公民这个...原创 2019-06-25 09:56:26 · 1791 阅读 · 0 评论 -
JavaScript深入浅出第1课:箭头函数中的this究竟是什么鬼?
摘要: 箭头函数极大地简化了this的取值规则。普通函数与箭头函数普通函数指的是用function定义的函数:var hello = function () { console.log("Hello, Fundebug!");}箭头函数指的是用=>定义的函数:var hello = () => { console.log("Hello, Fundebug!...原创 2019-06-18 09:34:17 · 671 阅读 · 2 评论 -
Fundebug前端JavaScript插件更新至1.8.2,修复2个小BUG
摘要: 修复2个BUG,请大家及时更新。Fundebug前端异常监控服务Fundebug是专业的程序异常监控平台,我们JavaScript插件可以提供全方位的异常监控,可以帮助开发者第一时间定位各种前端异常,包括:JavaScript执行错误资源加载错误HTTP请求错误unhandledrejectionWebSockect连接错误并且,我们可以记录用户行为、“录制”用户操作...原创 2019-06-18 15:35:37 · 157 阅读 · 0 评论