![](https://content.hackertalk.net/pub/GMpY8l-Z3JwZyn)

![](https://content.hackertalk.net/pub/4zrGAn-x3g5rNG)

这两个通知有什么区别吗？

https://github.com/Chorer/TypeScript-Doc-Zh

翻译了 TypeScript  文档的 handbook 部分，欢迎有需要的朋友学习，如果有帮助，可以点个 star ~。后续也会考虑给官方仓库提 pr。

TypeScript 文档中文翻译

https://www.proposals.es/

这个网站可以查看各个阶段（从 stage1 到 stage4，包括不再活跃的）的 ECMAScript 特性，可以看到每个特性的状态、作者、说明、仓库等信息，同时也可以查看各个 champion 的提案。对于了解 ECMAScript 提案进度是一个不错的选择。

HTTP 3规范正式发布

在修改第三方组件库的样式的时候，经常需要用到**深度作用选择器**实现样式穿透。

对于 CSS 或者 stylus，语法是使用 `>>>`。比如下面这样：
```html
<style scoped>     
  .parent >>> .son{
    background-color: red;
  }
</style>
```
```html
<style lang="stylus" scoped>     
  .parent {
     >>> .son {
       background-color: red;   
    }
}
</style>
```
对于 sass / scss / less / stylus 等预处理器 ，语法是使用 `/deep/`，比如下面这样：

```html
<style lang="xxxx" scoped>     
  .parent {
     /deep/ .son {
       background-color: red;   
    }
  }
</style>
```
不过，如果 `.parent` 中还有其它子元素需要修改样式，难道每次都要在子元素前面声明 `/deep/`  或者 `>>>` 吗？其实不用，我们只需要给最外层的元素套用深度选择器即可：

```html
<style lang="xxxx" scoped>     
  /deep/ .parent {
     .son {
       background-color: red;   
    }
     .anotherSon {
        background-color: black;     
    }
  }
</style>
```

在使用 `/deep/` 的时候可能会遇到编译报错的问题，为了避免这种情况，以及为了提高编译速度，如果我们是使用 Vue 开发，还可以使用更加统一的 `::v-deep`：

```html
<style lang="xxxx" scoped>     
  .parent {
     ::v-deep .son {
       background-color: red;   
    }
  }
</style>
```

不同 css 预处理器使用深度作用选择器的区别总结

error cause 为 Error 构造器引入了第二个参数，该参数是一个带有 `cause` 属性的对象，可以携带底层错误的信息，而上层错误的信息由 Error 构造器的第一个参数提供。error cause 有助于进行错误链的跟踪，保留抛出错误的上下文信息。

举个例子，以前的错误处理可能是这样的：

```js
// 方式一：很难分离出底层错误信息和自定义错误信息
function fetchData(url){
  return fetch(url).catch(err => {
    throw new Error(`can't fetch data from ${url}`,err)
  })
}
(async function(){
  try {
    await fetchData('x:x')
  } catch(e) {
    console.log(e)
  }
})()

