fundebug_个人页

前端面试：谈谈 JS 垃圾回收机制

最近看到一些面试的回顾，不少有被面试官问到谈谈JS 垃圾回收机制，说实话，面试官会问这个问题，说明他最近看到一些关于 JS 垃圾回收机制的相关的文章，为了 B 格，就会顺带的问问。

JavaScript 初学者必看“箭头函数”

译者按: 箭头函数看上去只是语法的变动，其实也影响了this的作用域。 原文: JavaScript: Arrow Functions for Beginners 译者: Fundebug 本文采用意译，版权归原作者所有 本文我们介绍箭头(arrow)函数的优点。

一文搞懂TCP与UDP的区别

摘要： 计算机网络基础 作者：浪里行舟 Fundebug经授权转载，版权归原作者所有。 引言 网络协议是每个前端工程师都必须要掌握的知识，TCP/IP 中有两个具有代表性的传输层协议，分别是 TCP 和 UDP，本文将介绍下这两者以及它们之间的区别。

教你快速撸一个免费HTTPS证书

摘要： 免费 HTTPS 证书，了解一下？ HTTPS 已成为业界标准，这篇博客将教你申请Let's Encrypt的免费 HTTPS 证书。 本文的操作是在 Ubuntu 16.04 下进行，使用 nginx 作为 Web 服务器。

我为什么推荐Prettier来统一代码风格

译者按: 关于代码风格，不同的人有不同的偏好，其实并没有什么绝对的对错。但是，有 2 条原则应该是对的： 少数服从多数；用工具统一风格。 原文: Why robots should format our code for us 译者: Fundebug 为了保证可读性，本文采用意译而非直译。

如何高效地遍历 MongoDB 超大集合？

给你 1000 万个文档，如何遍历？

深入理解 JavaScript 执行上下文和执行栈

如果你是一名 JavaScript 开发者，或者想要成为一名 JavaScript 开发者，那么你必须知道 JavaScript 程序内部的执行机制。执行上下文和执行栈是 JavaScript 中关键概念之一，是 JavaScript 难点之一。

不要争了！技术选择没那么重要

摘要： 技术没有高下之分，做好产品才是王道。 很多开发者非常热衷于比较不同技术，比如：Angular 是否比 Vue.js 更好？Node.js 能否取代 Java？究竟应该选择 MySQL 还是 MongoDB 呢? 认真对比不同技术之间的优劣是非常有价值的事，可以加深我们对技术的理解，根据业务场景选择更合适的技术。

JavaScript 为什么要有 Symbol 类型？

摘要： 为什么比怎么用更有意义。 原文：JavaScript 为什么要有 Symbol 类型 作者：前端小智 Symbols 是 ES6 引入了一个新的数据类型 ，它为 JS 带来了一些好处，尤其是对象属性时。

深入理解JavaScript作用域和作用域链

JavaScript 中有一个被称为作用域(Scope)的特性。虽然对于许多新手开发者来说，作用域的概念并不是很容易理解，本文我会尽我所能用最简单的方式来解释作用域和作用域链，希望大家有所收获！

Fundebug前端JavaScript插件更新至1.7.1，拆分录屏代码，还原部分Script error.

摘要： BUG监控插件压缩至18K。 1.7.0拆分了录屏代码，BUG监控插件压缩至18K，另外我们还原了部分Script error，帮助用户更方便地Debug。请大家及时更新哈~ 拆分录屏代码 从1.7.0版本开始，我们拆分了录屏代码。

使用这些 HTTP 头保护 Web 应用

目前，浏览器已经实现了大量与安全相关的头文件，使攻击者更难利用漏洞。接下来的讲解它们的使用方式、它们防止的攻击类型以及每个头后面的一些历史。

JavaScript 的 4 种数组遍历方法： for VS forEach() VS for/in VS for/of

我们有多种方法来遍历 JavaScript 的数组或者对象，而它们之间的区别非常让人疑惑。Airbnb 编码风格禁止使用 for/in 与 for/of，你知道为什么吗？

一文读懂HTTP/2及HTTP/3特性

摘要： 学习 HTTP/2 与 HTTP/3。 原文：一文读懂HTTP/2 及 HTTP/3特性 作者：浪里行舟 Fundebug经授权转载，版权归原作者所有。 前言 HTTP/2 相比于 HTTP/1，可以说是大幅度提高了网页的性能，只需要升级到该协议就可以减少很多之前需要做的性能优化工作，当然兼容问题以及如何优雅降级应该是国内还不普遍使用的原因之一。

