blog
blog copied to clipboard
xuya227939
💡 技术博客
## 背景 之前一直在用 iPhone 备忘录作为账号密码管理，但在有些场景下用起来不是很顺手，比如会误修改文本，修改完后，自动给保存，找不到原始文本。用起来不是很方便。看看业界有那些密码管理方案。1Password，付费，用不起。经朋友推荐，尝试尝试 bitwarden 自搭建，免费版平替 1Password ## 准备工作 ### 服务器 **Tips：bitwarden 官方推荐配置最低2GRAM起步** 准备一台靠谱的服务器 ### 域名 注册一个域名用于访问你的服务器，然后进入域名 DNS 解析后台，新增一条 A 记录指向你的服务器 IP (这一步最好先做，因为部分 DNS 生效会比较久) 如果没有域名，裸 IP 号 +...
### 背景 大家好，我是江辰，最近小小的实现了下 chatGPT 的问答式回复，调研了前端如何实现这种问答式请求，有几种方案，Http、EventSource、WebSocket，三种实现方案各有优缺点，Http 和 WebSocket ，想必大家耳闻能详，这里我讲讲 EventSource ### EventSource >EventSource 是服务器推送的一个网络事件接口。一个 EventSource 实例会对 HTTP 服务开启一个持久化的连接，以text/event-stream 格式发送事件，会一直保持开启直到被要求关闭。 一旦连接开启，来自服务端传入的消息会以事件的形式分发至你代码中。如果接收消息中有一个事件字段，触发的事件与事件字段的值相同。如果没有事件字段存在，则将触发通用事件。 与 [WebSockets](https://developer.mozilla.org/zh-CN/docs/Web/API/WebSockets_API),不同的是，服务端推送是单向的。数据信息被单向从服务端到客户端分发。当不需要以消息形式将数据从客户端发送到服务器时，这使它们成为绝佳的选择。例如，对于处理社交媒体状态更新，新闻提要或将数据传递到客户端存储机制（如 IndexedDB 或 Web 存储）之类的，EventSource 无疑是一个有效方案。 --- 引自 MDN 对比...
## 问题 ``` pm2 The "data" argument must be of type string or an instance of Buffer, TypedArray, or DataView. Received type number ``` ## 解决 在本地运行 Node.js 发现并没有这个问题，后面随想可能是 PM2...
 转载周爱民老师《告前端同学书》，有些思绪需要发散，随联想到自己的过往。 文中提到'领域'一词，用在前端，个人认为非常合适。领域一词在我印象中，还需追溯到初中时期，我读的一本叫《吞噬星空》的小说，书籍大概400多万字，读起来却是昼夜不分（这也是我唯一看完的一本小说），此书也提到了领域，行星级武者可以展开自己的领域。我个人所理解的领域，用大白话通俗解释，就是当你的本领到达一定阶段时，你会在这个范围拥有一定的话语权。类似的阿里技术等级序列也是，通常来说，P7一般拥有自己的领域。 从疫情后开始，互联网的就业环境非常糟糕。前端就业，每况愈下，不断传出前端已死。之前，我也有发文，并不认同前端已死，如今还是持有该观点。周爱民老师的观点也与我一致。 我从16年入行至今，快7年的时光，经历了从 jQuery 时代到前端三大框架，如今相持不下的，只剩 React 和 Vue 。Angular 基本被社区抛弃，算是赶上了前端黄金时期的末尾阶段，前五年我是在做一个大前端方向，微信小程序、H5、Web、APP开发都有涉及，前端工程化链路搭建也小有涉及。所谓的技术广泛度。也向往大厂。想见识见识大厂的工作氛围，大厂的技术链路到底是怎样的。后面，我进去了，但也经历了裁员，之前的想法是想靠大厂背书 + 前端工具链路这个方向，做可持续性的发展。随后，我搞了微前端，想在这个领域深入下去，但这条路走失败了，让我不得不重新思考，未来的出路在那？35岁以后呢？我可不想去送外卖，开滴滴。 后面，我接触到了 WebGL，前端3D图形化的概念和场景非常吸引我，我也慢慢开始在往这个方向去做探索 + 转型，转型是一件非常痛苦的事，因为你要从自己的舒适区进入到坑洼区，你不得不去做很多东西，从 0 - 1 。辛运的是，我还年轻（但也不年轻了）。我个人坚信选择大于努力，时代会不断的造就一批人，之前的土木，现今的互联网，自媒体，直播带货等。  很多人问我搞矩阵有什么用，你的目的是什么？ 其实很简单，学习。我本人的学习模式是，需要通过大量的实战摸索 + 理论知识，梳理成一套成熟的方法论，单纯的去学理论知识，对于我本人而言，非常枯燥，况且3D图形化知识体系，非常困难。 > 这是在一个新阶段的前夜。故此，有很多信息并不那么明朗，比如说像前后端分离这样的标志性事件并没有出现，亦或者出现了也还没有形成典型影响。我倾向于认为引领新时代的，或者说开启下一个阶段的运动将会发生在交互领域，也就是说新的交互方式决定了前端的未来。之前行业里在讲的VR和AR（虚拟现实和增强实景）是在这个方向上的典型技术，但不唯于此。几乎所有在交互方式上的变革，都会成为人们认识与改变这个世界的全新动力，像语音识别、视觉捕捉、脑机接口等等，这些半成熟的或者实验性的技术都在影响着我们对'交互'的理解，从而重新定义了前端 周爱民老师这段文字，讲得非常透彻。AI、VR、AR...
