- 博客(56)
- 收藏
- 关注
RSS订阅转载 用了这么久HTTP, 你是否了解Content-Length?
摘要： 理解HTTP协议...原文：用了这么久HTTP, 你是否了解Content-Length和Transfer-Encoding ?作者：朴瑞卿的博客由Content-Length导致的问题引发的一系列思考:前段时间开发API网关, 使用postman调试时出现了超时的情况, 经排查确定是请求数据被处理后Content-Length与实际不一致导致的问题, 故有此文.Conte...
2019-09-10 13:02:55
708
转载 如何实现Web页面录屏？
摘要： 很有意思的操作... 原文：web页面录屏实现译者：frontdogFundebug经授权转载，版权归原作者所有。写在前面的话在看到评论后，突然意识到自己没有提前说明，本文可以说是一篇调研学习文，是我自己感觉可行的一套方案，后续会去读读已经开源的一些类似的代码库，补足自己遗漏的一些细节，所以大家可以当作学习文，生产环境慎用。录屏重现错误场景如果你的应用有接入到web ap...
2019-09-09 12:32:39
530
转载 GitHub最强技术面试手册：Tech Interview Handbook
GitHub最强技术面试手册：Tech Interview Handbook摘要： 求职还是需要认真准备的。原文：超实用技术面试手册，从工作申请、面试考题再到优势谈判，GitHub获30000星作者：量子位技术人员求职面试，单刷leetcode上的大厂题库可能还不够。简历怎么写才能吸引HR的眼光，可能会被技术老大问到哪些常见问题，拿到Offer之后怎样才能让自己的优势最大化然后优中选...
2019-09-07 10:01:49
197
转载 GitHub最强技术面试手册：Tech Interview Handbook
GitHub最强技术面试手册：Tech Interview Handbook摘要： 求职还是需要认真准备的。原文：超实用技术面试手册，从工作申请、面试考题再到优势谈判，GitHub获30000星作者：量子位技术人员求职面试，单刷leetcode上的大厂题库可能还不够。简历怎么写才能吸引HR的眼光，可能会被技术老大问到哪些常见问题，拿到Offer之后怎样才能让自己的优势最大化然后优中选...
2019-09-07 10:01:48
443
转载 Fundebug前端异常监控插件更新至2.0.0，全面支持TypeScript
摘要： 是时候支持TS了！Fundebug前端异常监控服务Fundebug提供专业的前端异常监控服务，我们的插件可以提供全方位的异常监控，可以帮助开发者第一时间定位各种前端异常，包括但不限于JavaScript执行错误以及HTTP请求错误。并且，Fundebug支持Source Map还原，记录用户行为以及“录制”用户操作视频，帮助开发者快速复现BUG，提高Debug效率，欢迎大家免费试用...
2019-09-05 13:09:43
101
转载 20个常用的JavaScript字符串方法
摘要： 玩转JS字符串。原文：JS 前20个常用字符串方法及使用方式译者：前端小智Fundebug经授权转载，版权归原作者所有。本文主要介绍一些最常用的JS字符串函数。1. charAt(x)charAt(x)返回字符串中x位置的字符，下标从 0 开始。 //charAt(x) var myString = 'jQuery FTW!!!'; console....
2019-08-30 09:20:10
87
转载 ES新提案：双问号操作符
摘要： 简单实用的新特性。原文：ES新提案：双问号操作符译者：前端小智本文主要讲Gabriel Isenberg撰写的ES提案“Nullish coalescing for JavaScript”。 它提出?? 替换||的运算符,并提供默认值。这里先把这相提案叫作双问号操作符，如果你有好的叫法，欢迎留言讨论。1. 概述双问号 ?? 的操作符跟 || 类似，如果给定变量值为 null ...
2019-08-28 13:02:53
159
转载 Fundebug录屏插件更新至0.6.0
摘要： 录屏插件的性能进一步优化，传输的数据体积大幅度减少。录屏功能介绍Fundebug提供专业的异常监控服务，当线上应用出现 BUG 的时候，我们可以第一时间报警，帮助开发者及时发现 BUG，提高 Debug 效率。在网页端，我们通过原创的录屏技术，可以 100%还原 BUG 出现之前用户的操作流程，帮助开发者快速复现出错场景。演示视频如下：<video id="pelican-i...
2019-08-27 08:44:23
95
转载 Fundebug微信小程序BUG监控服务支持Source Map
摘要： 自动还原真实出错位置，快速修复BUG。Source Map功能微信小程序的Source Map功能目前只在 iOS 6.7.2 及以上版本支持。微信小程序在打包时，会将所有 js 代码打包成一个文件，从而减少体积，加快访问速度。然而，压缩代码的错误是很难Debug的，因为错误位置是这样的:文件：app-service.js行号：13782列号：7974这时，错误的...
2019-08-26 08:53:43
246
转载 5个 JS 解构有趣的用途
摘要： 玩转ES6解构赋值。原文：5个 JS 解构有趣的用途译者：前端小智1. 交换变量通常交换两个变量的方法需要一个额外的临时变量,来看看例子： let a = 1; let b = 2; let temp; temp = a; a = b; b = temp; a; // => 2 b; // => 1...
2019-08-24 10:14:48
75
转载 如何快速搭建一个短链接服务？
摘要： 很简单的短链接教程。原文：十分钟实现短链接服务（Node + Express + MongoDB）作者：MudOnTireFundebug经授权转载，版权归原作者所有。短链接我们或多或少都使用过，所谓短链接就是根据较长的原链接url生成一段较短的链接，访问短链接可以跳转到对应的原链接，这样做好处在于：1. url更加美观；2. 便于保存和传播；3. 某些网站内容发布有字数限制，...
2019-08-23 09:04:09
220
转载 React教程：4 个 useState Hook 示例
摘要： React示例教程。原文：快速了解 React Hooks 原理译者：前端小智到 React 16.8 目前为止，如果编写函数组件，然后遇到需要添加状态的情况，咱们就必须将组件转换为类组件。编写 class Thing extends React.Component，将函数体复制到render()方法中，修复缩进，最后添加需要的状态。今天，可以使用 Hook 获得相同的功能，...
2019-08-22 12:59:21
207
转载 React Hooks究竟是什么呢？
摘要： React Hooks原理解析。原文：快速了解 React Hooks 原理译者：前端小智我们大部分 React 类组件可以保存状态，而函数组件不能？ 并且类组件具有生命周期，而函数组件却不能？React 早期版本，类组件可以通过继承PureComponent来优化一些不必要的渲染，相对于函数组件，React 官网没有提供对应的方法来缓存函数组件以减少一些不必要的渲染，直接 1...
2019-08-21 12:50:05
213
转载 一步一步搭建前端监控系统：如何监控资源加载错误？
摘要： 资源加载失败会破坏产品功能以及用户体验....作者：一步一个脚印一个坑原文：搭建前端监控系统（三）静态资源加载监控篇Fundebug经授权转载，版权归原作者所有。一步一步搭建前端监控系统系列博客：一步一步搭建前端监控系统：JS错误监控篇一步一步搭建前端监控系统：如何将网页截图上报？一步一步搭建前端监控系统：接口请求异常监控篇一步一步搭建前端监控系统：如何定位前端线上问...
2019-08-17 11:09:22
210
转载 Promise的三兄弟：all(), race()以及allSettled()
摘要： 玩转Promise。原文：Promise 中的三兄弟 .all(), .race(), .allSettled()译者：前端小智Fundebug经授权转载，版权归原作者所有。从ES6 开始，我们大都使用的是 Promise.all()和Promise.race()，Promise.allSettled() 提案已经到第4阶段，因此将会成为ECMAScript 2020的一部分。...
2019-08-16 12:08:12
441
转载 JavaScript中this究竟指向什么？
摘要： 神奇的this！原文：JS 中 this 在各个场景下的指向译者：前端小智Fundebug经授权转载，版权归原作者所有。1. this 的奥秘很多时候, JS 中的 this 对于咱们的初学者很容易产生困惑不解。 this 的功能很强大，但需要一定付出才能慢慢理解它。对Java、PHP或其他标准语言来看，this 表示类方法中当前对象的实例。大多数情况下，this 不能在方...
2019-08-15 09:12:49
162
转载 8种常见数据结构及其Javascript实现
摘要： 面试常问的知识点啊...原文：常见数据结构和Javascript实现总结作者：MudOnTireFundebug经授权转载，版权归原作者所有。做前端的同学不少都是自学成才或者半路出家，计算机基础的知识比较薄弱，尤其是数据结构和算法这块，所以今天整理了一下常见的数据结构和对应的Javascript的实现，希望能帮助大家完善这方面的知识体系。1. Stack（栈）Stack的...
2019-08-12 20:22:12
100
转载 JavaScript函数式编程究竟是什么?
摘要： 理解函数式编程。作者：前端小智原文：JS中函数式编程基本原理简介Fundebug经授权转载，版权归原作者所有。在长时间学习和使用面向对象编程之后，咱们退一步来考虑系统复杂性。在做了一些研究之后，我发现了函数式编程的概念，比如不变性和纯函数。这些概念使你能够构建无副作用的函数，因此更容易维护具有其他优点的系统。在这篇文章中，将通大量代码示例来详细介绍函数式编程和一些相关重要概...
2019-08-07 10:12:08
100
转载 网页应该如何录屏呢？
摘要： 网页应该如何录屏呢？作者：Winty原文：用户行为录帧调研Fundebug经授权转载，版权归原作者所有。关键点首先，每一次会话都有一个唯一的session ID，这是串联起所有行为的纽带。其次，用户行为又分成两个部分，其一是用户的操作，比如鼠标滑动，点击，页面滚动等，其二是页面的变化。这两者我们都统称为用户行为，记录在同一个队列中。一开始的时候，系统会记录下初始的页面作...
2019-08-06 10:40:16
811
转载 一步一步搭建前端监控系统：如何记录用户行为？
摘要： 通过记录用户行为，快速复现BUG场景。作者：一步一个脚印一个坑原文：搭建前端监控系统（备选）用户行为统计和监控篇（如何快速定位线上问题）Fundebug经授权转载，版权归原作者所有。一步一步搭建前端监控系统系列博客：一步一步搭建前端监控系统：JS错误监控篇一步一步搭建前端监控系统：如何将网页截图上报？一步一步搭建前端监控系统：接口请求异常监控篇一步一步搭建前端监控系统...
2019-08-03 10:37:02
332
转载 处理 JS中 undefined 的 7 个技巧
摘要： JS的大部分报错都是undefined...作者：前端小智原文：处理 JS中 undefined 的 7 个技巧Fundebug经授权转载，版权归原作者所有。大约8年前，当原作者开始学习JS时，遇到了一个奇怪的情况，既存在undefined 的值，也存在表示空值的null。它们之间的明显区别是什么?它们似乎都定义了空值，而且，比较null == undefined的计算结果为t...
2019-08-01 10:12:38
1573
转载 Visual Studio Code 远程开发探秘
摘要： IDE新时代！作者：SHUHARI 的博客原文：Visual Studio Code 远程开发探秘Fundebug按照原文要求转载，版权归原作者所有。在以前的文章 有趣的项目 - 在浏览器中运行 Visual Studio Code， 我介绍过 Coder 开发团队将 Visual Studio Code 搬到浏览器里的尝试。这是一个有趣的项目，不过没有想到的是，这之后不久微软...
2019-07-31 10:39:14
438
转载 8个有意思的JavaScript面试题
摘要： 神奇的JS系列。作者：前端小智原文：8个问题看你是否真的懂 JSFundebug经授权转载，版权归原作者所有。JavaScript 是一种有趣的语言，我们都喜欢它，因为它的性质。浏览器是JavaScript的主要运行的地方，两者在我们的服务中协同工作。JS有一些概念，人们往往会对它掉以轻心，有时可能会忽略不计。原型、闭包和事件循环等概念仍然是大多数JS开发人员绕道而行的晦涩领域...
2019-07-30 11:22:56
118
转载 GraphQL快速入门教程
摘要： 体验神奇的GraphQL!原文：GraphQL 入门详解作者：MudOnTireFundebug经授权转载，版权归原作者所有。GraphQL简介定义一种用于API调用的数据查询语言核心思想传统的api调用一般获取到的是后端组装好的一个完整对象，而前端可能只需要用其中的某些字段，大部分数据的查询和传输工作都浪费了。graphQL提供一种全新数据查询方式，可以只获取需要的数...
2019-07-29 10:47:16
204
转载 ES6之Proxy 的巧用
摘要： Proxy的骚操作。作者：前端小智原文：Proxy 的巧用Fundebug经授权转载，版权归原作者所有。Proxy 介绍使用Proxy，你可以将一只猫伪装成一只老虎。下面大约有6个例子，我希望它们能让你相信，Proxy 提供了强大的 Javascript 元编程。尽管它不像其他ES6功能用的普遍，但Proxy有许多用途，包括运算符重载，对象模拟，简洁而灵活的API创建，对象...
2019-07-27 10:32:00
201
转载 一步一步搭建前端监控系统：如何将网页截图上报？
摘要： 通过录屏或者截图，快速复现BUG场景。作者：一步一个脚印一个坑原文：搭建前端监控系统（备选）Js截图上报篇Fundebug经授权转载，版权归原作者所有。PS：本文关于Fundebug录屏功能的内容有些不准确的地方，比如录屏并非通过截图实现的，录屏插件的BUG也已经修复了，录屏并非只支持Chrome，录屏数据并不大，录屏性能也优化了很多。背景：市面上的监控系统有很多，大多收费，...
2019-07-26 10:43:00
185
转载 详解JavaScript的任务、微任务、队列以及代码执行顺序
摘要： 理解JS的执行顺序。作者：前端小智原文：详解JavaScript的任务、微任务、队列以及代码执行顺序思考下面 JavaScript 代码：console.log("script start");setTimeout(function() { console.log("setTimeout");}, 0);Promise.resolve() .then(...
2019-07-25 11:00:18
111
转载 Fundebug录屏插件更新至0.5.0，新增domain参数
摘要： 通过配置domain来保证“视频”的正确录制录屏功能介绍Fundebug提供专业的异常监控服务，当线上应用出现 BUG 的时候，我们可以第一时间报警，帮助开发者及时发现 BUG，提高 Debug 效率。在网页端，我们通过原创的录屏技术，可以 100%还原 BUG 出现之前用户的操作流程，帮助开发者快速复现出错场景。演示视频如下：https://static.fundebug.cn/e...
2019-07-25 09:52:59
85
转载 如何优雅地处理Async/Await的异常？
译者按： 使用.catch()来捕获所有的异常原文: Async Await Error Handling in JavaScript译者: Fundebug本文采用意译，版权归原作者所有async/await 中的异常处理很让人混乱。尽管有很多种方式来应对async 函数的异常，但是连经验丰富的开发者有时候也会搞错。假设你有一个叫做run()的异步函数。在本文中，我会描述 3 种方...
2019-07-24 09:07:06
336
转载 21个极大提高开发效率的VS Code快捷键
摘要： 高效使用VS Code!作者：前端小智原文：21 个VSCode 快捷键，让代码更快，更有趣Fundebug经授权转载，版权归原作者所有。注意：自己尝试的时候，Mac(17, pro) 与原文提供的快捷键盘不太一样，mac 对应的 Ctrl 要换成 command做为前端开发者来说，大都数都用过 VSCode，并且也有很多是经常用的。但 VSCode 的一些快捷键可能我们...
2019-07-23 10:39:05
163
转载 Lodash 严重安全漏洞背后 你不得不知道的 JavaScript 知识
摘要： 详解原型污染。原文：Lodash 严重安全漏洞背后 你不得不知道的 JavaScript 知识作者：Lucas HCFundebug经授权转载，版权归原作者所有。可能有信息敏感的同学已经了解到：Lodash 库爆出严重安全漏洞，波及 400万+ 项目。这个漏洞使得 lodash “连夜”发版以解决潜在问题，并强烈建议开发者升级版本。我们在忙着“看热闹”或者“”升级版本”的同时...
2019-07-22 10:22:49
160
转载 Facebook发布全新JavaScript引擎：Hermes
摘要： JS引擎开始升级了...原文：技术栈中的爱马仕？Facebook发布全新JavaScript引擎：Hermes作者：Carson_HoFundebug经授权转载，版权归原作者所有。前言目前，用户的流畅体验是用户能长期使用某个移动客户端应用App的重要指标之一，因此，移动客户端应用App的性能问题备受关注。最近，一个崭新的JavaScript引擎面世：Hermes，它是Fa...
2019-07-20 10:15:50
127
转载 fetch的常见问题及其解决办法
摘要： 玩转fetch。作者：wonyun原文：fetch使用的常见问题及其解决办法Fundebug经授权转载，版权归原作者所有。首先声明一下，本文不是要讲解fetch的具体用法，不清楚的可以参考MDN fetch教程。引言说道fetch就不得不提XMLHttpRequest了，XHR在发送web请求时需要开发者配置相关请求信息和成功后的回调，尽管开发者只关心请求成功后的业务处理，...
2019-07-18 11:20:52
1222
转载 为什么重复的GET请求变慢了？
最近在研究慢请求监控的问题，写了一个简单的测试代码：在网页端(index.html)通过fetch函数向服务端获取数据，然后打印请求耗时。function requestData() { let start = new Date(); fetch("http://localhost:3000/company/basic") .then(res => { ...
2019-07-17 12:20:34
301
转载 JavaScript深入浅出第4课：V8引擎是如何工作的？
摘要： 性能彪悍的V8引擎。《JavaScript深入浅出》系列：JavaScript深入浅出第1课：箭头函数中的this究竟是什么鬼？JavaScript深入浅出第2课：函数是一等公民是什么意思呢？JavaScript深入浅出第3课：什么是垃圾回收算法？JavaScript深入浅出第4课：V8是如何工作的？最近，JavaScript生态系统又多了2个非常硬核的项目。大神Fabr...
2019-07-16 09:25:11
137
转载 一步一步搭建前端监控系统：如何定位前端线上问题？
摘要： 记录用户行为，排查线上BUG。作者：一步一个脚印一个坑原文：如何定位前端线上问题（如何排查前端生产问题）Fundebug经授权转载，版权归原作者所有。一直以来，前端的线上问题很难定位，因为它发生于用户的一系列操作之后。错误的原因可能源于机型，网络环境，复杂的操作行为等等，在我们想要去解决的时候很难复现出来，自然也就无法解决。 当然，这些问题并非不能克服，让我们来一起看看如何去定...
2019-07-15 15:33:59
130
转载 一步一步搭建前端监控系统：接口请求异常监控篇
摘要： 如何监控HTTP请求错误？作者：一步一个脚印一个坑原文：搭建前端监控系统（四）接口请求异常监控篇Fundebug经授权转载，版权归原作者所有。背景：市面上的监控系统有很多，大多收费，对于小型前端项目来说，必然是痛点。另一点主要原因是，功能虽然通用，却未必能够满足我们自己的需求, 所以我们自给自足也许是个不错的办法。这是搭建前端监控系统的第四章，主要是介绍如何统计静态资源加载报...
2019-07-13 09:08:01
1134
转载 如何使用 Set 来提高JS代码的性能
摘要： 高效使用Set！作者：前端小智原文：如何使用 Set 来提高代码的性能Fundebug经授权转载，版权归原作者所有。为了保证的可读性，本文采用意译而非直译。我确信有很多开发人员坚持使用基本的全局对象：数字，字符串，对象，数组和布尔值。对于许多用例，这些都是需要的。 但是如果想让你的代码尽可能快速和可扩展，那么这些基本类型并不总是足够好。在本文中，我们将讨论JS 中Set对象...
2019-07-12 11:28:46
92
转载 详解Vue的slot新用法
摘要： 理解Vue插槽。作者：前端小智原文：vue 2.6 中 slot 的新用法Fundebug经授权转载，版权归原作者所有。为了保证的可读性，本文采用意译而非直译。最近发布不久的Vue 2.6，使用插槽的语法变得更加简洁。 对插槽的这种改变让我对发现插槽的潜在功能感兴趣，以便为我们基于Vue的项目提供可重用性，新功能和更清晰的可读性。 真正有能力的插槽是什么？如果你是Vue的新...
2019-07-11 09:51:03
254
转载 详解Vue响应式原理
摘要： 搞懂Vue响应式原理！作者：浪里行舟原文：深入浅出Vue响应式原理Fundebug经授权转载，版权归原作者所有。前言Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接，不过理解其工作原理同样重要，这样你可以避开一些常见的问题。----官方文档本文将针对响应式原理做...
2019-07-10 16:50:30
125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人