olddog

我的梦想
不是每个人都应该像我这样去建造一座水晶大教堂，但是每个人都应该拥有自己的梦想，设计自己的梦想，追求自己的梦想，实现自己的梦想。我的梦想是35岁就退休。——olddog
                            
                            使用Sentry做监控和性能分析
                        
                                使用 sentry 做异常监控sentry 异常监控原理异常详情获取sentry通过覆写 window.onerror和 window.unhandlerejection这两个api来实现自动捕获异常
1234567891011121314
                            
                                2022-11-04
                            
                                    前端工程化
                                
                            异常监控
                        
                            Sentry
                        
                            性能分析
                        
                            从0到1搭建前端监控系统
                        
                                搭建异常监控系统流程
收集异常报错
上报异常信息
构建时将sourcemap文件上传至服务器
报错时服务器接收错误并记录到日志中
根据sourcemap和错误日志内容进行错误分析

收集异常报错代码异常JS 执行异常
Error： 最基本的
                            
                                2022-11-01
                            
                                    前端工程化
                                
                            异常监控
                        
                            Eeact/Vue的Diff算法
                        
                                ReactReact16之前是直接递归渲染 vdom setState会触发重新渲染 对比渲染出的新旧vdom 对差异部分进行 dom 操作
React16之后 为了性能优化 会先将 vdom转换为fiber （从树转换成链表） 然后在渲染
                            
                                2022-10-25
                            
                                    框架
                                
                            Vue
                        
                            React
                        
                            计算机网络知识系列一
                        
                                在网上冲浪的我们，无时无刻都在用着网络，而作为一名程序猿，我们更是每天都和网络打交道，但是和用户不同的是，用户只需要知道如何使用数据和 wifi 即可，而我们开发人员则需要知道网络背后的知识和秘密，无论学习还是求职，计网都是我们绕不开的知识
                            
                                2022-10-11
                            
                                    计算机网络
                                
                            计网
                        
                            浏览器原理系列（一）：关于架构、TCP/HTTP、缓存以及渲染流程的原理
                        
                                我们都知道前端工程师每天都需要和浏览器打交道，浏览器对于我们的重要程度不言而喻。但是不知道各位在日常开发（摸鱼 bushi）中有没有和笔者有一些共同的疑惑，比如为什么我只是打开了一个标签页却开了好几个进程（可通过浏览器的任务管理器查看）、为
                            
                                2022-10-05
                            
                                    浏览器
                                
                            浏览器
                        
                            前端常见性能优化方式及手段
                        
theme: smartblue在前端发展日新月异的今天，我们前端能做的事情越来越多，但随之而来的是我们的项目越来越大，功能越来越复杂，这个时候前端性能优化避免不了的话题。大家可能或多或少都有了解/学习过一些优化的知识，但是你是否系统去学
                            
                                2022-09-27
                            
                                    性能优化
                                
                            性能优化
                        
                            webpack相关原理及使用
                        
theme: channing-cyan在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，那说到工程化，不可避免地就会谈到 webpack（虽然市面上已经有了很多成熟好用的打包工具，如rollup、vite，
                            
                                2022-09-27
                            
                                    前端工程化
                                
                            webpack
                        
                            构建工具
                        
                            前端设计模式之发布-订阅模式
                        
                                携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第2天，点击查看活动详情。
昨天我发布了一篇关于策略模式和代理模式的文章，收到的反响还不错，于是今天我们继续来学习前端中常用的设计模式之一：发布-订阅模式。说到发布订阅模式
                            
                                2022-09-27
                            
                                    前端基础
                                
                            设计模式
                        
                            谈谈前端中的设计模式和使用场景
                        
theme: channing-cyan携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第N天，点击查看活动详情。相信大家在日常学习和工作中都多多少少听说/了解/使用过 设计模式，我们都知道，使用恰当的设计模式可以优化
                            
                                2022-09-27
                            
                                    前端基础
                                
                            设计模式
                        
                            深入解析浏览器事件循环机制
                        
                                浏览器事件循环
js是单线程的 非阻塞的
如果是多线程 会面临很多问题 比如一个DOM元素被同时操作带来的问题 （H5 提出Web Worker标准 有很多限制 受主线程的控制 是主线程的子线程
通过event Loop实现非阻塞

浏览
                            
                                2022-09-27
                            
                                    浏览器
                                
                            浏览器原理
                        
                            js
                        
                            一文带你读懂this、作用域和原型链
                        
                                变量提升的原理：JavaScript的执行顺序变量提升：JavaScript代码执行过程中 JavaScript引擎把变量的声明部分和函数的声明部分提升到代码开头的行为 （变量提升后以undefined设为默认值）
123456789101
                            
                                2022-09-27
                            
                                    浏览器
                                
                            浏览器原理
                        
                            浏览器是如何将HTML、CSS、JavaScript变成可视的页面的
                        
                                浏览器是如何将 HTML、CSS、JavaScript 变成可视的页面的渲染流程渲染模块在执行过程中会被划分为很多子阶段 输入的HTML、CSS、JavaScript经过这些子阶段处理输出像素 这个处理流程叫做渲染流水线

流水线分为以下几
                            
                                2022-09-27
                            
                                    浏览器
                                
                            浏览器
                        
                            浏览器原理