Fundebug博客

作为新一代的HTTP协议，HTTP/2可以提高网站性能，优化用户体验，Fundebug也是时候升级HTTP/2了，虽然已经有点晚了。升级HTTP/2是一件很简单的事情，改1行Nginx配置就好了，但是，工程师只知道How是远远不够的，还需要理解Why，这就要求我们需要足够的事先调研（1. 什么是HTTP/2？）以及事后分析（4. 升级HTTP/2真的提高性能了吗？）。1. 什么是HTTP/2？...

Fundebug的付费套餐主要是根据错误事件数制定的，这是因为每一个发送到我们服务器的事件，都会消耗一定的CPU、内存、磁盘以及带宽资源，尤其当错误事件数非常大时，会对我们的计算资源造成很大压力。如果您希望采样收集错误，比如“只收集30%的错误”，可以将sampleRate属性设为0.3。这样的话，您可以选择更加合适套餐。1. 在HTML中配置<script>标签中配置sampl...

摘要： 性能彪悍的V8引擎。《JavaScript深入浅出》系列：JavaScript深入浅出第1课：箭头函数中的this究竟是什么鬼？JavaScript深入浅出第2课：函数是一等公民是什么意思呢？JavaScript深入浅出第3课：什么是垃圾回收算法？JavaScript深入浅出第4课：V8是如何工作的？最近，JavaScript生态系统又多了2个非常硬核的项目。大神Fabr...

摘要： 1.9.0新增 httpTimeout 配置选项，支持监控 HTTP 慢请求，同时修复了记录的 HTTP 响应时间偏小的 BUG。Fundebug提供专业的前端异常监控服务，可以第一时间捕获线上环境中小程序的异常、错误或者 BUG，及时给开发者推送报警，帮助您快速修复 BUG。Fundebug的微信小程序BUG监控插件更新至1.9.0，新增httpTimeout配置选项，支持监控 H...

摘要： 修复2个BUG，请大家及时更新。Fundebug前端异常监控服务Fundebug是专业的程序异常监控平台，我们JavaScript插件可以提供全方位的异常监控，可以帮助开发者第一时间定位各种前端异常，包括：JavaScript执行错误资源加载错误HTTP请求错误unhandledrejectionWebSockect连接错误并且，我们可以记录用户行为、“录制”用户操作...

译者按： 充分利用其特性，你会觉得 VSCode 非常强大！原文: Pro tips for Visual Studio Code to be productive in 2018

关于代码风格，不同的人有不同的偏好，其实并没有什么绝对的对错。但是，有2条原则应该是对的： 少数服从多数；用工具统一风格。

摘要： JavaScript语言从设计之初就是考虑带分号的，使用不带分号的编码规则就要小心点啦。背景最近在项目中开始使用新的编码规范，一开始ESLint报一大堆错误，改得我想砸键盘，花了好些时间才适应，下面列出一些代表性的规则：只能使用单引号函数定义的圆括号和左大括号之间一定要有空格: function(args) { .. }import语句在大括号之后一定要有空格: import ...

译者按： 做一个有追求的工程师，代码不是随便写的！原文: Here’s how you can make better use of JavaScript arrays译者: Fundebug为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。小编推荐：Fundebug专注于JavaScript、微信小程序、微信小游戏，Node.js和Java线上b...

译者按： 上王者算什么？有本事刷一下你的前端技术！ 原文：Modern Frontend Developer in 2018译者：Fundebug为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。过去5年，我一直作为一枚全栈工程师，经常会有小朋友问我应该学什么，于是我写了这篇博客，希望可以帮助大家。本文的所有图表都在我的GitHub仓库kamran...

译者： 读完这篇博客，你就可以回答一个经典的面试题：当你访问Google时，到底发生了什么？原文：Web Architecture 101译者：Fundebug为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。当我还是小白的时候，如果知道Web应用架构就好了！ 上图展示了我们Storyblocks的架构，对于初学者来说，似乎有些复杂。下面...

微软斥资75亿美元收购以后，鉴于微软和开源竞争的历史，很多开发者都感到惊恐。毕竟，互联网上最大的一块可以自由的净土被微软染指，宝宝不开森。如果你真的担心微软会对Github有所动作，那么这里我列举了16个替代品。1. Bitbucket Bitbucket是Atlassian公司提供的一个基于web的版本库托管服务，支持Mercurial和Git版本控制系统。Bitbucket既提供免...

摘要： 今天我们不聊技术，只”以貌取人”。前言之前有很多刚入门的小伙伴问我(上面是我的自拍照），现在前端Vue、React、Angular这三个框架似乎都很好，反而不知道选择什么了，我当时开玩笑的说你觉得哪个好看就选择哪个呗。本人目前用的Angularjs做Fundebug开发时会经常去Google一些独立的UI组件来实现某些功能，经常会情不自禁的去国内(下面列出)的这些官网去瞄几眼，...

JavaScript 闭包

前言浏览器的内核是指支持浏览器运行的最核心的程序，分为两个部分的，一是渲染引擎，另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。比如在 Firefox 中叫做 Gecko，在 Chrome 和 Safari 中都是基于 WebKit 开发的。本文我们主要介绍关于 WebKit 的这部分渲染引擎内容以及几个相关的问题。如需获取思维导图请猛戳GitHub博客浏览器工作大体流程浏览...

摘要： 掌握MutationObserver。原文：JavaScript是如何工作的:使用 MutationObserver 跟踪 DOM 的变化作者：前端小智Fundebug经授权转载，版权归原作者所有。这是专门探索 JavaScript 及其所构建的组件的系列文章的第10篇。如果你错过了前面的章节，可以在这里找到它们：JavaScript 是如何工作的：引擎，运行时和调用堆栈...

前言本文我们将会介绍 JS 实现异步的原理，并且了解了在浏览器和 Node 中 Event Loop 其实是不相同的。一、线程与进程1. 概念我们经常说 JS 是单线程执行的，指的是一个进程里只有一个主线程，那到底什么是线程？什么是进程？官方的说法是：进程是 CPU 资源分配的最小单位；线程是 CPU 调度的最小单位。这两句话并不好理解，我们先来看张图：进程好比图中的工厂，有单独的...

前端 微服务