「 LOWCODE 」 四月 17, 2025
文章字数 2k 阅读约需 2 mins.
每一个组件可以对外提供：
每个组件可以向外抛出数据，应用会收集维护在全局存储，该数据应是可响应式的，在应用顶层通过 Provider...
查看全文「 VITE 」 十二月 15, 2024
文章字数 5.3k 阅读约需 5 mins.
在 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
文章字数 4.6k 阅读约需 4 mins.
Web 开发中，大多数人都会习惯在浏览器端调试代码，而借助 vscode，可以带来不一样的调试体验，试想在代码编写处，直接打一个断点，实时 debugger，体验是不是更顺畅了一点？
以下简单介绍日常 SPA 单页应用、nodejs 应用的调试。
1、项目中添加调试配置
操作“运行 - 添加配置”，下拉选择 chrome 自动添加即可，根据需要修改参数值
示例如下：
{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了...「 CHARLES 」 五月 29, 2021
文章字数 1.2k 阅读约需 1 mins.
Charles 中如何抓包、代理 websocket 请求？过程有些复杂、坑点颇多，这里提供一份可用的方案。
请先确保你的 charles 能够抓到浏览器的请求，通常你可能需要注意以下几类问题：
Proxy - macOS Proxy 选项「 MACOS 」 四月 14, 2021
文章字数 2.7k 阅读约需 2 mins.
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
文章字数 3.3k 阅读约需 3 mins.
在区分企业与个人项目的提交信息时较为常用
# 推荐单独创建配置文件
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
文章字数 436 阅读约需 1 mins.
yarn workspaces 结构的项目，在执行命令安装子包依赖时，可能会看到如下错误：
Failed to install dependencies in workspace: expected workspace package to existyarn issues 下的相关问题讨论：https://github.com/yarnpkg/yarn/issues/7807
目前比较简单的处理办法是降级 yarn 到 v1.18.0
yarn policies set-version 1....「 VIDEO 」 三月 28, 2021
文章字数 4.9k 阅读约需 4 mins.
转自 DuPei 同学的文档，这是比较全面的方案调研，转载分享给更多人，待将来需要时细细研究。
HLS 全称 HTTP Live Streaming，顾名思义是一个基于 HTTP 的流媒体传输协议。是由苹果公司提出，在苹果家族的整个产品都得到了比较好的支持，后来谷歌在 Chrome 浏览器和移动端浏览器也进行了原生支持，所以目前无论你是在 PC 还是移动端的浏览器基本都原生支持 HLS 协议进行播放视频，算是一个在移动端比较好的跨平台方案，同时微信内嵌的浏览器也都是原生支持的。
它允许用户从...
查看全文「 REACT 」 三月 27, 2021
文章字数 800 阅读约需 1 mins.
如何管理应用内的接口请求？
这是一个值得讨论的问题，涉及如下若干方面：
这些问题可以在以下几个社区方案里找到答案（react-query 似乎更胜一筹）：