给老后端程序员的 petite-vue 使用入门(前言)

给老后端程序员的 petite-vue 使用入门(前言)

虽说我是一个后端程序员,但实际上我也写过很多前端代码和客户端代码。

在1999年前后,我上学时找到的第一份兼职工作,其实就是写网页,虽然当时我也用BCB写activex控件,我也是后来回想起来,但是老板对我的期待其实只是写好网页就行。

那时候浏览器几乎还只有 IE6 ,没有前端开发工具,浏览器也没办法进行js代码的调试,一切调试工作几乎只靠一个 alert 和偶尔的 document.write

经过了20多年的演变,目前前端开发已经成了一个软件开发中非常重要的一个分支,更是涌现了 Angula 、 React 、 Vue 等优秀的前端框架,虽然我中间也用jQuery开发过一些页面,但整体来说还是掉队了。

由于个人项目的需要,我调研了一圈这些前端框架,发现想要入门现代前端框架学习曲线最平滑,上手最快的就是 petite-vue 和 tailwindcss 这个组合了,首先说一下petite-vue 的优点:

首先, petite-vue由一个单一js实现,没有任何额外的依赖也没有做任何过多的封装,非常简洁,整个文件只有6kb左右; 其次, petite-vue和可以promis、axios等现代js库组合使用,更可以跟老牌的 js 库 jQuery 组合使用,瞬间进入你熟悉的领域; 再次,因为 petite-vue 是由一个独立的 js 文件实现,根本不需要现代前端框架那么复杂的搭建脚手架,下载扩展包,编译等复杂的环节,在 html 直接引入 cdn 的链接地址,就可以开始使用,非常简单快捷。

但很可惜,目前没有多少 petite-vue 的教程,于是我就动了想写写的念头。

经过了2个多月业余时间的开发,我的小项目基本上完工了,于是想着回馈一下社区,写一个给老后端程序员看的 petite-vue 入门教程。

这个前言会随着教程书写的进度而更新,会把对应章节的链接更新过来。

lastupdate 2025.7.1

2025.7.1

-EOF-

Read more

第三方表单对接方案

今天早上我刚到办公室,就看到沈建已经在办公室里等我了。 沈建是我一个客户公司的健身教练,他在公司的职责是根据客户习惯制定运动计划,并负责指导用户根据运动计划建立运动习惯。 “肆总,这个事儿可烦死我了,您一定要帮我解决一下。” 沈建一见到我过来,立刻热情的迎上来,面带难色的开始跟我诉苦。 “我们公司的业务您知道,公司的业务系统是您负责开发并上线的,这一年多来其实都还好,只是最近我们的业务量开始上升,就出现了一些非常让人烦的事情。” 我听完心里一乐,看来当初他们给自己挖的坑开始有效了。 但我还是故作疑惑的问他:“业务量上升是好事啊,沈教练要发财了啊。 这是遇到什么问题需要我来帮您搞定的?” “哎呀是这样,当初我们讨论如何收集用户生活和运动习惯这个问题的时候,我们不是选择了一个第三方公司的在线问卷么。 ” “嗯,我记得,当初我的建议是不要选他家的产品,缺乏API和第三方对接的支持。但你们选他是因为看上了他能直接导出Excel文件,而其他家的产品需要我们做导出为Excel格式的开发工作,有一些额外的费用。” 我故意把当时没谈拢的细节抖搂了出来。 “对对对,就是这事!我们这不是已

By siyige
每日写作很难吗?

每日写作很难吗?

