前端农民工

前言

作为一名 JavaScript 开发者，那么你是必须要知道 JavaScript 程序内部的执行机制的。执行上下文和执行栈是JavaScript中非常关键的概念之一， 理解执行上下文和执行栈同样有助于理解其他的 JavaScript中的其他 概念如变量提升、作用域和闭包等。本文尽可能帮助你搞懂执行上下文和执行栈相关概念。

曾经以为遥遥无期的2022年，转眼就到了。自大学本科毕业以来，从事前端开发行业也有五年了，对于日常工作中的业务需求开发基本都已游刃有余，但总感觉自己还存在很大的提升空间，也许是遇到大家口中常说的每隔三年五年就会面临的上升瓶颈了吧。

一个优秀的前端工程师，不仅能高效完成页面的开发，还能掌握和实践一系列前端工程化的技术，包括脚手架与项目脚本，测试体系、监控体系、项目规范、项目构建和打包、项目部署和运维等。不仅能做项目，而且有足够的经验和方案做好项目，具体可以是性能优化方面或者是技术方面，性能优化如长列表优化、加载性能优化、提升项目的可维护性等，技术方面如微前端、服务端渲染、跨端开发等。

时间过得非常快，2021年已经到站了，回想年初的计划，有不少没有完成或者完成得不如预期，做得比较符合预期的也就只有关于前端框架源码学习方面，在工作之余阅读完了 Vue 生态相关的框架和插件的源码，包括Vue/Vuex/Vue-Router，后续有时间我会把阅读源码的笔记和自己的思考整理发出来。今天不想聊学习，谈谈我对个人能力与姿态的一些思考。

背景

众所周知，现在前端异常监控在实际生产环境中越来越重要了。通过给网站接入前端异常监控系统，我们能获得以下几个好处：

• 收集页面的错误信息
• 辅助定位代码错误位置
• 在用户报障前发现问题

这对于提升线上系统质量，降低线上故障数量，都具有非常重要的意义。相比于等待用户反馈故障，通过接入异常监控系统，能化被动为主动，缩短线上故障处理的流程和时间。

前言

喜欢分享是程序员的天性，所以大部分的程序员都会有一个自己的博客，里面的内容可以是一些工作中遇到的问题和解决思路，也可以是最近学习到的新技术的总结，也可以是对生活的思考和感悟。搭建个人博客的方式也有很多，可以直接在第三方博客平台上写作，如掘金、博客园、CSDN 等等，也可以使用 hexo 搭建博客部署到 github pages，当然如果拥有私有云服务器的还可以在上面借助 wordpress 博客系统搭建一个博客。本文要介绍的是使用 hexo 搭建博客，但是部署到私有云服务器。

背景

最近公司有个账户充值业务场景需要从线下支付迁移到线上支付：

• 线下支付场景：客户通过 POS 机付款或者扫码销售同学提供的付款二维码进行付款来完成支付，之后销售同学将相关信息录入到 CRM 后台，财务审核通过后才正式完成充值流程。
• 线上支付场景：销售同学先在 CRM 钉钉小程序中录入充值信息后生成订单，然后系统生成支付宝或者微信付款码，销售同学将付款码页面生成的图片发送给客户，客户付款后即完成充值流程。

整个充值流程优化上线后，大大缩短了客户账户从充值付款到充值到账的时间，明显提高了给客户账户充值的效率。

没有经过系统的学习、归纳和总结，任何知识都是掌握不牢固的。

对于始终要保持学习的程序员来说，学习的新技术不仅要进行实践，还要经常进行反思和复盘，然后通过笔记或者博客将自己的思考记录下来，只有这样做才能真正掌握新技术。

时间过得好快，转眼间2021年又过去大半年了，计划做的事情完成得并不理想，希望在下半年能努力补回来。

想想最近的一个月发生了太多的事情， 最出乎意料的是5月底广州荔湾的疫情大爆发，上班族居家办公的居家办公，核酸检测的核酸检测，餐饮行业暂停堂食，大家都过得不容易，乘车乘地铁必须是穗康码绿码，必须量体温，进入公司园区也需要先扫码出示绿码通行证，测量体温，好在事情总是往好的方向发展，今天终于有一条好消息传来，封闭了21天左右的荔湾区芳村解封了，希望疫情快点过去吧。

最近想给一个wordpress网站增加打赏功能，希望支持支付宝和微信进行打赏。最简单粗暴的方式是直接将自己的支付宝和微信收款二维码放上去，但是这样就无法实现自动将打赏信息记录到数据库并显示到打赏页面，要想实现这一功能，可以签约支付宝当面付基础版，https://b.alipay.com/signing/productDetailV2.htm?productId=I1011000290000001003，签约当面付基础版只需上传店铺门面照片，无须上传营业执照，所以对于大部分人来说都是可以签约成功的，微信商户签约比较麻烦，所以微信打赏暂时还是把收款二维码放上去。

背景

公司的M站采用 vue 技术栈开发，为单页面应用，随着页面数量的增加，网站打包后的体积不断增大，访问网站时加载的资源体积也不断增大，造成首屏白屏的时间过长，这种现象在APP内嵌H5页面比较明显，所以有必要对M站进行优化，提升用户体验。下图可以看到目前M站页面打开时需要加载的js文件，其中体积最大的文件达到了1.3M，在网络环境比较弱的环境下，在APP内打开M站的页面，可以很明显得感觉到加载慢，具体表现为白屏时间过长。