详解Vue Native

一家叫GeekyAnts的印度公司开发了Vue Native，基于React Native实现。

高效开发者是如何个性化VS Code插件与配置的？

IDE是生产力的保证！

JavaScript是如何工作的：使用MutationObserver跟踪DOM的变化

摘要： 掌握MutationObserver。 原文：JavaScript是如何工作的:使用 MutationObserver 跟踪 DOM 的变化 作者：前端小智 Fundebug经授权转载，版权归原作者所有。

JavaScript 代码简洁之道

摘要： 可以说是《Clean Code》的JS代码示例了，值得参考。 原文：JavaScript 代码简洁之道 作者：缪宇 Fundebug经授权转载，版权归原作者所有。 测试代码质量的唯一方式：别人看你代码时说 f * k 的次数。

JavaScript是如何工作的: Web推送通知的机制

摘要： 如何在Web端推送消息? 原文：JavaScript是如何工作的: Web推送通知的机制 作者：前端小智 Fundebug经授权转载，版权归原作者所有。 这是专门探索 JavaScript 及其所构建的组件的系列文章的第9篇。

Maven入门教程

GitHub仓库：Fundebug/maven-tutorial Maven简介 Maven是Java项目构建工具，可以用于管理Java依赖，还可以用于编译、打包以及发布Java项目，类似于JavaScript生态系统中的NPM。

JavaScript如何正确处理Unicode编码问题！

原文：JavaScript 如何正确处理 Unicode 编码问题！ 作者：前端小智 Fundebug经授权转载，版权归原作者所有。 JavaScript 处理 Unicode 的方式至少可以说是令人惊讶的。

抛弃console.log()，拥抱浏览器Debugger

译者按： 切换成本真的不高，建议使用开发者工具来Debug！ 原文：How to stop using console.log() and start using your browser’s debugger 译者: Fundebug 为了保证可读性，本文采用意译而非直译。

JavaScript黑客是这样窃取比特币的，Vue开发者不用担心！

如果你是JavaScript或者区块链开发者，如果你有关注区块链以及比特币，那么你应该听说了比特币钱包Copay被黑客攻击的事情。但是，你知道这是怎么回事吗？ 总结 比特币钱包copay依赖event-stream模块； 黑客从骗取了event-stream模块的npm发布权限； 黑客为event-stream模块添加了依赖flatmap-stream； flatmap-stream含有黑客代码，仅会在copay项目中正确执行，窃取用户的密码、私钥等信息，从而盗取比特币； 有人说什么Vue可能遭受攻击，其实没有这回事，因为黑客代码只会在copay项目中正确执行。

10种JavaScript开发者必备的VS Code插件

摘要： 好的代码插件可以让工作效率翻倍，心情也更加舒畅！ 原文：10 Must-have VS Code Extensions for JavaScript Developers 作者：Michael Wanyoike 译者：Fundebug 毫无疑问Visual Studio Code是最流量的轻量级代码编辑器。

我从Angular 2转向Vue.js, 也没有选择React

微信小程序开发BUG经验总结

微信小程序常见BUG

Fundebug是这样备份数据的

数据还是要备份的，万一删库了呢？

Source Map入门教程

使用Source Map可以还原压缩代码。

10个JavaScript难点

JS开发者应该读懂这篇博客...

JS的分号可以省掉吗？

写不写分号，这是个有趣的问题....

30个极大提高开发效率的Visual Studio Code插件

译者按： 看完这篇文章，我打算从 Sublime Text 转到 Visual Studio Code 了！ 原文: Immensely upgrade your development environment with these Visual Studio Code extensions 译者: Fundebug 为了保证可读性，本文采用意译而非直译。

4个错误使用JavaScript数组方法的案例

译者按： 做一个有追求的工程师，代码不是随便写的！ 原文: Here’s how you can make better use of JavaScript arrays 译者: Fundebug 为了保证可读性，本文采用意译而非直译。

2018前端工程师成长路线图

译者按： 上王者算什么？有本事刷一下你的前端技术！ 原文：Modern Frontend Developer in 2018 译者：Fundebug 为了保证可读性，本文采用意译而非直译。

ECMAScript正则表达式6个最新特性

es2018_regex2.jpg 译者按： 还没学好ES6？ECMAScript 2018已经到来啦！ 原文：ECMAScript regular expressions are getting better! 作者: Mathias Bynens: Google V8引擎开发者 译者：Fundebug 为了保证可读性，本文采用意译而非直译。

