Eleven 的博客

「 LOWCODE 」四月 17, 2025

低代码核心实现 - 组件间数据和行为交互

文章字数 2k 阅读约需 2 mins.

LowCode

每一个组件可以对外提供：

抛出可联动的数据
抛出可调用的方法
提供可监听的事件

抛出可联动的数据

每个组件可以向外抛出数据，应用会收集维护在全局存储，该数据应是可响应式的，在应用顶层通过 Provider 向下传递，每一个组件都可以读取到。

组件抛出的数据，在编辑器中拖动配置组件时，为了能够被其它组件使用，需要在该组件中预先定义好待抛出的数据。

export default defineComponent<Options>({
  declarations: {
    /...

查看全文

「 VITE 」十二月 15, 2024

Vite 疑难杂症

文章字数 5.3k 阅读约需 5 mins.

Vite

在 2022 年初投产了第一个 Vite 应用到产线，陆续处理的问题 Case，挑选一些记录下来。

若改造旧的 webpack 应用，推荐参照 webpack-to-vite 理解更多差异。

应用代码中，通常不再建议使用 require，应当都替换为 import.

但是，若为迁移旧代码或其它原因，社区有多款插件可以选用。

简单的场景推荐：https://github.com/wangzongming/vite-plugin-require

如果是三方依赖包的产物中包含了 require() 代...

查看全文

「文章」七月 22, 2022

前端依赖治理

文章字数 8.7k 阅读约需 8 mins.

Validate and visualise dependencies. With your rules. JavaScript. TypeScript. CoffeeScript. ES6, CommonJS, AMD.

dependency-cruiser，用于前端依赖模块的可视化和依赖的校验，支持使用定制的规则，支持前端常用的 JS、TS 语言以及 ES Module、CommonJS 等模块规范。

GitHub：https://github.com/sverweij/dependency...

查看全文

「 VSCODE 」二月 23, 2022

vscode 调试技巧

文章字数 4.6k 阅读约需 4 mins.

调试，vscode， nodejs

Web 开发中，大多数人都会习惯在浏览器端调试代码，而借助 vscode，可以带来不一样的调试体验，试想在代码编写处，直接打一个断点，实时 debugger，体验是不是更顺畅了一点？

以下简单介绍日常 SPA 单页应用、nodejs 应用的调试。

launch 模式

1、项目中添加调试配置

操作“运行 - 添加配置”，下拉选择 chrome 自动添加即可，根据需要修改参数值

示例如下：

{
  // 使用 IntelliSense 了解相关属性。
  // 悬停以查看现有属性的描述。
  // 欲了...

查看全文

「 CHARLES 」五月 29, 2021

Charles 抓包/代理 websocket 请求

文章字数 1.2k 阅读约需 1 mins.

websocket

Charles 中如何抓包、代理 websocket 请求？过程有些复杂、坑点颇多，这里提供一份可用的方案。

请先确保你的 charles 能够抓到浏览器的请求，通常你可能需要注意以下几类问题：

确保已勾选 charles 的 Proxy - macOS Proxy 选项
浏览器推荐设置为“系统代理”，如果使用了某些浏览器的代理插件，请记得切换
是否已安装好 https 证书？
如果有使用某些 VPN 代理工具，可能会存在代理冲突。如果遇到了抓不到请求的问题，推荐先关掉 VPN 工具，随后重启...

查看全文

「 MACOS 」四月 14, 2021

Apple M1 芯片问题汇总

文章字数 2.7k 阅读约需 2 mins.

MacOS

https://www.macwk.com/article/apple-silicon-m1-application-crash-repair

最好能够翻墙，并且设置终端可翻墙，否则速度太慢可能断掉。

安装

对于 M1 芯片的 Mac，低版本的 nvm 使用存在一些奇怪的问题，需要卸载后重装最新版本。
```
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
```
安装完成后，修改 zsh 终端...

查看全文

「 GIT 」四月 07, 2021

Git 非常规问题记录

文章字数 3.3k 阅读约需 3 mins.

Git

在区分企业与个人项目的提交信息时较为常用

# 推荐单独创建配置文件
touch ~/.gitconfig-xx

例如，需要单独设置 username/user-email

[user]
    name = xx
    email = xxx@gmail.com

# 打开 Git 默认的配置文件，添加指定目录下的规则
open ~/.gitconfig

区分目录设置

例如，指定 ~/xx/xx/ 目录使用上方创建的 .gitconfig-xx 配置，则在 ~/.gitconfig 文件中添加如下配置：

[includeIf...

查看全文

「 YARN 」四月 07, 2021

yarn workspaces 依赖安装报错

文章字数 436 阅读约需 1 mins.

yarn workspaces 结构的项目，在执行命令安装子包依赖时，可能会看到如下错误：

Failed to install dependencies in workspace: expected workspace package to exist

yarn issues 下的相关问题讨论：https://github.com/yarnpkg/yarn/issues/7807

目前比较简单的处理办法是降级 yarn 到 v1.18.0

yarn policies set-version 1....

查看全文

「 VIDEO 」三月 28, 2021

「转」H5直播流原理与实践方案

文章字数 4.9k 阅读约需 4 mins.

转自 DuPei 同学的文档，这是比较全面的方案调研，转载分享给更多人，待将来需要时细细研究。

HLS 全称 HTTP Live Streaming，顾名思义是一个基于 HTTP 的流媒体传输协议。是由苹果公司提出，在苹果家族的整个产品都得到了比较好的支持，后来谷歌在 Chrome 浏览器和移动端浏览器也进行了原生支持，所以目前无论你是在 PC 还是移动端的浏览器基本都原生支持 HLS 协议进行播放视频，算是一个在移动端比较好的跨平台方案，同时微信内嵌的浏览器也都是原生支持的。

它允许用户从...

查看全文