wade3po的博客

SSE（Server-Sent Events，服务器发送事件），为特定目的而扩展的 HTTP 协议，用于实现服务器向客户端推送实时数据的单向通信。如果连接断开，浏览器会自动重连，传输的数据基于文本格式。SSE 的传输属于流式传输，流式传输的定义就是允许数据在发送方和接收方在建立连接之后，以连续的流的形式传输，不需要频繁的断开和建立连接。单向通信，服务端向客户端推送数据，客户端无法发送数据给客户端基于 HTTP 协议如果连接断开，浏览器会自动重新连接SSE 仅支持文本数据传输。

最近新起了一个项目，自己对一些结构有自己的坚持（或许说是习惯），于是要求另一个开发最好也做一些全局方面的代码结构和代码使用。个人觉得，如果对这块有一点洁癖或者是执着的，可以用这两个工具给自己的项目瘦瘦身。而我，既然改变不了别人，那就让自己随波逐流，融入这个项目，能跑就行。看了一下结果，有一些重复检测的有点不太合适，比如一些标签，居然检测出来是重复的。有些是代码风格不一样，需要理解，一些理念不一样，也需要理解。最后就是能跑就行，管他呢，大家一起堆。鄙视屎山代码，理解屎山代码，写出屎山代码。

最近新起了一个项目，自己对一些结构有自己的坚持（或许说是习惯），于是要求另一个开发最好也做一些全局方面的代码结构和代码使用。个人觉得，如果对这块有一点洁癖或者是执着的，可以用这两个工具给自己的项目瘦瘦身。而我，既然改变不了别人，那就让自己随波逐流，融入这个项目，能跑就行。不是想抱怨什么，有些是代码风格不一样能理解，一些理念不一样也能理解。最后就是能跑就行，管他呢，大家一起堆。看了一下结果，有一些重复检测的有点不太合适，比如一些标签，居然检测出来是重复的。鄙视屎山代码，理解屎山代码，写出屎山代码。

我还特地去提了个 issue，结果别人用这个 repo 可以，我就让两三个同事试试，结果惊呆了我，都可以，node 版本一模一样，有一个把整个项目打包给我（包括 node_modules），我的电脑还是不行。之前用 vite + VUE3 + TS 开发了几个项目，最近因为一个新项目，想着升级这些版本，就重新起了一个项目，结果遇到了然自己爆炸的问题。最终结果是我降了版本，v0.26.0 可以，我顺便也去提了 issue，描述了一下跟电脑有关系，结果不知道什么时候可以回复。

不知道为什么，最近大数据给我推荐了几篇前端做控制并发的文章，技术实现是没任何问题，使用到的技术核心也不错，就是应用的地方就有点问题了。

2、酒入豪肠，七分酿成了月光。余下三分啸成剑气，绣口一吐，就半个盛唐。1、矮人看戏何曾见，都是随人说短长。3、人生如逆旅，我亦是行人。

现代浏览器朝着第二操作系统一路狂奔，网页在线 PS、3D 地图、音视频编解码、游戏引擎等等应用，都在浏览器实现了，这都是基于 WebAssembly。WebAssem应不应该卷起来？

npx 的好处肯定就显而易见了，不用全局安装，节省了空间，每次使用的包都是远程最新的，对于那些只需要偶尔使用某些命令或工具的情况非常有用，如果是想要用不同的版本，npx 的优势也是很明显，根本不会版本冲突。缺点就是每次都得下载一下，网络不好的情况，需要一定的时间，如果不是常用的，用 npx 会很方便快捷，如果是常用的，还是建议全局安装一下。如果想看 npx 的缓存位置可以用 npm config get cache，里面_npx 就有，但是时效和什么时候清除，怎么样的机制清除，没找到对应的官方文档。

部署自己的博客或者前端静态页面，要嘛找一些免费托管平台，要嘛自己买服务器和域名。买了服务器，还得自己配置 nginx 和域名解析等。如果希望国内外都能访问，服务器最好是香港的，域名也可以不用备案。如果只是博客，有一些免费的托管平台，可以很容易的实现。

当在一些很古早的项目，或者非常临时的，想要在项目里请求一下服务器的接口，这时候，很少有那么好的后端临时开启所有可跨域，需要前端自己解决。使用框架，无非就是本地启动了一个服务，转发了本地发起的请求，在没有使用框架的情况下，我们也可以使用 node，自己启动一个服务做代理。一些不用框架，或者临时使用的话，还是蛮好用的，当作一个项目放着，用的时候就启动，甚至可以放到自己所在的项目里面，当作工具用。欢迎关注订阅号 coding个人笔记。

