- 博客(354)
- 收藏
- 关注
RSS订阅转载 JavaScript 是如何运行的？
摘要： 理解JS执行原理。原文：JavaScript 是如何运行的？作者：henggFundebug经授权转载，版权归原作者所有。什么是JavaScript？我们来确认一下JavaScript的定义：JavaScript 是一门解释型的动态语言。解释型语言是相对于编译型语言存在的，源代码不是直接编译为目标代码，而是转成中间代码，再由解释器对中间代码进行解释运行。主流编程...
2019-09-28 10:04:00
889
转载 深入理解计算机系统cp1：存储单位与编码
摘要： 理解计算机是如何存储数据的。原文：深入理解计算机系统cp1：存储单位与编码作者：ChorFundebug经授权转载，版权归原作者所有。1. 存储单位位：即 bit，表示二进制位，要么是 0 ，要么是 1。它是计算机内部数据存储的最小单位。比如 11010100 共有8个二进制位，是一个8位二进制数。字节：即 byte，它由8个二进制位构成，即 1byte=8b...
2019-09-21 09:55:00
848
转载 25个JavaScript数组方法代码示例
摘要： 通过代码掌握数组方法。原文：通过实现25个数组方法来理解及高效使用数组方法(长文,建议收藏)译者：前端小智Fundebug经授权转载，版权归原作者所有。要在给定数组上使用方法，只需要通过[].方法名即可，这些方法都定义在 Array.prototype 对象上。在这里，咱们先不使用这些相，反，咱们将从简单的方法开始定义自己的版本，并在这些版本的基础上进行构建。没有比...
2019-09-20 12:50:00
305
转载 中间人攻击，HTTPS也可以被碾压
摘要： 当年12306竟然要自己安装证书...原文：知道所有道理，真的可以为所欲为公众号：可乐Fundebug经授权转载，版权归原作者所有。一、什么是MITM中间人攻击(man-in-the-middle attack, abbreviated to MITM)，简单的讲，就是黑客悄悄的躲在通信双方之间，窃听甚至篡改通信信息。而通信双方并不知道消息已经被截获甚至篡改了。举...
2019-09-17 12:45:00
234
转载 用了这么久HTTP, 你是否了解Content-Length?
摘要： 理解HTTP协议...原文：用了这么久HTTP, 你是否了解Content-Length和Transfer-Encoding ?作者：朴瑞卿的博客由Content-Length导致的问题引发的一系列思考:前段时间开发API网关, 使用postman调试时出现了超时的情况, 经排查确定是请求数据被处理后Content-Length与实际不一致导致的问题, 故有此文....
2019-09-10 12:59:00
1631
转载 如何实现Web页面录屏？
摘要： 很有意思的操作...原文：web页面录屏实现译者：frontdogFundebug经授权转载，版权归原作者所有。写在前面的话在看到评论后，突然意识到自己没有提前说明，本文可以说是一篇调研学习文，是我自己感觉可行的一套方案，后续会去读读已经开源的一些类似的代码库，补足自己遗漏的一些细节，所以大家可以当作学习文，生产环境慎用。录屏重现错误场景如果你的应用有接入到we...
2019-09-09 12:29:00
472
转载 GitHub最强技术面试手册：Tech Interview Handbook
摘要： 求职还是需要认真准备的。原文：超实用技术面试手册，从工作申请、面试考题再到优势谈判，GitHub获30000星作者：量子位技术人员求职面试，单刷leetcode上的大厂题库可能还不够。简历怎么写才能吸引HR的眼光，可能会被技术老大问到哪些常见问题，拿到Offer之后怎样才能让自己的优势最大化然后优中选优？面对这些赤果果的问题，目前就职于Facebook的新加坡小哥Y...
2019-09-07 10:11:00
236
转载 Fundebug前端异常监控插件更新至2.0.0，全面支持TypeScript
摘要： 是时候支持TS了！Fundebug前端异常监控服务Fundebug提供专业的前端异常监控服务，我们的插件可以提供全方位的异常监控，可以帮助开发者第一时间定位各种前端异常，包括但不限于JavaScript执行错误以及HTTP请求错误。并且，Fundebug支持Source Map还原，记录用户行为以及“录制”用户操作视频，帮助开发者快速复现BUG，提高Debug效率，欢迎大...
2019-09-05 13:06:00
134
转载 20个常用的JavaScript字符串方法
摘要： 玩转JS字符串。原文：JS 前20个常用字符串方法及使用方式译者：前端小智Fundebug经授权转载，版权归原作者所有。本文主要介绍一些最常用的JS字符串函数。1. charAt(x)charAt(x)返回字符串中x位置的字符，下标从 0 开始。 //charAt(x) var myString = 'jQuery FTW!!!'; con...
2019-08-30 09:16:00
94
转载 前端异常监控解决方案研究
摘要： 异常监控不复杂也不简单啊...原文：前端异常监控解决方案研究作者：frustigor前端监控包括行为监控、异常监控、性能监控等，本文主要讨论异常监控。对于前端而言，和后端处于同一个监控系统中，前端有自己的监控方案，后端也有自己等监控方案，但两者并不分离，因为一个用户在操作应用过程中如果出现异常，有可能是前端引起，也有可能是后端引起，需要有一个机制，将前后端串联起来，使...
2019-08-29 12:19:00
243
转载 ES新提案：双问号操作符
摘要： 简单实用的新特性。原文：ES新提案：双问号操作符译者：前端小智本文主要讲Gabriel Isenberg撰写的ES提案“Nullish coalescing for JavaScript”。 它提出?? 替换||的运算符,并提供默认值。这里先把这相提案叫作双问号操作符，如果你有好的叫法，欢迎留言讨论。1. 概述双问号 ?? 的操作符跟 || 类似，如果给定变量值为 ...
2019-08-28 12:56:00
252
转载 Fundebug录屏插件更新至0.6.0
摘要： 录屏插件的性能进一步优化，传输的数据体积大幅度减少。录屏功能介绍Fundebug提供专业的异常监控服务，当线上应用出现 BUG 的时候，我们可以第一时间报警，帮助开发者及时发现 BUG，提高 Debug 效率。在网页端，我们通过原创的录屏技术，可以 100%还原 BUG 出现之前用户的操作流程，帮助开发者快速复现出错场景。演示视频如下：其实，我们录制的并不是一个真正...
2019-08-27 08:34:00
121
转载 Fundebug微信小程序BUG监控服务支持Source Map
摘要： 自动还原真实出错位置，快速修复BUG。Source Map功能微信小程序的Source Map功能目前只在 iOS 6.7.2 及以上版本支持。微信小程序在打包时，会将所有 js 代码打包成一个文件，从而减少体积，加快访问速度。然而，压缩代码的错误是很难Debug的，因为错误位置是这样的:文件：app-service.js行号：13782列号：7974这...
2019-08-26 08:47:00
289
转载 5个 JS 解构有趣的用途
摘要： 玩转ES6解构赋值。原文：5个 JS 解构有趣的用途译者：前端小智1. 交换变量通常交换两个变量的方法需要一个额外的临时变量,来看看例子： let a = 1; let b = 2; let temp; temp = a; a = b; b = temp; a; // => 2 ...
2019-08-24 10:11:00
90
转载 如何快速搭建一个短链接服务？
摘要： 很简单的短链接教程。原文：十分钟实现短链接服务（Node + Express + MongoDB）作者：MudOnTireFundebug经授权转载，版权归原作者所有。短链接我们或多或少都使用过，所谓短链接就是根据较长的原链接url生成一段较短的链接，访问短链接可以跳转到对应的原链接，这样做好处在于：1. url更加美观；2. 便于保存和传播；3. 某些网站内容发布有...
2019-08-23 09:00:00
1050
转载 React教程：4 个 useState Hook 示例
摘要： React示例教程。原文：快速了解 React Hooks 原理译者：前端小智到 React 16.8 目前为止，如果编写函数组件，然后遇到需要添加状态的情况，咱们就必须将组件转换为类组件。编写 class Thing extends React.Component，将函数体复制到render()方法中，修复缩进，最后添加需要的状态。今天，可以使用 Hook 获得相...
2019-08-22 12:53:00
379
转载 React Hooks究竟是什么呢？
摘要： React Hooks原理解析。原文：快速了解 React Hooks 原理译者：前端小智我们大部分 React 类组件可以保存状态，而函数组件不能？ 并且类组件具有生命周期，而函数组件却不能？React 早期版本，类组件可以通过继承PureComponent来优化一些不必要的渲染，相对于函数组件，React 官网没有提供对应的方法来缓存函数组件以减少一些不必要的渲染...
2019-08-21 12:45:00
439
转载 PWA入门：手把手教你制作一个PWA应用
摘要： PWA图文教程原文：PWA入门：手把手教你制作一个PWA应用作者：MudOnTireFundebug经授权转载，版权归原作者所有。简介Web前端的同学是否想过学习app开发，以弥补自己移动端能力的不足？但在面对一众的选择时很多同学略感迷茫，是学习ios还是android开发？是学习原生开发、混合开发（比如：Ionic)，还是使用react native或者flut...
2019-08-20 08:25:00
1072
转载 一步一步搭建前端监控系统：如何监控资源加载错误？
摘要： 资源加载失败会破坏产品功能以及用户体验....作者：一步一个脚印一个坑原文：搭建前端监控系统（三）静态资源加载监控篇Fundebug经授权转载，版权归原作者所有。一步一步搭建前端监控系统系列博客：一步一步搭建前端监控系统：JS错误监控篇一步一步搭建前端监控系统：如何将网页截图上报？一步一步搭建前端监控系统：接口请求异常监控篇一步一步搭建前端监控系统：如何定位...
2019-08-17 11:05:00
289
转载 Promise的三兄弟：all(), race()以及allSettled()
摘要： 玩转Promise。原文：Promise 中的三兄弟 .all(), .race(), .allSettled()译者：前端小智Fundebug经授权转载，版权归原作者所有。从ES6 开始，我们大都使用的是 Promise.all()和Promise.race()，Promise.allSettled() 提案已经到第4阶段，因此将会成为ECMAScript 2020...
2019-08-16 12:06:00
170
转载 JavaScript中this究竟指向什么？
摘要： 神奇的this！原文：JS 中 this 在各个场景下的指向译者：前端小智Fundebug经授权转载，版权归原作者所有。1. this 的奥秘很多时候, JS 中的 this 对于咱们的初学者很容易产生困惑不解。 this 的功能很强大，但需要一定付出才能慢慢理解它。对Java、PHP或其他标准语言来看，this 表示类方法中当前对象的实例。大多数情况下，this...
2019-08-15 09:10:00
110
转载 编译器与Debug的传奇：Grace Murray Hopper小传
摘要： 改变世界的程序员前辈。来自：http://www.road2stat.com/cn/network_3c/grace_murray_hopper.html这两天读《UNIX痛恨者手册》时看到一句被引用的牛人体语录：“标准的伟大之处在于它可以有很多。—— Grace Murray Hopper.”Google之，意外挖出了一位女性牛人，谨作一文以记之。以下内容系根据已有资料编辑...
2019-08-14 09:14:00
249
转载 21个React开发神器
摘要： React开发神器。原文：22 Miraculous Tools for React Developers in 2019译者：前端小智下列工具中的重要性与排序无关。1.Webpack Bundle Analyzer有没有想过你的应用程序的哪些包或哪部分代码所占总大小的多少? Webpack Bundle Analyzer可以帮助咱们分析。Webpack Bund...
2019-08-14 08:34:00
77
转载 8种常见数据结构及其Javascript实现
摘要： 面试常问的知识点啊...原文：常见数据结构和Javascript实现总结作者：MudOnTireFundebug经授权转载，版权归原作者所有。做前端的同学不少都是自学成才或者半路出家，计算机基础的知识比较薄弱，尤其是数据结构和算法这块，所以今天整理了一下常见的数据结构和对应的Javascript的实现，希望能帮助大家完善这方面的知识体系。1. Stack（栈）S...
2019-08-12 20:21:00
88
转载 一文带你了解JavaScript函数式编程
摘要： 函数式编程入门。作者：浪里行舟Fundebug经授权转载，版权归原作者所有。前言函数式编程在前端已经成为了一个非常热门的话题。在最近几年里，我们看到非常多的应用程序代码库里大量使用着函数式编程思想。本文将略去那些晦涩难懂的概念介绍，重点展示在 JavaScript 中到底什么是函数式的代码、声明式与命令式代码的区别、以及常见的函数式模型都有哪些？想阅读更多优质文章请...
2019-08-09 09:25:00
130
转载 JavaScript深入浅出第5课：Chrome是如何成功的？
摘要： Chrome改变世界。《JavaScript深入浅出》系列：JavaScript深入浅出第1课：箭头函数中的this究竟是什么鬼？JavaScript深入浅出第2课：函数是一等公民是什么意思呢？JavaScript深入浅出第3课：什么是垃圾回收算法？JavaScript深入浅出第4课：V8引擎是如何工作的？JavaScript深入浅出第5课：Chrome是如何成功的...
2019-08-08 09:18:00
199
转载 JavaScript函数式编程究竟是什么?
摘要： 理解函数式编程。作者：前端小智原文：JS中函数式编程基本原理简介Fundebug经授权转载，版权归原作者所有。在长时间学习和使用面向对象编程之后，咱们退一步来考虑系统复杂性。在做了一些研究之后，我发现了函数式编程的概念，比如不变性和纯函数。这些概念使你能够构建无副作用的函数，因此更容易维护具有其他优点的系统。在这篇文章中，将通大量代码示例来详细介绍函数式编程和一些...
2019-08-07 10:15:00
79
转载 网页应该如何录屏呢？
摘要： 网页应该如何录屏呢？作者：Winty原文：用户行为录帧调研Fundebug经授权转载，版权归原作者所有。关键点首先，每一次会话都有一个唯一的session ID，这是串联起所有行为的纽带。其次，用户行为又分成两个部分，其一是用户的操作，比如鼠标滑动，点击，页面滚动等，其二是页面的变化。这两者我们都统称为用户行为，记录在同一个队列中。一开始的时候，系统会记录下初...
2019-08-06 10:35:00
890
转载 Fundebug 微信小游戏异常监控插件更新至 0.5.0，支持监控 HTTP 慢请求
摘要： 支持监控 HTTP 慢请求，同时修复了记录的 HTTP 响应时间偏小的 BUG。Fundebug是专业微信小游戏 BUG 监控服务，可以第一时间捕获线上环境中小游戏的异常、错误或者 BUG，及时给开发者推送报警，帮助您快速修复 BUG。Fundebug的微信小游戏BUG监控插件更新至0.5.0，新增httpTimeout配置选项，支持监控 HTTP 慢请求，同时修复了记录的...
2019-08-06 10:22:00
192
转载 如何在浏览器中运行 VS Code？
摘要： WEB IDE新时代！作者：SHUHARI 的博客原文：有趣的项目 - 在浏览器中运行 Visual Studio CodeFundebug按照原文要求转载，版权归原作者所有。众所周知，Visual Studio Code 是基于 Electron 的，而Electron 又是一个“双头怪”——基于 Web 技术的桌面应用平台。但在最近，Coder 的开发者最近做了有...
2019-08-05 10:13:00
611
转载 澄清Fundebug录屏技术的几点误会
1. "视频"并非真的视频、也不是通过连续播放大量截图来实现首先请大家观看这个视频：视频中，当鼠标点击“场景重现”，会立即播放一段“视频”。它完整的记录了用户点餐时候遇到障碍之前的一段操作。这段“视频”看起来和真的视频几乎一样，所以会被误以为是通过录制视频来记录的。实际上，它并非视频。我们在客户端通过记录操作序列(用户行为、DOM变化)，在重放的时候将操作序列再执行一遍，看起来就...
2019-08-02 09:49:00
396
转载 处理 JS中 undefined 的 7 个技巧
摘要： JS的大部分报错都是undefined...作者：前端小智原文：处理 JS中 undefined 的 7 个技巧Fundebug经授权转载，版权归原作者所有。大约8年前，当原作者开始学习JS时，遇到了一个奇怪的情况，既存在undefined 的值，也存在表示空值的null。它们之间的明显区别是什么?它们似乎都定义了空值，而且，比较null == undefined的计...
2019-08-01 10:00:00
774
转载 Visual Studio Code 远程开发探秘
摘要： IDE新时代！作者：SHUHARI 的博客原文：Visual Studio Code 远程开发探秘Fundebug按照原文要求转载，版权归原作者所有。在以前的文章 有趣的项目 - 在浏览器中运行 Visual Studio Code， 我介绍过 Coder 开发团队将 Visual Studio Code 搬到浏览器里的尝试。这是一个有趣的项目，不过没有想到的是，这之...
2019-07-31 10:22:00
478
转载 Fundebug后端Node.js插件更新至0.2.0，支持监控Express慢请求
摘要： 性能问题也是BUG，也需要监控。Fundebug后端Node.js异常监控服务Fundebug是专业的应用异常监控平台，我们Node.js插件fundebug-nodejs可以提供全方位的异常监控，支持Express、Koa以及Hapi框架。从用户的角度理解，性能问题某种程度上也是BUG，它可能是数据库的索引问题，可能是代码算法问题，也可能是业务逻辑的设计有问题。为了帮助...
2019-07-31 09:56:00
109
转载 8个有意思的JavaScript面试题
摘要： 神奇的JS系列。作者：前端小智原文：8个问题看你是否真的懂 JSFundebug经授权转载，版权归原作者所有。JavaScript 是一种有趣的语言，我们都喜欢它，因为它的性质。浏览器是JavaScript的主要运行的地方，两者在我们的服务中协同工作。JS有一些概念，人们往往会对它掉以轻心，有时可能会忽略不计。原型、闭包和事件循环等概念仍然是大多数JS开发人员绕道而行...
2019-07-30 11:09:00
140
转载 GraphQL快速入门教程
摘要： 体验神奇的GraphQL!原文：GraphQL 入门详解作者：MudOnTireFundebug经授权转载，版权归原作者所有。GraphQL简介定义一种用于API调用的数据查询语言核心思想传统的api调用一般获取到的是后端组装好的一个完整对象，而前端可能只需要用其中的某些字段，大部分数据的查询和传输工作都浪费了。graphQL提供一种全新数据查询方式，可以只获...
2019-07-29 10:39:00
106
转载 ES6之Proxy 的巧用
摘要： Proxy的骚操作。作者：前端小智原文：Proxy 的巧用Fundebug经授权转载，版权归原作者所有。Proxy 介绍使用Proxy，你可以将一只猫伪装成一只老虎。下面大约有6个例子，我希望它们能让你相信，Proxy 提供了强大的 Javascript 元编程。尽管它不像其他ES6功能用的普遍，但Proxy有许多用途，包括运算符重载，对象模拟，简洁而灵活的API...
2019-07-27 10:23:00
60
转载 一步一步搭建前端监控系统：如何将网页截图上报？
摘要： 通过录屏或者截图，快速复现BUG场景。作者：一步一个脚印一个坑原文：搭建前端监控系统（备选）Js截图上报篇Fundebug经授权转载，版权归原作者所有。PS：本文关于Fundebug录屏功能的内容有些不准确的地方，比如录屏并非通过截图实现的，录屏插件的BUG也已经修复了，录屏并非只支持Chrome，录屏数据并不大，录屏性能也优化了很多。背景：市面上的监控系统有很多，...
2019-07-26 10:38:00
265
转载 详解JavaScript的任务、微任务、队列以及代码执行顺序
摘要： 理解JS的执行顺序。作者：前端小智原文：详解JavaScript的任务、微任务、队列以及代码执行顺序思考下面 JavaScript 代码：console.log("script start");setTimeout(function() { console.log("setTimeout");}, 0);Promise.resolve() ....
2019-07-25 10:53:00
125
转载 Fundebug录屏插件更新至0.5.0，新增domain参数
摘要： 通过配置domain来保证“视频”的正确录制录屏功能介绍Fundebug提供专业的异常监控服务，当线上应用出现 BUG 的时候，我们可以第一时间报警，帮助开发者及时发现 BUG，提高 Debug 效率。在网页端，我们通过原创的录屏技术，可以 100%还原 BUG 出现之前用户的操作流程，帮助开发者快速复现出错场景。演示视频如下：其实，我们录制的并不是一个真正的视频！...
2019-07-25 09:30:00
109
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人