一个看似简单的问题 去年年底我制定计划的时候,会觉得每日花70分钟在写作上是一件很容易达成事情,尤其是我还把阅读时间也算了进来。但实际上的执行结果非常不达预期。我年初(2025年)的计划是在写作和阅读上投入24000分钟,也就是400个小时,平均每周8小时。 可能相当多的人也跟我有类似的看法,“我经常一看小说就是一个通宵,一周在读书和写作上只投入8小时,太容易了,就算平时不读书写字,周末2个晚上就能搞定!”。 看起来好像真的不难。 但事实是2025年已经过去了4个月,但我在写作和阅读上已经投入的时间才1000分钟,如何表明这个投入太少了呢? 我的年度计划中,俯卧撑的总个数为32850个,到现在已经完成了10980个,完成进度大约33%,而1000分钟只是我计划的4%。 发现问题一定要有客观的数据支持,最容易抵赖的不是别人,是自己。 问题挖掘 从4月底以来,我一直在反复思考这个问题:每日写作很难吗?如果降低要求,每日写作10分钟很难吗? 难! 因为我始终无法顺利的把这个事情做下去,所以这个事情对于我来说一定是很难的事情,我必须要让自己接受这个现实。 跑步、做俯卧撑,对于

By siyige

房间里的破洞

合租房里光线昏暗。 并排的两张桌子上,台灯和电脑显示屏各自亮着。 一张属于小明,另一张是小李的。 小明埋头学习,手指无意识地转着笔。 他在备战考研,目标是天体物理系。 复杂的公式让他头疼。 旁边的小李正专注地给游戏角色的模型画贴图。 笔刷在数位板上沙沙作响。 屏幕上是精细的纹理。 小明的笔掉落了好几次。 “哒”。一声轻响。 有时他弯腰捡起,有时却在桌下找不到。 他皱皱眉,从笔筒里拿出新的。 桌上还有两整盒笔,丢几支也无所谓。 只是心里掠过一丝奇怪。 “我说小明,” 小李突然抬起头,耳机挂在脖子上,“你今天笔掉了起码五六次了吧?怎么一次掉地上的响声都没听到?” 小明一怔,这才意识到确实如此。 他本就因学习心烦意乱,这莫名其妙的掉笔事件更添了一层焦躁。 “是有点怪。” 他嘟囔着。 他决心看个究竟。 站起身,“啪”地按下了房间大灯的开关。 日光灯驱散了昏暗。 就在他桌子旁边的空地上,一个奇怪的景象出现了。 那东西像一团不稳定的光影。或者说……空气本身的扭曲。 它的形状一直在变换。 一会儿像个模糊的球体。 一会儿又拉伸成近乎立方体的轮廓。 接着又变成晃动的圆柱。 恍恍惚惚,若有若无。

By siyige

省力模式与路径依赖:为什么我们爱劝人却不改自己

最近刷小红书,看到一个故事:一对情侣为地铁换乘方案吵得不可开交,最后互相拉黑,得出“三观不合”的结论。他们争吵的本质是对待换乘这件事的不同态度:一种观点是我可以多坐3站地,少一次换乘,少走几百米的路;另一种观点是,可以多一次换乘,用骑共享单车代替走路可以节省时间。这两种方案在导航软件的估算上,耗时和交通费用都很接近,但他们双方都在试图让对方接受自己的方案更好这个观点。 这件鸡毛蒜皮的小事让我陷入沉思——为什么我们总爱劝别人改变,而不是调整自己?美团创始人王兴有句名言:“多数人为了逃避真正的思考,愿意做任何事。” 这不仅限于思考,还包括运动、情绪管理,甚至亲密关系中的沟通。我们似乎天生倾向于“省力模式”,觉得劝别人简单,改自己太费劲。科学研究表明,人类的肌肉、心肺、大脑甚至情绪都进化出节能机制,优先选择最“省力”的方式行事。这种本能让我们在资源匮乏的远古更容易存活,却在现代社会需要快速成长时成为成长的阻碍。更微妙的是,省力模式往往藏在日常的小习惯里,悄无声息地固化成路径依赖,成为我们学习成长的无形之墙,阻碍我们的改变。这篇文章,我想聊聊省力模式的根源、路径依赖的陷阱,以及如何通过警醒和

By siyige