作为一个前端开发，操作数据库太过困难了，而 mongo 的操作语法就是 json，对前端非常友好，对于我这种技术水平，肯定是非常合适的。

应该没人不知道代码补全这个东西了吧，第一次使用 GitHub Copilot 之后，只觉得真香，现在居然还有一点离不了了。后面因为收费原因，就没再用了，找了一个 tabnine 替代，用了几天，体验是真的比不上 GitHub Copilot。现在市面上 AI 代码提示补全的插件蛮多的，好用不好用就得另说了，今天推荐几个。功能、支持的 IDE、支持的语言，大同小异。

MDN 上面的解释是 Web Component 是一套不同的技术，允许你创建可重用的定制元素（它们的功能封装在你的代码之外）并且在你的 web 应用中使用它们。其实挺语义化的，就是组件的意思。相对于 react 和 vue 可以很容易的创建一些组件，原生的最早之前对组件的概念非常弱。Web Component 的一个愿景就是可以使用原生的创建组件，跨越不同团队不同项目不同框架共用组件。

说句实话，开发过的大部分项目，UI 都是参考了 element、antd 等流行的 UI 组件库，而且一些组件是真的开箱即用，如果只是 input、button、select 等，很容易就封装了，但是一些 swiper、transfer、tree、dialog 等，涉及交互的，要自己封装一遍，是真的有难度，时间成本也真的挺高的。其实代码是否优雅，取决于写代码的人，不在于插件、框架，所以使用tailwindcss存在的那些问题，肯定也是有很好的解决方式，只是还没get到。，确实是非常精美的 UI 库。

为什么需要内网穿透，因为公网 IP 是有数量限制的，IPV4（由 32 位二进制数组成）只有 2^32 个，IPV6（由 128 位二进制数组成）理论有 2^128 个，所以没法满足公网 IP 人手一个。然后就是下载，windows 直接双击安装，一直 next 就行，然后链接账号，打开 cmd，输入第三步给的命令，不需要./，生成之后就可以直接用了。用 vite 新建项目进行穿透映射，发现，本地开发的时候，可以实时的更新，外部访问就跟本地开发一样，挺有意思的。，注册一下，选择免费的套餐。

不分析不知道，其中一个也没这么大，也是怪自己，当时为了扫码，用了好几个插件，代码没删除，所以这么大。而 lodash，最开始的时候没去查一下，lodash 提供了 esmodule 版本，可以按需引入，因为使用的也没有点多，改不改还在思考中（大概率是不改了，怕麻烦）。挺好用的，如果每个项目都大概分析一些，一些比较大的文件，进行优化，应该对越来越大的项目有挺大的帮助，只是，有人真的会去这样分析项目吗。所以，真的有人会去分析代码吗，还是，所做的项目，所在的团队，所在的公司，真的有在做这件事？

好像每一个到了 30 的程序员都会发出一些不是很正能量的感慨。各种中年危机、离职 X 个月、被裁、转行等的分享文章在不同平台都能搜索到。

前端开发，正常情况是不需要用到 https，免不了一些比较特殊的功能需要 https 才能调试，之前做的拍照扫码之类的，要用到摄像头，电脑 localhost 可以直接用，想用手机去测试就得 https。如果都是用 webpack、vite 等搭建的项目，自带提供了 https 的启动。除了自带的会很方便调试，其他就得自己本地安装证书了，用 OpenSSL 之类的，按照文档一步一步下来应该也能实现，只不够对于小模块功能调试，最理想的还是能快速启动，而不是还需要生成配置之类的。

有时候安装了依赖，typescript 会报错，修改编辑器和项目的 typescript 版本，ctrl+shift+p，然后输入 typescript，选择版本，使用 work space 的版本。tips:后面安装了一些其他东西，不知道为什么主题色不生效了，被覆盖了，在 main.ts 用 import()定时器引入才有用，没找到是因为配置哪个导致的。不知道是不是先入为主的观念，vue 就是使用 element，antd 用过一次，感觉是比 element 好，安装 antd 就不试了。

最近测试了几个 ES module 和 Commonjs 的例子，理解了之前不太理解的概念，记录一下。当然，不会系统的从模块化 xxx 开始，要是想多了解的可以去看看阮老师的 Module 那部分。会贴一小部分的代码，不会贴所有验证的代码。