## 传送门 [5年经验(专升本)入职B站分享](https://juejin.cn/post/7076676933697667085) ### 前言 > 时光流逝，没想到已经一年多了，很久很久未在技术社区更新过文章，惭愧。也终于有勇气写个流水账了。在过去的一年中，也在不断的思考，自己将来（35岁后）能做什么？乃至于我在失业期间，也想过是否要留学？考研？（毕竟还年轻，本人97年）甚至是说专门待业1-2年，学习英语 run 到外企，再通过外企 remove 国外？一直认为国内35岁以后，还在一线开发，不现实。理由如下： 1. 精力比不上年轻人 2. 刚从学校出来的哪种激情也不在 3. 身体也越来越不行 国内这个焦虑确实蛮严重的，起码对我本人来说，一直存在。受限于学历的影响， 想做管理，也很难，爬又爬不上去。 下面就简单聊聊过去一年发生了什么 ### 失业 我本人从未想过会被裁员，现在我也这么认为（当时的我不会被裁员），直到现实给我重拳出击。去年，B站大概有三波裁员潮，分别是年初，年中，年末。年中的时候，我组内有一位非常优秀的同学被裁了。哪会儿其实蛮慌的，生怕是自己。而且是在上海疫情期间。会经历裁员 + 疫情双重 Buffer 的叠加，很容易让人崩溃。 在上海疫情期间，我人已经在崩溃的边缘，我去过方舱，四月份阳的，在方舱待了一周左右的时间，真实体会过，什么叫人间疾苦。也压根不敢跟同事，家人，网上说，怕被歧视，哪会儿在小区的时候，就被居委会的人给歧视了。 年末，通知我被裁员。裁员的前几天，我领导跟我们组内的人都聊了聊，看谁能主动承担这个名额，领个大礼包。到我的时候，我当然是不愿意的，我有车贷，去年11月底提的车，所以很希望有一份稳定的工作，能够维持基本的生计。但是吧，裁员这事，一般是综合维度来考量，我复盘了一些衡量的点： 1....
>人的一生，总是难免有浮沉。不会永远如旭日东升，也不会永远痛苦潦倒。反复地一浮一沉，对于一个人来说，正是磨练。因此，浮在上面的，不必骄傲；沉在底下的，更用不着悲观。必须以率直、谦虚的态度，乐观进取、向前迈进。——松下幸之助 大家好，我是江辰，在如今的互联网大环境下，想必大家都或多或少且有感受，浮躁的社会之下，只有不断的保持心性，才能感知不同的收获，共勉。 2023年中最新的面试题集锦，时刻做好准备。 本文首发于微信公众号：野生程序猿江辰 欢迎大家点赞，收藏，关注  ## 文章列表 - [2023年中前端面试真题之CSS篇](https://github.com/xuya227939/blog/issues/162) - [2023年中前端面试真题之HTML篇](https://github.com/xuya227939/blog/issues/163) - [2023年中前端面试真题之React篇](https://github.com/xuya227939/blog/issues/164) - [2023年中前端面试真题之Vue篇](https://github.com/xuya227939/blog/issues/165) - [2023年中前端面试真题之编码篇](https://github.com/xuya227939/blog/issues/166) ## 请简述JavaScript中的this JS 中的 `this` 是一个相对复杂的概念，不是简单几句能解释清楚的。粗略地讲，函数的调用方式决定了 `this` 的值。我阅读了网上很多关于 `this` 的文章，**Arnav Aggrawal** 写的比较清楚。`this`...
>人的一生，总是难免有浮沉。不会永远如旭日东升，也不会永远痛苦潦倒。反复地一浮一沉，对于一个人来说，正是磨练。因此，浮在上面的，不必骄傲；沉在底下的，更用不着悲观。必须以率直、谦虚的态度，乐观进取、向前迈进。——松下幸之助 大家好，我是江辰，在如今的互联网大环境下，想必大家都或多或少且有感受，浮躁的社会之下，只有不断的保持心性，才能感知不同的收获，互勉。 2023年中最新的面试题集锦，时刻做好准备。 本文首发于微信公众号：野生程序猿江辰 欢迎大家点赞，收藏，关注  ## 文章列表 - [2023年中前端面试真题之JS篇](https://github.com/xuya227939/blog/issues/161) - [2023年中前端面试真题之HTML篇](https://github.com/xuya227939/blog/issues/163) - [2023年中前端面试真题之React篇](https://github.com/xuya227939/blog/issues/164) - [2023年中前端面试真题之Vue篇](https://github.com/xuya227939/blog/issues/165) - [2023年中前端面试真题之编码篇](https://github.com/xuya227939/blog/issues/166) ## CSS 选择器的优先级是如何计算的？ 浏览器通过优先级规则，判断元素展示哪些样式。优先级通过 4 个维度指标确定，我们假定以 `a、b、c、d` 命名，分别代表以下含义： - `a`表示是否使用内联样式（inline style）。如果使用，`a` 为...
>人的一生，总是难免有浮沉。不会永远如旭日东升，也不会永远痛苦潦倒。反复地一浮一沉，对于一个人来说，正是磨练。因此，浮在上面的，不必骄傲；沉在底下的，更用不着悲观。必须以率直、谦虚的态度，乐观进取、向前迈进。——松下幸之助 大家好，我是江辰，在如今的互联网大环境下，想必大家都或多或少且有感受，浮躁的社会之下，只有不断的保持心性，才能感知不同的收获，互勉。 2023年中最新的面试题集锦，时刻做好准备。 本文首发于微信公众号：野生程序猿江辰 欢迎大家点赞，收藏，关注  ## 文章列表 - [2023年中前端面试真题之JS篇](https://github.com/xuya227939/blog/issues/161) - [2023年中前端面试真题之CSS篇](https://github.com/xuya227939/blog/issues/162) - [2023年中前端面试真题之React篇](https://github.com/xuya227939/blog/issues/164) - [2023年中前端面试真题之Vue篇](https://github.com/xuya227939/blog/issues/165) - [2023年中前端面试真题之编码篇](https://github.com/xuya227939/blog/issues/166) ## meta viewport 是做什么用的，怎么写？ ``` ``` 目的 是为了在移动端不让用户缩放页面使用的 解释每个单词的含义 - with=device-width 将布局视窗（layout...
>人的一生，总是难免有浮沉。不会永远如旭日东升，也不会永远痛苦潦倒。反复地一浮一沉，对于一个人来说，正是磨练。因此，浮在上面的，不必骄傲；沉在底下的，更用不着悲观。必须以率直、谦虚的态度，乐观进取、向前迈进。——松下幸之助 大家好，我是江辰，在如今的互联网大环境下，想必大家都或多或少且有感受，浮躁的社会之下，只有不断的保持心性，才能感知不同的收获，互勉。 2023年中最新的面试题集锦，时刻做好准备。 本文首发于微信公众号：野生程序猿江辰 欢迎大家点赞，收藏，关注  ## 文章列表 - [2023年中前端面试真题之JS篇](https://github.com/xuya227939/blog/issues/161) - [2023年中前端面试真题之CSS篇](https://github.com/xuya227939/blog/issues/162) - [2023年中前端面试真题之HTML篇](https://github.com/xuya227939/blog/issues/163) - [2023年中前端面试真题之Vue篇](https://github.com/xuya227939/blog/issues/165) - [2023年中前端面试真题之编码篇](https://github.com/xuya227939/blog/issues/166) ## 什么时候使用状态管理器？ 从项目的整体架构来看，要选择适合项目背景的极速。如果项目背景不适合使用状态管理器，那就没有一定的必要性去使用，比如微信小程序等，可以从以下几个维度来看 ### 用户的使用方式复杂 - 不同身份的用户有不同的使用方式（比如普通用户和管理员） - 多个用户之间可以协作 - 与服务器大量交互，或者使用了WebSocket -...