Fundebug前端JavaScript插件更新至1.2.0

摘要: Fundebug的前端JavaScript错误监控插件更新至1.2.0：支持监控WebSocket连接错误；修复了监控unhandledrejection错误的BUG，即未用catch处理的Promise错误；以及一些其他优化。

写给前端工程师的10条实用原则

译者按： 牛人都说自己是站在巨人的肩膀上，我们也要善于学习他人的经验。 原文: 10 Things You Will Eventually Learn About JavaScript Projects 译者: Fundebug 为了保证可读性，本文采用意译而非直译。

代码面试需要知道的8种数据结构(附面试题及答案链接)

译者按： 搞定面试，不要急着刷题，先弄懂什么是数据结构！ 原文：The top data structures you should know for your next coding interview 译者：Fundebug 为了保证可读性，本文采用意译而非直译。

20个Chrome DevTools调试技巧

译者按： Chrome DevTools很强大，甚至可以替代IDE了！ 原文: Art of debugging with Chrome DevTools 译者: Fundebug 为了保证可读性，本文采用意译而非直译。

Web应用架构入门之11个基本要素

译者： 读完这篇博客，你就可以回答一个经典的面试题：当你访问Google时，到底发生了什么？ 原文：Web Architecture 101 译者：Fundebug 为了保证可读性，本文采用意译而非直译。

配置Tree Shaking来减少JavaScript的打包体积

屏幕快照 2018-08-15 上午9.12.36.png 译者按： 用Tree Shaking技术来减少JavaScript的Payload大小 原文: Reduce JavaScript Payloads with Tree Shaking 译者: Fundebug 为了保证可读性，本文采用意译而非直译。

2018年你需要知道的13个JavaScript工具库

v2-307971e2f3800cf8ee6fde8a2e9ea1cc_1200x500.jpg 译者按： 你可能已经用到Underscore或者Lodash。

微服务太分散？使用Fundebug集中式bug监控

摘要： 微服务日志分散，可以使用Fundebug的异常监控将它们集中起来。 当一个项目复杂到一定程度，功能越来越多，随之对应的模块也越来越多。 如果都放在一个大的项目下面，共同开发，整合发布，那么会变得越来越复杂，难以维护。

窥视各大网站到底有没有的BUG？

摘要： 本以为都是干干净净，没想到或多或少还有些报错！ 1. Segmentfault 在SegmentFault的首页，打开开发者面板，一片红！5条错误信息。

前端异常监控神器

有时候，看到用户的反馈，我们往往会一脸茫然，因为反馈的信息太少了。 比如有用户反馈登录不了。为了解这个问题，一般的流程是这样的：首先试试自己能不能登录网站，发现没问题；然后查看后台日志，发现最近没有登录接口相关的报错；最后根据用户反馈的时间，去后台查日志记录。

Vue、React、Angular最佳UI框架

摘要： 今天我们不聊技术，只”以貌取人”。 image 前言 之前有很多刚入门的小伙伴问我(上面是我的自拍照），现在前端Vue、React、Angular这三个框架似乎都很好，反而不知道选择什么了，我当时开玩笑的说你觉得哪个好看就选择哪个呗。

如何处理Express异常？

译者按：根据墨菲定律：“有可能出错的事情，就会出错”。那么，既然代码必然会出错，我们就应该处理好异常。 原文: How to handle errors in Express 译者：Fundebug 为了保证可读性，本文采用意译而非直译。

JavaScript开发工具简明历史

译者按： JavaScript开发要用到的工具越来越多，越来越复杂，为什么呢？你真的弄明白了吗？ 原文: Modern JavaScript Explained For Dinosaurs 为了保证可读性，本文采用意译而非直译。

处理JavaScript异常的正确姿势

译者按： 错误是无法避免的，妥善处理它才是最重要的！ 原文: A Guide to Proper Error Handling in JavaScript Related Topics: 译者: Fundebug 为了保证可读性，本文采用意译而非直译。

字符串拼接引发的BUG

译者按： bug虽小，却是个磨人的小妖精！ 原文: Fixing a bug: when concatenated strings turn into numbers in JavaScript 译者: Fundebug 为了保证可读性，本文采用意译而非直译。

10个JavaScript常见BUG及修复方法

译者按： JavaScript语言设计太灵活，用起来不免要多加小心掉进坑里面。 原文: Top 10 bugs and their bug fixing 译者: Fundebug 为了保证可读性，本文采用意译而非直译。