Gaby

整理了部分 `ES2019` 的特性，可以用来优化自己的代码，也可以用来面试阐述关于 ES6 之后的新特性。

进入今天的正题，因为项目上要重新搭建基础的开发环境，项目中也涉及到了 `websocket`,但是面对强耦合和屎山，不由得吓得我一哆嗦，伸手不是，下脚也不是，整个人都懵了，总是想改造下！

今天在 vue3 中引入 sockjs-client 的时候莫名的报了个错，而且页面里也没有 `global` 相关的内容，使得 sockjs-client 无法使用。通过一番查找资料，终得解决办法

虽然console 的调试能力有限，但是作为信息输出还是足够日常工作使用的，为了方便开发过程中方便调试部署到测试服务器上的代码，所以对 console.log 进行再封装，以满足日常调试需求。

使用上相对来说还是比较简单的，小伙伴们可以使用这个工具，来对自己所学的知识进行系统性的梳理下，以博客文章的形式展现出来，达到既有输入也有所输出。

随着网格布局的普及率越来越高，在前端面试中出现的概率也逐年增长，这里只做个引子，这方面的内容还是需要重视起来的，不只是面试中，在日常项目中页可以提高自己的排版布局效率。

再实际项目中，或多或少都能涉及到多个系统之间的通信，或者相互嵌套的情况，当系统并没有升级到微前端的高度的时候，iframe 则成了首选，而会 iframe 嵌套间的通信也成了必备技能之一！

很多人在用 `localStorage` 的时候喜欢直接用，明文存储，直接将信息暴露在；浏览器中，虽然一般场景下都能应付得了且简单粗暴，但特殊需求情况下就不行了，该学学封装提升下逼格了！

为了让前端更方便的测试打包后的文件在服务器上是否能正常显示，有必要单独弄一个 `http` 和 `https` 服务进行测试用，当然有条件的，你也可以在本地部署个 `nginx` 服务，都可以。