EL PSY CONGROO

简单记录下vue组件的大致思路

在看hcy的vue源码解析, 看完了渲染器部分, 简单总结下vue3的diff流程. (作为之后复习用, 并不作为学习.)

尝试给公司脚手架新增个用vite起react项目的功能, 分享一下思路和遇到的问题.

因为看了尤老板带着写vue的视频, 之前也看过didact. 那么这次自己试着把简单版vue和简单版react敲了一下, 来简单总结一下感受.

公司一个业务框架在修改代码后竟然没有自动更新页面. 于是想尝试解决这个问题, 还是失败了.

出现问题的框架使用的是react-refresh来进行hmr, 虽然失败但记录下过程.

因为工作原因必须了解一下乾坤, 总结一下乾坤使用级别的入门.

之前写了一些写electron, 浏览器插件, vscode插件这样的项目. 这些项目其实是有一些固定模板的, 但又没有主流脚手架, 于是观察了一些其他脚手架, 写个自己的脚手架来快速启动项目.

travis-ci从21年6月15开始停止服务, 新版本需要迁移才能继续服务, 这意味我的博客和electron应用都要去进行迁移了.

electron无疑是个很强的东西, vscode近年非常流行, 其他还有github客户端, twitch, figma等大公司有electron开发的软件.

但electron在前端开发中仍算冷门. 不分析原因, 但导致的结果是没有很稳定的脚手架.

目前官方只有一个react的模板, 剩下只有awesome-electron里民间的几个模板.

面对纷繁多样的需求, 这几个模板肯定是不够的, 而electron的流程又很简单. 所以这里总结一个大方向.

在开发流程中, 会遇到根据环境判断url的问题, 像这样的代码(真实代码):

1
2
3

const winURL = process.env.NODE_ENV === 'development'
    ? `http://localhost:9080`
    : `file://${__dirname}/index.html`

这次深入这个问题, 来发掘一些更好的实践.