遇到大事的紧张。这种重要时刻的紧张感，是从何而生的呢？让我感觉到很刺激。我对此感到好奇。这种紧张，是一种魔幻的存在。但完全不存在于外界，而只存在于人的内心。纵然你心跳加速。呼吸急促，浑身颤抖的这种现象存在，但它真实来于于压迫吗？还是说，这种压迫只是来自于自己的内心呢？因为有的人就是可以完全的不紧张。看着腾讯会议里的头像一个个增多，8...

# 内网穿透 众所周知，由于 NAT 技术，用户被分割成了一个个的局域网，开放的 web 已经不复存在。由于 IPv4 地址的短缺，加上 IPv6 全面普及的遥遥无期，内网穿透有了极大的必要。 # frp 内网穿透技术有很多，我选择了比较主流的 frp。一般来说，内网穿透都需要一台具有公网 IP 的服务器，当然也有端到端的穿透，但是这种打洞技术需要在两个客户端之间都安装穿透软件，无法直接使用 Web，暂时不使用。以后需要在两个设备之间传输大文件时再使用这种。 # 使用 frp 将本地网站映射到公网 操作步骤： 下载对应的 frp 包，并解压 将 frps 程序 和 frps.ini...

# 一千五百行的组件 在很长的一段时间内，我仍然在 SPA 开发时没有去拆分组件，而是将所有的逻辑代码写在了同一个组件之中。因为这些 UI 和代码没有复用的需要，写在一个组件中还省去了组件通信的麻烦。所有的变量都近乎是全局变量，写起来不要太简单。但很快，我就吃到了苦果。变量和函数越来越多，命名越来越长，超过一千五百行的组件代码，让我在来回的滚动，即使是一直用 Ctrl+F，查找代码块的位置都花了不少时间。 # 拆分组件的好处与困难 于是我终于决定对其拆分。想了一下拆分有哪些好处: 代码高内聚低耦合，模块化更明显，每个组件只需做好分类之事，debug...

# 起源 再次在在线笔记的架构选择中使用了三层架构，之前还是在三年多前学习 ASP.NET 的时候使用过，后来并未怎么写过代码，于是已经忘却。 # 新的发现 刚开始，我的在线笔记没有分层，所有的代码全部写在一个 js 文件中，刚开始，只有几个接口的时候没有什么感觉，到了后来，接口数量和业务逻辑越来越多，我才明白了分层的重要性。 我也明白了代码需要高内聚低耦合的重要。 #...

# 2023/1/11 4:34 # 视口是什么 在桌面浏览器中，视口即指的是浏览器窗口。 在移动端中，视口分为布局视口（layout viewport）和视觉视口（visual viewport），还有一个概念叫做理想视口（ideal viewport），它是布局视口的理想实现。理想视口的宽度等于视觉视口。 # 视觉视口 视觉视口即移动端屏幕的范围，即设备的可视区域。单位为 CSS 像素（见后文）。 当我们在手机中缩放时，视觉视口的大小会被改变。 # 布局视口 布局视口即我们在 css 代码中可获取的视口范围，我们编写的 html...

# 1. 今日之收获 今天的主要收获是，在帮助石磊的时候，重新审视了 node 在线聊天的许多漏洞，并加以完善，而且，在功能的拓展中，我充分的体会到了我当初使用状态码来进行接口消息的区分是多么正确的决定。使用三位数状态码来标记接口传输的 json 数据的功能，使我在扩展接口时非常顺利，没有任何的困难。这就是之前充分设计的好处，我终于体会到了代码需要良好的可扩展性，在写代码时，不仅仅要注重业务逻辑，更重要的是注重代码的健壮和可扩展性。之前忘了在哪看到，程序员老手写的代码只有 2 成是用在业务逻辑，剩下 8...