Wendy
## MySql - Workbench - navicat - sequel pro ## MongoDB - Robo 3T ## Redis - [Another Redis Desktop Manager](https://github.com/qishibo/AnotherRedisDesktopManager)
## 沙箱使用场景 在线编辑器，比如 [codepen](https://codepen.io/), [stackblitz](https://stackblitz.com/)，这种，代码运行都是运行在一个沙箱里的，因为不能因为使用者代码写的有问题，而导致平台直接挂掉了。 ## 有哪些方案 - 基于属性 diff 实现的沙箱机制(SnapshotSandbox) - proxy - iframe - webworker - 基于 ES 提案 ShadowRealm API 介绍 - vm2，node提供的原生的 ## 简单实现 ### 快照沙箱...
开源电子书推荐
## 《ECMAScript 6 入门》 - 地址：https://es6.ruanyifeng.com/#docs/function ## 《现代 JavaScript 教程》 - 地址：https://zh.javascript.info/ ## 《JS 函数式编程指南》 - 地址：https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ ## 《浏览器的工作原理：新式网络浏览器幕后揭秘》 - 作为一名网络开发人员，学习浏览器的内部工作原理将有助于您作出更明智的决策，并理解那些最佳开发实践的个中缘由。尽管这是一篇相当长的文档，但是我们建议您花些时间来仔细阅读；读完之后，您肯定会觉得所费不虚。 - 地址：https://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/ ## 《Vue技术揭秘》 - 全方位细致深度解析 Vue.js 的实现原理， Vue2.x...
## 埋点方案 - 全埋点 - 手动埋点（代码上报） ## 数据指标上报方式 前端埋点收集到的数据需要上报给服务端，目前较为常用的方案为三种。 ### 1. 动态创建img标签，通过src发出请求 通过 img 标签 ```js function sendByImg(src, data) { var img = document.createElement("img"); img.src = `${src}?log=${data}`; } ``` 通过...
前端异常包含很多种情况：1. js 编译时异常（开发阶段就能排）2. js 运行时异常；3. 加载静态资源异常（路径写错、资源服务器异常、CDN 异常、跨域）4. 接口请求异常等 - [前端监控体系怎么搭建？](https://github.com/closertb/closertb.github.io/issues/46) - [前端代码异常监控实战](https://github.com/happylindz/blog/issues/5) - [前端监控平台系列：JS SDK（已开源）](https://juejin.cn/post/6862559324632252430#heading-9) - UC 的岳鹰 ## 异常监控具体指标 - JS 语法错误、代码运行异常 ✅ - Http 请求异常 ✅ - 静态资源加载异常...
分了几篇文章分别来记录，按照 数据指标确定 -> 确认对应数据指标的采集形式 -> 如何上报 -> 埋点的几种方式 -> 数据分析，这样的流程来梳理埋点监控相关的知识体系。 ## 前端监控流程 - 前端埋点 - 数据上报 - 分析和计算 将采集到的数据进行加工汇总 - 可视化展示 将数据按各种维度进行展示 - 监控报警 发现问题后按一定条件触发报警 如何可视化展示 - 如何写各种各样的查询语句查出哪些最实用的数据 - 设备占比...
## 指标收集 ### 异常 - JS 语法错误、代码运行异常 ✅ - 静态资源加载异常 ✅ - promise 异常 ✅ - Http 请求异常 ✅ - ajax ✅ - fetch ✅ - Iframe 异常 - 跨域...
## 前言 1. 如果你有单独的后端开发服务器 API，并且希望在同域名下发送 API 请求 ，那么代理某些 URL 会很有用。 2. 解决开发环境的跨域问题(不用在去配置nginx和host, 爽歪歪~~) ## 在`webpack.config.js`中配置 > 下面简单介绍一下五个经常使用的场景 ### 使用一: ```js mmodule.exports = { //... devServer: { proxy: { '/api': 'http://localhost:3000'...
好用的工具推荐
## 画图工具 [draw.io](https://app.diagrams.net/) 开源github地址：https://github.com/jgraph/drawio 强烈推荐，免费开源，哈哈，从网上找到几个还要收费，但是看到很多都是基于这个的。  ## 思维导图 - XMind - [whimsical](https://whimsical.com/): Whimsical 是一个用于思考和协作的可视化工作空间，结合了流程图、思维导图、线框图、便笺、文档等多种类型 - [gitMind](https://gitmind.cn/): 免费在线思维导图软件，简化逻辑梳理，集思广益，释放创造力在线脑图、思维导图、流程图、工业设计、工程管理，一图涵千面 ## Markdown排版 使用工具 [markdown-nice](https://www.mdnice.com/)， 一种支持自定义样式的微信 Markdown 排版工具 同样也是一款开源的工具 github地址： https://github.com/mdnice/markdown-nice ## tableconvert [tableconvert](https://tableconvert.com/):...