随笔

How to share solutions?

最近在使用一些新的框架时,发现了一个有趣的网站,这个网站可以对比一些流行框架的写法,比如如何做到响应式的变量,如何发送事件给到上级。

1.png

目前为止里面涉及的基本是一些功能性的写法对比,没有涉及到解决方案的代码,所以就在思考,比如“权限检查”这种场景,基本所有项目都会涉及到,但是对于没有接触过的人,或者没有接触过这个框架的人都会有一个没有必要的摸索过程。

而目前 GitHub 上确实有一些 awsome project 之类的,但是那种太过于大而全了,我只是想炒个青菜放点盐,结果拿来个佛跳墙的菜谱。

基于以上思考怎样才能够共享这些 Solution,如果只是存 GitHub 不就又变成了一个文档型仓库了,如果存 component-party,Solution 的文件貌似又太多了,之前也写过比如 Mock + Custom server 集成 Webpack 中的方案,然后貌似就没然后了,真的就变成了个人代码库。

先写了个基于 Vue3 的“权限检查”方案,提供检查的 hook,提供检查的一个包裹组件,也提供了基于 vue-router 的路由检查方案,放到 StackBlitz 中,这样能够看到效果。

3.png

2.png

如果做成类似于一个 Online Store 的效果呢?就像现在一些模型网站提供一些截图和介绍,然后点击进入 StackBlitz 中直接可以预览效果,感觉好像也挺有趣的样子!


超超超级简单版上线:https://www.lilonghe.net/solutions/

惊喜的发现 GitHub Actions 支持部署到 GitHub Pages 了,也就是可以执行编译动作了!

参考

本文链接:https://note.lilonghe.net//post/how-to-share-solutions.html

-- EOF --