Yet Run 的小站

需求背景

如果说因为某种原因，需要在整个页面地方使用 Turbo Frame，采用这种结构有哪些需要注意的地方呢？本篇文章就是讨论这种情况的。

这段时间在拿一个小项目练手，力图寻找出一个适合自己的前端框架合集。我们知道 Vue 框架为我们实现了数据绑定和单页应用，让我们能够基于数据状态而不是 DOM 状态开发前端项目。但我们仍然知道，Vue 只是实现了视图层的逻辑而已，围绕 Vue 框架我们依然需要为前端项目的其他层次选择合适的技术方案。

就我个人观念而言，前端项目的以下技术方案至关重要：

• 视图层的数据绑定，这个可以由 Vue 框架帮我们做到
• 表单验证
• 与后端 API 的交互

这篇文章将介绍后两者的方案。

常规的管理系统开发（以及部分用户端原型的开发），涉及到列表页、详情页、编辑页、新建页。据我多年的开发经验获悉，每一种类型的页面，开发者都应有一套固定的写法。这一篇讲列表页的固定写法。

列表页，如果考虑功能齐全，应包括：

• 展示一个数据列表
• 支持若干筛选项目
• 支持分页浏览
• 支持全文搜索
• 支持排序

本文分两个阶段介绍，第二阶段相比第一阶段增加了 vue-router 的考虑。

我有很多坏习惯，其中最恶劣的乃是王者荣耀。

王者荣耀是一款游戏，一款毒害青少年身心成长的游戏。自2017年我接触它以来，直至今天，已经超过4个年头了。这四年里，我无时无刻不在玩着这款游戏，早起玩、睡前玩、吃饭玩、上班玩。不能玩的时候，满脑子无时无刻不在想着这款游戏，连睡觉做梦时都是 1433223。

这天坐车听到《忘情水》的旋律，仿佛回到了从前的时光。老歌总是有一种特别的魅力，再加上刘德华那独特的嗓音。

每一首歌都有它独特的世界观，《忘情水》也不例外。仔细一听歌词的内容，就会知道，在《忘情水》的世界里，忘情即是不流泪。哪怕悲痛欲绝，哪怕伤心过度，只要不流泪，即是忘情了。

世上真的有忘情水这样的东西吗？一开始听到这样的说法我是疑惑不解的。因为忘情即是忘心，某种程度上是一种失忆，而且是选择性失忆。纯粹靠药物达到这种精准性的失忆难度之大，难以想象。离泽宫的忘情丹是一种，但那只存在于仙侠剧中，现实中却不存在的。

直到再度理解歌词，理解了忘情即是失泪之后，就明白忘情水制作的可行性了。虽然不能只做一杯冰水，让自己忘情忘心，但抑制泪腺分泌总是可能的。百度了一遍，发现

阿托品、抗抑郁药以及长期使用含防腐剂的眼药等会造成干眼症

看来忘情水的副作用还是挺大的，如非必要还是不要过度服用的好。与其忘情忘心，倒不如洒脱面对、重新融入生活的好。

这次记录一个 Vue 框架使用过程中的一个问题，这个问题与组件的插槽有关。问题到最后会发现，插槽内可以使用父组件的 class 定义，即使这个定义父组件为其添加了 scoped 限制。这会带来麻烦，尤其是当我们无意识地为 class 取了一个跟父组件一样的名字的时候……

这篇文章讲述自己 Vue 开发实践中遇到的一个小问题，通过这个小问题让自己对属性在组件之间如何传递产生了一些思考。首先，通过一个简单的例子说明，外部绑定的改变不能立马在组件内响应到；然后通过 $nextTick 修正了此问题；最后，提到 $nextTick 不是一个好的实践，从而引发对好的实践的思考。