只安利一个：Code Runner，平时我都用 webstorm，但是要调试简单的函数，代码片段还是打开 vscode，因为这个插件直接调代码比较方便。

![](https://content.hackertalk.net/pub/VerD2k-pnXaDPw)

支持的语言挺多的，只用 js/ts

感觉以前的设计更加直观吧，条纹可以很好看出 Logo 和字母 K 的关联性，新的 Logo 不说都不知道是字母 K 的变形

学习曲线不是一般人 hold 的住啊～（[图源](https://gist.github.com/humb1t/086cbba82ef3220f08d9899ce1f1deca)）

![](https://content.hackertalk.net/pub/mD6Nmd-LbNw7AV)

大学时代自己笔记本装双系统用 ubuntu，工作后服务器 centos，现在还是 centos（虽然 UI 丑了点），作为 redhat 的镜像版本，各种驱动稳定性还是比 ubuntu 好很多

试下 `v-else-if` 文档：[v-else-if New in 2.1.0+ ](https://vuejs.org/v2/guide/conditional.html#v-else-if)

╮(╯▽╰)╭ 小程序的分包机制太蛋疼了，只能说尽可能压缩 css、js 代码腾出空间。或者开发的时候拆分协作，分页开发，最后发版本再合并一下

uniapp 不好用，不如 react-navite 或者 fultter 这类方案

**computed**：计算属性、只有当依赖的数据变化时才会计算, 当数据没有变化时, 它会读取缓存数据，类似 react 函数组件的 [useMemo](https://reactjs.org/docs/hooks-reference.html#usememo)。比如 data 里面有一个数值数组，你要过滤一些元素，找出新的数组（比如找出里面所有偶数），就可以用 computed。

**watch**：类似观察者模式，在数据变化时执行回调函数，类似 react 里面的 [useEffect](https://reactjs.org/docs/hooks-effect.html)。有时我们需要监控特定数据变化的时候执行相关操作，比如有个状态 loading，变为 false，执行一些操作，就要监控 loading 这个值。

vue 中 computed 和 watch 使用的时候要注意，避免写出死循环，比如：watch 的值是 computed 的，然后 watch 的 callback 还去修改对于的 data，就会挂掉

函数组件（纯）大多数情况下用 [React.memo](https://zh-hans.reactjs.org/docs/react-api.html#reactmemo) 就行了。

相应的位移计算 double 一下 OK 不？ :expressionless: 

ES6 之后就没那么麻烦了，ES6 吸收了很多 CommonJs/AMD 的优点，基本需求都能满足

 :no_mouth: 引用链接丢了～楼主能补下吗

阿里云的 oss 服务可以设置路径参数，自动将图片转为 webp 格式，[参考链接](https://help.aliyun.com/document_detail/44703.html?spm=a2c4g.11186623.6.743.61a57fd83V8sHw)

```
https://abc.com/example.gif?x-oss-process=image/format,webp
```

webp 格式的兼容情况很好，浏览器端就没必要考虑兼容问题了

![](https://content.hackertalk.net/pub/OMO9W8-dp4adwo)

叫阿外，和阿里对应起来 :laughing: 

公司需要用uniapp 使用fultter 成本太大了，虽然我学习了 但是团队里面还有其他人

 :sunglasses: 可以补点函数组件的优化例子，感觉现在函数组件用的多，class 写法很少用了，代码容易冗长

有大佬知道为什么连续使用多个v-if的时候，第一个为false之后，为什么后面就算为true也不会渲染吗？

![2](https://content.hackertalk.net/pub/7OqkeR-p5daQPw)

vue中连续判断导致的一个问题

感觉 rust 学起来还是有点吃力啊，不知道后续版本更新会不会有 break change。有没同学已经上线 rust 服务的说下呢？

现在有公司在生产环境上线 rust 服务的吗？

对于个人来说 centos 好像要凉了？自己平时习惯了 centos 7，之前想升级8，还好没升

[CentOS 的历史与未来](https://markdowner.net/article/144479369308786688)

大家都习惯用哪个 linux 发行版本呢 ？ubuntu？

最近想在项目中使用webp格式图片，用的阿里云的cdn。我见网上关于这个的文章很少，找到的也是基于阿里云OSS和cdn的。另外好像在网上见到有一个叫“又拍云”的cdn服务器，而且看着挺简单的。不知道阿里云的cdn和又拍云的有什么区别？现在最重要的是如何配置webp的自动退化（在不支持的时候退成jpg/png这些格式）？

cdn配置webp格式怎么操作？

vue的watch和computed区别在哪？各有什么应用场景？有研究过的大佬给说说吗？

vue的watch和computed

![](https://content.hackertalk.net/pub/rrE4Wr-0GLjYeV)

本次亮点主要是操作系统 OS 层面的更新，包括 iOS 15、iPadOS 15、macOS Monterey 和 watch OS8。下面逐个详解：

## New experiences. True connections. 

### iOS 15

#### FactTime

 FactTime 的功能进行了增强，比如可以和通话对象共享屏幕，随时随地悬浮视频窗口，避免通话被打断，更好的沟通连续性，可以和家人以前分享精彩内容：

![](https://content.hackertalk.net/pub/dLzPaB-0j64ead)

音质上也做了优化处理，声音更加真实，可以通过链接分享 FaceTime，交流更加方便。支持 Grid view，将不同通话对象视频投到同一个屏幕。

![](https://content.hackertalk.net/pub/YvzjMO-LOP0w40)

#### 相册

优化了相册收集功能，增加卡片式切换体验（图片较多的时候切换方便）

![](https://content.hackertalk.net/pub/kmzBjE-RWLQ91A)

#### 通知栏

显示做了显示优化：高度缩短、信息更加直观，变化较为明显

![](https://content.hackertalk.net/pub/z5EPj7-a4G0Aoe)

#### 地图

优化了 3D 视图体验，导航功能时提供更多道路细节信息，比如转弯车道、人行横道、自行车道等，接近复杂地形时会切换到街道层面视图，以便了解更多道路信息。此外还有沉浸式的地图体验，实时显示街景指导路线。更方便打公交等。

![](https://content.hackertalk.net/pub/5BWzD0-dAGQLAB)

#### Safari

支持声音搜索、插件安装（和 mac 一样），可以自定义插件什么时候触发使用。

![](https://content.hackertalk.net/pub/OMzLbj-EeRWn06)

#### Live Text

这个就很实用了，智能识别图片上的信息，自动提取，比如只要轻点图片上面的电话就可以直接拨打过去，或者点击邮箱发送邮件，避免手动输入来回切换屏幕的麻烦。还可以识别文字自动翻译。

![](https://content.hackertalk.net/pub/rrE071-Eg9W9kL)

#### 图片搜索

可以轻松搜索图片上的详细信息，比如艺术品、动植物，书籍等等，直接显示详细信息。

![](https://content.hackertalk.net/pub/PwzP7M-VbRxMwq)

整体搜索功能进行了增强，信息更加丰富（不局限于文字）

![](https://content.hackertalk.net/pub/OMzL6B-0zVXBqb)

此外就是 health app、icloud、可用性、隐私政策等待的更新，亮点较少，这里不再赘述。

### iPadOS 15

新的界面，多任务管理、app 切换更加方便

![](https://content.hackertalk.net/pub/jX6a7A-VnVb0L8)

一些 app 支持居中悬浮弹窗功能，避免打断当前视图：

![](https://content.hackertalk.net/pub/qrj6Xn-LwMQBv9)

分屏功能更加方便，可以直接在程序卡片界面直接拖动分屏

![](https://content.hackertalk.net/pub/3X6EwE-z853Xrk)

#### App library

这个和 iOS 上面一样，聚合一些常用的 app

![](https://content.hackertalk.net/pub/wrEokg-LEjB4VV)

#### 笔记

随时随地记录笔记功能

![](https://content.hackertalk.net/pub/X5zQzM-LOm76Xm)

FaceTime 等其他app 升级和 iOS 15 类似，这里不再赘述。

### macOS Monterey

#### FaceTime

这部分增强前面提到了，mac 也做了同步升级。屏幕共享、grid view、声音优化、链接分享......

#### ![](https://content.hackertalk.net/pub/YvzPeX-zD7ByMd)

#### Safari

新的 Tab 栏（话说最近浏览器更新都是更新 tab 吗？ :joy: ，看下[Firefox 新版本发布了](https://hackertalk.net/post/189436510591172608)）占用更少的垂直空间，tab 栏 和 地址栏直接合并，空间利用率提高

![](https://content.hackertalk.net/pub/9kqgk6-0mdLp8W)

标签组管理更方便，可以在所有设备上同步查看：

![](https://content.hackertalk.net/pub/OMz4vj-L01a449)

#### Focus 模式

当需要集中注意力的时候可以切换到这个模式，自定义可以接受到的消息类型，避免工作被打断。

![](https://content.hackertalk.net/pub/3X67G6-E38Y19X)

#### Quick Note

快捷笔记功能，和 iPad 一致，随时随地记录笔记，同步笔记、操作无阻塞。

![](https://content.hackertalk.net/pub/z5EkV7-EM8R3AX)

标签管理功能，方便整理 note （这个用起来真滴爽）

![](https://content.hackertalk.net/pub/pDE7d7-EbWQBe0)

#### 多屏协同

mac 切换到 iPad 更加流畅了，无需设置，统一的操作（有点分布式的感觉，滑稽 :joy: ）

![](https://content.hackertalk.net/pub/nOEqBm-zLbjV77)

此外就是 LiveText、地图、快捷键的更新，这个前面提到了，mac 做了同步升级，不再赘述。

## 总结

新的 OS 使用体验更加流畅了，切换动画时间缩短，此外很多 Focus 的优化效果非常好，比如Facetime 共享、无打断笔记记录，图片搜索等功能，避免切换掉当前页面进入另一个 app，无阻塞使用体验更佳。

更多详情可以查看官网 [events](https://www.apple.com/apple-events/june-2021/)。

2021 苹果全球开发者大会（WWDC21）亮点总结

### Diff算法

开发中我们知道，数据的更新：例如DOM节点、组件属性的增加、删除、修改等引起界面的变化。在React中，每次组件的状态或属性更新，组件的render方法都会返回一个新的虚拟DOM对象，用来展示新的UI结构。

> ❝
>
> UI = render(data)
>
> ❞

#### 虚拟DOM（Virtual DOM）

与虚拟DOM相对应的是真实DOM，真实DOM即DOM对象，其是对 **结构化文本** 的抽象表达，它定义了访问HTML文档对象的一套属性、方法和事件。

页面中的每一个HTML元素对应一个DOM节点，例如常见的p元素、div元素，HTML元素的层级嵌套关系也会体现在DOM节点的层级上，所有DOM节点构成了DOM树。如下图：

![](https://content.hackertalk.net/pub/OMBY1W-w9N74bD)

DOM树 图片来自百度

在传统的前端开发中（如下图），直接对DOM进行增删改查的操作时，每一次修改都会引起浏览器对网页的 **重排** 和 **重绘**。

而这个过程是很耗时且消耗性能的。因此在开发中性能优化方面应该 **「尽量减少DOM操作」**。

![](https://content.hackertalk.net/pub/9kdpQ6-adBbmYR)

**虚拟DOM则是对真实DOM的抽象**，其表现为普通的Javascript对象，当需要操作DOM时，可以操作虚拟DOM，访问Javascript对象远比访问真实DOM快，因此避免了真实DOM效率低下的情况。

#### dom-diff

当界面上某一节点发生变化时，React会通过比较两次虚拟DOM结构的变化找出差异部分，更新到真实DOM上，从而减少最终要在真实DOM上执行的操作，提高程序执行效率。这一过程称为React的调和过程（Reconciliation），其中的关键是比较两个树形结构的Diff算法。

值得注意的是：**「在Diff算法中，比较的两方是新的虚拟DOM和旧的虚拟DOM，而不是虚拟DOM和真实DOM」**，只是最终Diff的结果会更新到真实DOM上。

##### 两个假设

React比较两棵树的差异基于以下两个假设：

1. Two elements of different types will produce different trees.（两个不同类型的元素会生成不同类型的树）
2. The developer can hint at which child elements may be stable across different renders with a key prop.（同一层次的一组节点，可以通过唯一的key属性来进行区分在render过程中是否发生了变化。）

React对DOM树进行了分层，只会对同一层的节点进行数据比较（如下图）。另外，React认为在Web UI中DOM节点的跨层级移动操作比较少，甚至可以忽略不计。

![](https://content.hackertalk.net/pub/eP6jjv-LPY7w5g)

比较两棵树的差异是从树的根节点开始，根节点的类型不同，则React执行的操作也不同。

### 根节点是相同DOM元素类型

如果两个根节点是相同类型的DOM元素，React会保留根节点对应的DOM元素，对树形结构根节点上的属性和内容比对，然后只更新虚拟DOM树和真实DOM树中对应节点的属性和内容即可。

### 根节点是相同组件类型

如果两个根节点是相同类型的组件，节点发生变化时，对应的组件实例不会被销毁，只是会执行更新操作，同步变化的属性到虚拟DOM树上，此时组件实例的**componentWillReceiveProps()** 和 **componentWillUpdate()** 会被调用。

开发人员可以通过**shouldComponentUpdate()** 进行优化，如果发现根本没有必要重新渲染，那就可以直接返回false，减少不必要的更新。

### 根节点类型不同

当根节点类型发生变化时包括两种：DOM元素的变化和Reac组件的变化。

当根节点为不同类型的元素时，React 会拆卸原有的树并且建立起新的树。

当根节点为不同类型的组件时，React会认为这两个DOM树结构不同，将之前的组件直接删除，然后创建新组件。

组件类型发生变化时，在旧的虚拟DOM树被拆除的过程中，旧的DOM元素类型的节点会被销毁，旧的React组件实例的**componentWillUnmount()** 会被调用；

在重建的过程中，新的DOM元素会被插入DOM树中，新的组件实例的**componentWillMount()** 和 **componentDidMount()** 方法会被调用。重建后的新的虚拟DOM树又会被映射更新到真实DOM树中。

### 性能优化

#### 避免不必要的组件渲染

当组件的 **props** 或 **state** 发生变化时，组件的 **render** 方法会被重新调用，返回一个新的虚拟DOM对象。

但在一些情况下，组件是没有必要重新调用 **render** 方法的。例如：如果只修改了父组件的数据, 并没有修改子组件的数据, 并且子组件中也没有用到父组件中的数据，那么子组件还是会重新渲染, 子组件的render方法还是会重新执行。

**shouldComponentUpdate()** 这个方法的默认返回值是true，如果返回false，组件此次的更新将会停止，也就是后续的 **componentWillUpdate()** 、**render()** 等方法都不会再被执行。我们可以根据组件自身的业务逻辑决定返回true还是false，从而避免组件不必要的渲染。

当然也建议使用 **PureComponent** 类来代替 **shouldComponentUpdate()**

```javascript
shouldComponentUpdate(nextProps, nextState, nextContext) {
  // return true;
  // return false;
  if(this.state.age !== nextState.age){
    return true;
  }
  return false;
}
```

另外，要尽可能少在 **render()** 减少变量的新建和绑定函数，例如实现单击事件的时候，如果在 **render()** 函数里面绑定 **this** ，则每次渲染的时候都会重新执行一遍函数。所以提前绑定函数也是一种比较好的开发习惯，可以起到部分优化作用。

#### 使用key

React会根据key索引元素，在 **render** 前后，判定拥有相同key值的元素是否为同一个元素。

![](https://content.hackertalk.net/pub/y804A5-0AnbkQd)

给列表元素添加key，告诉React除了和同层同位置比, 还需要和同层其它位置对比。注意添加key属性时，需要保持其“唯一性”且“稳定性”。

```javascript
const numbers = [1, 2, 3, 4, 5];
const listItems = numbers.map((number) =>
  <li key={number.toString()}>
    {number}
  </li>
);
```

不推荐使用数组下标作为key，看起来key值是唯一的，但是却不是稳定不变的，随着数组值的不同，同样一个实例在不同的更新过程中在数组中的下标完全可能不同，把下标当做key就让React完全混乱了。

#### 使用性能检测工具

1.React Developer Tools for Chrome

主要用来检测页面使用的React代码是否是生产环境版本。当访问网页时，如果插件图标的背景色是黑色的，就表示当前网页使用的是生产环境版本的React；

![](https://content.hackertalk.net/pub/A8RpVp-adDXGMR)

如果插件图标的背景色是红色的，就表示当前网页使用的是开发环境版本的React

![](https://content.hackertalk.net/pub/NymYqj-a14LxnR)

在项目中上线时尽量使用 **「生产环境版本的库」** 也能优化一部分性能，以 **npm run start** 启动时，使用的React是开发环境版本的React库，包含大量警告消息，以帮助我们在开发过程中避免一些常见的错误。开发环境版本的库不仅体积更大，而且执行速度也更慢，不适合在生产环境中使用。

对于create-react-app脚手架创建的项目，执行 **npm run build** ，就会构建生产环境版本的React库。

2.Chrome Performance Tab

在开发模式下，通过Chrome浏览器提供的Performance工具观察组件的挂载、更新、卸载过程及各阶段使用的时间。

3.React Perf/Jest/Enzyme等测试库

#### 尽可能多地使用小组件

例如使用MobX和React结合时，**@observer** 包装的组件会追踪render方法中使用的所有可观测对象，组件越小，组件追踪的对象越少，引起组件重新渲染的可能性也越小。且在层级越低的小组件中解引用对象属性时，由这个属性的变化导致的重新渲染的组件的数量也越少。

#### 慎用｛...this.props｝

只传递组件需要的props，传得太多或者层次传得太深时，都会加重**shouldComponentUpdate** 里的数据的比较负担，因此慎用spread attributes（形如 **＜Component｛...props｝/＞** ）。

小结：性能优化本身涉及多方面因素，建议不要将性能优化的精力浪费在对整体性能提高不大的代码上，且不要过早优化。在实际开发中，也有其他途径值得实践，例如：使用CDN处理静态资源、启用Gzip压缩、DNS预解析等等

React性能优化的几个知识点

有一个容器 放大到了原来的两倍

里面的元素可以自由拖拽。

但是原来的拖拽逻辑和缩放之后的就有了冲突

移动距离和鼠标不对等。

有什么好思路

如何处理缩放后的位移逻辑？

uniapp开发的APP，怎么保持用户的登录状态？是通过访问令牌（access token）和刷新令牌(refresh_token )方式吗？

不能保存用户密码的情况

uniapp开发的APP，怎么保持用户的登录状态

前提条件 subpackages分包

iOS 内存过大会被回收 执行冷启动 onLaunch小程序机制内的缓存混乱 

Android nb 权限很高 

好兄弟们 搞快点来 优化一下

小程序冷热启动在不同系统的差异性，优化方案？

![](https://content.hackertalk.net/pub/Ov0v51-L5avn40)

日常写 vue/react 有没一些前端插件神器推荐下～

vscode 开发插件求推荐～

React 在今天刚刚在官网发布了有关于 React 18 的计划更新（The Plan for React 18 – React Blog），同时发布了 Alpha 版本的 npm 包：

下载地址：https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html

最近虽然忙到没时间做视频，不过这么大的事还是值得来聊聊（趁着公司电脑强制要求升 Big Sur 不让不让用的间隙……）。本文并非逐字翻译，一如既往的会带不少个人想法，不代表公司观点（听说这句话其实说了并没什么卵用是吧 Oppo）。

React 18 正式引入了对并发模式/特性的「渐进升级」策略

之前[1]我就提到过 React 18 会把重点放在解决兼容性和如何做迁移的问题上。

自从 Concurrent Mode（并发模式，以下简称 CM）宣布以来，Core Team 成员每天在推上 Github 上「XXX is not CM-safe」吓死个人，使得整个社区都一直在担心未来的 React 是不是会为了上 CM 直接 breaking change，然后不兼容 CM 的代码必须要全部迁移过来才能用 CM（"all-or-nothing" upgrade strategy)。

这次 18 的计划发布终于横扫了大家的担忧 —— 并发的引入将会是 opt-in 得，不用的话就没有 breaking changes，整体采用了渐进升级的策略（gradual adoption strategy）。

博文里基本没讲怎么渐进，只是说「升级到 18 几乎不需要任何改动」。其实大概上有两个地方做到了「渐进」：

React 团队对 "Concurrency opt-in" roots 的兼容性做了很多优化，如果不用 CM 特性的话，大概率能 just works。如博客所说「concurrent rendering will only be enabled for updates triggered by one of the new features.」—— 从此再无 CM，只有 Concurrent Features（并发特性）[2]

对于直接想让应用的某一部分「躺平」的可以用 legacy root。我之前在 VLOG 第四期[3]中就和大家提到过，17 对事件系统的修改的目的之一就是为了让你的 React 应用同时可以跑在不同「版本」上[4]。18 的实际做法[5]是引入了新的 Root API ReactDOM.createRoot 来与旧的 ReactDOM.render API 区分开来，你可以将整个 React 树分形成不同的 roots，用旧 API 的 legacy roots 会跑在「legacy mode 传统模式」上（相当于跑在 17 上），用新 API 的 roots 会跑在 "Concurrency opt-in" roots 下。

 

React 18 的其他新特性

更加激进的「自动 batching」，React 17 只在事件回调中 batch，React 18 则会对任何来源的 setState 做尽可能多的 batching。 如果你跟我一样是用类似 state monad 的 mental model 来思考 state 的话，你可能会以为 React 早就是这个行为了。对于 Hooks 来说你是没有办法拿到中间状态的 state 而 Class 可以拿 this.state。这也是我以前[6]说过的 class 对比 FC 的纯度问题。

新的startTransition 与 useDeferredValue API，本质上都是允许你将 UI 的一部分标记为「较低的更新优先级」。

Suspense SSR。你可能知道也不知道的是，完全用 React 重写的新 Facebook.com 是用 Hermes 做 SSR 来优化首屏渲染得，所以 SSR 的优化就成为了 React 团队的优先级之一啦……但是传统 SSR 的一个问题是，全量渲染话延迟太高了。而 CM + Suspence 就可以做到用 Suspence boundary 将应用分片，然后以此为单位做流式 SSR，是不是有重新发明 BigPipe 的感觉了？

StrictMode 在既 double-render 之后加入了 double-effect

可以看到，随着 CM 的逐渐落地，其「底层能力」的一面终于开始逐渐显著出来，越来越多的上层应用将会发布以及正在开发中（比如 Brian 提到的 Offscreen API 以及 RN Pre-render）等。

React 18 激不激动

华为P40建议升级到鸿蒙系统吗，升级后会有什么好坏？

华为P40升级到鸿蒙系统会有什么好坏

1. 命名空间模式
2. CommonJs
3. AMD 规范（关于 CommonJs 的异步规范实现）
4. ES6模块化
5. 工程化工具 webpack、vite 等打包构建工具

-----------------------------CommonJs 和 ES6 Module 的区别

1. CommonJs导出的是变量的一份拷贝，ES6 Module导出的是变量的绑定（export default 是特殊的）
2. CommonJs是单个值导出，ES6 Module可以导出多个
3. CommonJs是动态语法可以写在判断里，ES6 Module静态语法只能写在顶层
4. CommonJs的 this 是当前模块，ES6 Module的 this 是 undefined

JS 模块化发展历程

 :smile: 两个字！正义有意义的噢！

要入职阿里前端实习了！有什么花名可以介绍的嘛！！

Kotlin 团队在[博客](https://blog.jetbrains.com/kotlin/2021/07/adding-volume-to-the-kotlin-identity/)中提到虽然 Kotlin 的出现已经很久了，但一直没有一个一致的视觉风格，因此想要重新设计 Kotlin 的标志，同时考虑与以往的设计保持一定的继承性。

![](https://content.hackertalk.net/pub/P50ezX-wzj3R8w)

更新后的 Logo 如上图，外形和原先保持一致，颜色改为渐变色，同时字体改成了 [JetBrains Sans](https://www.jetbrains.com/lp/mono/)（JetBrains 设计的字体），视觉上更加清晰简洁。

品牌标示具有很多功能，可用于多种场景，因此 Kotlin 团队选择了 3D 图形作为 Kotlin 标示的设计基础，这些3D外形可以用于作形状、图片蒙版、图标等。

![](https://content.hackertalk.net/pub/Y6M4rL-a1AvMQP)

比如对 3D 结构的切面可以直接用于背景形状设计：

![](https://content.hackertalk.net/pub/64moYr-agOpLX5)

新的 Logo 已经应用到产品和社交媒体中了，现在沟通更具一致性，形成一个更加统一的品牌，设计团队可以更快地交付设计内容（有更多参考）。

![](https://content.hackertalk.net/pub/44eXjx-RbMj6N2)

Kotlin 更换了新 logo：更加立体、更加清晰

标识符

483DAB9E-B587-4DAE-936C-201F5BC4BCBA

备注

Error Domain=kCFStreamErrorDomainSSL Code=-9806"(null)" UserInfo=/NSLocalizedRecoverySuggestion=Errorcode definition can be found in Apple's SecureTransport.h}

请求信息

CONNECT m.m******(手动打码).pt:443 HTTP/1.1

请求头部

Host: m.m*******.ptConnection: keep-alive

发送请求头部

未发送

服务端开始响应

未响应

请求完成2024/04/26 10:11:40.529

 app无法登录，抓包数据。网页版可以登录，求分析求解

前些天一直在找便宜的云服务器，偶然间发现一免费的云平台，这里推荐给大家。

就是阿贝云，网站是https://www.abeiyun.com

说一下感受

1、阿贝云虽然是一小众的云平台，重在免费，该有的东西都有，还能免备案这是最舒服的。

2、使用了一天，上了项目，网速不慢。

3、唯一要指出来就是磁盘太小。

分享免费云服务器

拉取了rustbuster的v3.0.3版本文件, 二进制文件无法使用, 执行结果如下:

```bash
[root_cn@archlinux target]$ ./rustbuster-v3.0.3-x86_64-unknown-linux-gnu
./rustbuster-v3.0.3-x86_64-unknown-linux-gnu: error while loading shared libraries: libssl.so.1.1: cannot open shared object file: No such file or directory
```

拉取了main源码, 想自行尝试编译, 然后卡在了openssl, 以下为报错信息:

```rust
The following warnings were emitted during compilation:

warning: openssl-sys@0.9.47: build/expando.c:4:24: error: pasting "RUST_VERSION_OPENSSL_" and "(" does not give a valid preprocessing token
warning: openssl-sys@0.9.47:     4 | #define VERSION2(n, v) RUST_VERSION_##n##_##v
warning: openssl-sys@0.9.47:       |                        ^~~~~~~~~~~~~
warning: openssl-sys@0.9.47: build/expando.c:5:23: note: in expansion of macro ‘VERSION2’
warning: openssl-sys@0.9.47:     5 | #define VERSION(n, v) VERSION2(n, v)
warning: openssl-sys@0.9.47:       |                       ^~~~~~~~
warning: openssl-sys@0.9.47: build/expando.c:10:1: note: in expansion of macro ‘VERSION’
warning: openssl-sys@0.9.47:    10 | VERSION(OPENSSL, OPENSSL_VERSION_NUMBER)
warning: openssl-sys@0.9.47:       | ^~~~~~~

error: failed to run custom build command for `openssl-sys v0.9.47`

Caused by:
  process didn't exit successfully: `/mnt/d/work/file/rust/rustbuster/target/debug/build/openssl-sys-c5a482a9e0e49574/build-script-main` (exit status: 101)
  --- stdout
  cargo:rustc-cfg=const_fn
  cargo:rerun-if-env-changed=X86_64_UNKNOWN_LINUX_GNU_OPENSSL_LIB_DIR
  X86_64_UNKNOWN_LINUX_GNU_OPENSSL_LIB_DIR unset
  cargo:rerun-if-env-changed=OPENSSL_LIB_DIR
  OPENSSL_LIB_DIR unset
  cargo:rerun-if-env-changed=X86_64_UNKNOWN_LINUX_GNU_OPENSSL_INCLUDE_DIR
  X86_64_UNKNOWN_LINUX_GNU_OPENSSL_INCLUDE_DIR unset
  cargo:rerun-if-env-changed=OPENSSL_INCLUDE_DIR
  OPENSSL_INCLUDE_DIR unset
  cargo:rerun-if-env-changed=X86_64_UNKNOWN_LINUX_GNU_OPENSSL_DIR
  X86_64_UNKNOWN_LINUX_GNU_OPENSSL_DIR unset
  cargo:rerun-if-env-changed=OPENSSL_DIR
  OPENSSL_DIR unset
  cargo:rustc-link-lib=ssl
  cargo:rustc-link-lib=crypto
  OPT_LEVEL = Some("0")
  TARGET = Some("x86_64-unknown-linux-gnu")
  HOST = Some("x86_64-unknown-linux-gnu")
  CC_x86_64-unknown-linux-gnu = None
  CC_x86_64_unknown_linux_gnu = None
  HOST_CC = None
  CC = None
  CFLAGS_x86_64-unknown-linux-gnu = None
  CFLAGS_x86_64_unknown_linux_gnu = None
  HOST_CFLAGS = None
  CFLAGS = None
  CRATE_CC_NO_DEFAULTS = None
  DEBUG = Some("true")
  CARGO_CFG_TARGET_FEATURE = Some("fxsr,sse,sse2")
  running: "cc" "-O0" "-ffunction-sections" "-fdata-sections" "-fPIC" "-g" "-fno-omit-frame-pointer" "-m64" "-Wall" "-Wextra" "-E" "build/expando.c"
  cargo:warning=build/expando.c:4:24: error: pasting "RUST_VERSION_OPENSSL_" and "(" does not give a valid preprocessing token
  cargo:warning=    4 | #define VERSION2(n, v) RUST_VERSION_##n##_##v
  cargo:warning=      |                        ^~~~~~~~~~~~~
  cargo:warning=build/expando.c:5:23: note: in expansion of macro ‘VERSION2’
  cargo:warning=    5 | #define VERSION(n, v) VERSION2(n, v)
  cargo:warning=      |                       ^~~~~~~~
  cargo:warning=build/expando.c:10:1: note: in expansion of macro ‘VERSION’
  cargo:warning=   10 | VERSION(OPENSSL, OPENSSL_VERSION_NUMBER)
  cargo:warning=      | ^~~~~~~
  exit status: 1

  --- stderr
  thread 'main' panicked at /home/root_cn/.cargo/registry/src/mirrors.sjtug.sjtu.edu.cn-4f7dbcce21e258a2/openssl-sys-0.9.47/build/main.rs:126:13:

  Header expansion error:
  Error { kind: ToolExecError, message: "Command \"cc\" \"-O0\" \"-ffunction-sections\" \"-fdata-sections\" \"-fPIC\" \"-g\" \"-fno-omit-frame-pointer\" \"-m64\" \"-Wall\" \"-Wextra\" \"-E\" \"build/expando.c\" with args \"cc\" did not execute successfully (status code exit status: 1)." }

  Failed to find OpenSSL development headers.

  You can try fixing this setting the `OPENSSL_DIR` environment variable
  pointing to your OpenSSL installation or installing OpenSSL headers package
  specific to your distribution:

      # On Ubuntu
      sudo apt-get install libssl-dev
      # On Arch Linux
      sudo pacman -S openssl
      # On Fedora
      sudo dnf install openssl-devel

  See rust-openssl README for more information:

      https://github.com/sfackler/rust-openssl#linux

  note: run with `RUST_BACKTRACE=1` environment variable to display a backtrace
warning: build failed, waiting for other jobs to finish...
```

经过检查openssl与rust均为最新版本, 

```bash
[root_cn@archlinux target]$ sudo pacman -S rust
[sudo] password for root_cn:
warning: rust-1:1.77.2-1 is up to date -- reinstalling
resolving dependencies...
looking for conflicting packages...

Package (1)  Old Version  New Version  Net Change

extra/rust   1:1.77.2-1   1:1.77.2-1     0.00 MiB

Total Installed Size:  249.41 MiB
Net Upgrade Size:        0.00 MiB

:: Proceed with installation? [Y/n] n
[root_cn@archlinux target]$ sudo pacman -S openssl
warning: openssl-3.2.1-1 is up to date -- reinstalling
resolving dependencies...
looking for conflicting packages...

Package (1)   Old Version  New Version  Net Change

core/openssl  3.2.1-1      3.2.1-1        0.00 MiB

Total Installed Size:  11.45 MiB
Net Upgrade Size:       0.00 MiB

:: Proceed with installation? [Y/n] n
```

在网上找了一下, 查到资料, 在[rust-openssl的issues](https://github.com/sfackler/rust-openssl/issues/1227)中提到类似报错, 得到解释如下:

> If you are cross compiling to MUSL, you either need to point openssl-sys to the location that you have a copy of OpenSSL cross compiled to MUSL, or tell it to build a copy of OpenSSL itself with the vendored feature.
>
>	如果你是交叉编译到MUSL，你需要将openssl-sys指向你有一个交叉编译到MUSL的OpenSSL副本的位置，或者告诉它用vendored特性构建一个OpenSSL本身的副本。

由于不会rust, 依靠关键词"交叉编译"+"cargo"搜索到了[cargo交叉编译rust程序](https://blog.csdn.net/tyc880616/article/details/104371502), 顺着找到文件:

```
[root_cn@archlinux .cargo]$ cat ~/.cargo/config
[source.crates-io]
replace-with = 'sjtu' # 指定使用下面哪个源，修改为source.后面的内容即可

# 中国科学技术大学
[source.ustc]
registry = "https://mirrors.ustc.edu.cn/crates.io-index"

# 上海交通大学
[source.sjtu]
registry = "https://mirrors.sjtug.sjtu.edu.cn/git/crates.io-index/"

# 清华大学
[source.tuna]
registry = "https://mirrors.tuna.tsinghua.edu.cn/git/crates.io-index.git"

# rustcc社区
[source.rustcc]
registry = "https://code.aliyun.com/rustcc/crates.io-index.git"
```

没有找到交叉编译的设置, 由于本人不会rust, 线索断了, 尝试向大家寻求一波帮助, 非常感谢阅读.



急切寻求rust编译问题帮助(archlinux, openssl)

永久免费，无需注册

[https://good.xjai.top](https://good.xjai.top)

分享免费GPT4站点

[MoienTajik/AspNetCore-Developer-Roadmap (github.com)](https://github.com/MoienTajik/AspNetCore-Developer-Roadmap/blob/master/ReadMe.zh-Hant.md)

![](https://github.com/MoienTajik/AspNetCore-Developer-Roadmap/raw/master/aspnetcore-developer-roadmap.zh-Hant.png)



【轉貼】ASP.NET Core Developer Roadmap in 2024

南京大学数字金融 - 新华报业集团联合诚邀全职博士后！

【研究方向涵盖】

数智传播、数智金融经济、数据金融经济、数智政务、数智监管治理，以及“大数据、大模型、大计算”全新范式等方向理论与实践

 【具体研究领域】

包括 Bigdata4SocialScience、AI4SocialScience、LLM4SocialScience、Blockchain4SocialScience，以及先进信息技术融合创新在数智金融经济、数智传播社会、数智健康医疗、数智政务治理中的应用。

【薪资待遇优渥】

年薪可达 30 万人民币左右，另有绩效奖金及江苏省和南京市人才补贴。具体薪资需与HR面议，总收入依据专业背景和技能经验而定（计算机 AI 背景者薪资更优）。

【欢迎学科交叉、专业背景不限】

不限制专业背景，致力于构建一个多元、开放、包容的科研环境，因此，欢迎计算机、软件、大数据、人工智能、区块链、隐私计算、数据安全、数据科学等背景的博士人才，也热切邀请具有人文社科背景的博士加入我们的团队，共同探索信息技术与社会科学的交叉前沿。也欢迎其他编程能力强的理工科博士毕业生（即使没有AI等背景也欢迎）。

【南京大学研究中心】

南京大学研究中心为双院士领军的校级科研和创新平台，详情请见：fintech.nju.edu.cn。

【团队氛围】

学科交叉、理论与实践相结合、国际化视野、行业前沿视角和项目。

【联系我们】

请感兴趣的朋友将个人简历发送至邮箱:blockchainfintech@126.com。

【更多招募】 南京大学研究中心招收硕士生、博士生、博士后、青年教师、研究员，也欢迎访问、客座、联培以及科研助理（有些岗位可兼职或远程合作）等

欢迎加入我们，您将在这个富有挑战性和机遇的环境中，开启广阔的职业发展道路，实现个人价值与学术梦想的双赢！

期待您的加入，携手共创数智未来！

南京大学研究中心诚募博士后



![](https://image.hackertalk.net/images/62537abc-405f-44da-a67e-9f18082f3d74)















sqlmap -u "xxxxx.com/#/login" --all  --delay 1 --batch --random-agent

[CRITICAL]can't establish SSL connection.

![](https://image.hackertalk.net/images/4a856cac-750c-4972-aa1f-4bf02f000394)

sqlmap -r win.txt --dbs

**

[CRITICAL] anti-CSRF token 'XSRF-TOKEN' can't be found 


**