// 方式二：需要对错误进行二次包裹
function fetchData(url){
  return fetch(url).catch(err => {
    const e = new Error(`can't fetch data from ${url}`)
    e.cause = err
    return e
  })
}
(async function(){
  try {
    await fetchData('x:x')
  } catch(e) {
    console.log(e)
    console.log('Cause by',e.cause)
  }
})()
```

但使用了 error cause 之后，是这样的：

```js
function fetchData(url){
  return fetch(url).catch(err => {
    throw new Error(`can't fetch data from ${url}`,{cause:err})
  })
}
(async function(){
  try {
    await fetchData('x:x')
  } catch(e) {
    console.log(e)
    console.log('Cause by',e.cause)
  }
})()
```

传给 Error 构造器的第一个参数是用户自定义的上层错误信息，基于此会产生一个 error 实例，该实例作为参数会传递给 `catch` 块；而第二个参数的 `cause` 属性会挂载到 error 实例，可以将底层错误信息携带上去。

ES2022 新特性之 error cause

要检测某个属性是否是对象自己的（非原型链上的），可以使用 `obj.hasOwnProperty('a')`。但这个方法的问题在于，如果对象的原型为 `null`，那么它就无法继承 `Object.prototype.hasOwnProperty`，自然也就不能使用这个 api。如下：

```js
const obj = Object.create(null)
obj.a = 1
obj.hasOwnProperty('a')            // 报错
```

而使用 `Object.hasOwn()`，则没有这个问题。如下：

```js
const obj = Object.create(null)
obj.a = 1
Object.hasOwn(obj,'a')            // true
```

ES2022 的新api：Object.hasOwn()

![](https://content.hackertalk.net/pub/oEP8Dn-0r0N5PD)

总觉得这几个图标的大小不是很协调，前四个是一个尺寸，后两个又是另一个尺寸，看起来偏小了。另外，最后一个图标在没有激活的时候也是实心的，会不会设计成空心会好一点？

关于侧边栏图标的一些建议

频道属于实时聊天，一些操作可以尽量便捷点。比如：按 enter 键可以直接发送消息，而不需要把鼠标移到按钮上去手动点击。原本的 enter 换行则可以考虑使用 ctrl+enter 代替。不过，也有的用户习惯将 enter 当作换行，因此可以提供不同的两种选择，类似 QQ 那样，如下图所示：

![](https://content.hackertalk.net/pub/MBY8l8-z2MGrQa)




提一个交互上的小意见

之前一直使用的 screenToGif，蛮喜欢的，而且还能逐帧编辑，非常方便。但这几天发现它在长时间录制的时候表现不是很好，预览的时候是正常的，一旦导出成gif，后面录制的部分就会空白/丢失。目前发现改变编码方式（使用内置的编码器之类的）可以解决这个问题，但是这样生成的动图体积会非常大。

windows 上有什么好用且支持逐帧编辑的 GIF 动图生成工具吗？

6 月 24 号的 Microsoft Event 算是正式公布 Windows 11 了，看了发布会感觉蛮惊喜的，比之前的泄露版多了不少内容。

大家看了 6 月 24 号的 Microsoft Event 了吗？感觉如何？

### 二维数组

二维数组，以 [[],[{a:1}],[],[3,4],5] 为例，降维后得到 [{a:1},3,4,5]

#### 双重循环

需要检查是否每个元素都是数组

```js
 function flatten(arr){
     const res = []
     for(let i = 0;i < arr.length; i++){
         if(Array.isArray(arr[i])){
             for(let j = 0;j < arr[i].length;j++){
                 res.push(arr[i][j])
             }            
         } else {
             res.push(arr[i])
         }      
     }
     return res
 }
```

#### 循环 + concat

concat 本身就可以给数组降维一次

```js
 function reduceDiemension(arr){
     const res = []
     for(let i = 0;i < arr.length;i++){
         res = res.concat(arr[i])
     }
     return res
 }
```

#### reduce + concat

上面的过程本身是一种归并，所以考虑使用 reduce

```js
 function flatten(arr){
     return arr.reduce((acc,cur) => acc.concat(cur),[])
 }
```

#### 展开 / apply + concat

通过展开原数组或者将其作为 apply 的第二个参数，把数组转化为一个参数列表

```js
 function flatten(arr){
     // return [].concat([],arr)
     return [].concat(...arr)
 }
```

### 多维数组

多维数组，以下面的数组为例：

```js
 const arr = [
     1,
     [
         2,[3],
         [4,5,6],
         [7,8,9],
         10,11
     ],
     12,
     13,
     [15,16,17]
 ]
```

降维后得到 [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 15, 16, 17]

#### toString + split

数组降维可以看作是把所有的括弧都去掉，而数组的 toString 方法刚好可以做这个事，之后再调用字符串的 split 把字符串转换回数组即可。但这个方法很局限，要求数组元素的数据类型都相同。

```js
 function flattern_numberArray(arr){
     return arr.toString().split(",").map(x => Number)
 }
```

#### forEach + 递归

```js
 function flatten(arr){
     const res = []
     arr.forEach(item => {
         if(Array.isArray(item)){
             flatten(item)
         } else {
             res.push(item)
         }
     })
     return res
 }
```

#### reduce + 递归

同理，上面的过程是一种归并，可以使用 reduce 完成。需要注意的是，reduce 的回调函数必须返回一个数组，所以不要再用 push 了

```js
 function flatten(arr){
     return arr.reduce((acc,cur) => {
         if(Array.isArray(cur)){
             return [...acc , ...flatten(cur)]    
         } else {
             return [...acc,cur]
         }
     },[])
 }
```

#### while + some

只要数组中还有数组，就使用 concat 给这个数组降维。这个方法可以不使用递归

```js
 function flatten(arr){    
     while(arr.some(item => Array.isArray(item))){
         arr = [].concat(...arr)
     }
     return arr
 }
```

#### flat

直接用 flat 是最简单的。默认传参 1，表示降维一次；可以传参 Infinity，实现完全降维，最终得到一个一维数组。

什么？浏览器用不了？手写实现一个：

```js
Array.prototype.myFlat = function(times = 1){
    let arr = this
    if(!Number(times) || Number(times) <= 0){
        return arr
    }
    return arr.reduce((acc,cur) => {
        acc.concat(Array.isArray(cur)? cur.myFlat(times - 1) : cur)
    },[])
}
```



分享几个数组降维的方法

标识符

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 


**


