摘要：
ES6 扩展了可选属性，TS 又扩展了类型语法，因此可以实现将引用类型的函数参数设置为：带默认值，同时该参数的属性又可选择性提供。这样就能更灵活地使用函数参数。 函数定义： function func(options: {option1?: number, option2?: boolean, op 阅读全文
摘要：
状态模式简介 状态模式是一种常用的面向对象设计模式，多见于对象的状态会影响对象行为的场景。本篇以汽车加速、升/减档为例，介绍状态模式在实际开发中的实现思路以及注意事项。 状态模式的实现思路 根据状态机的5要素（状态、动作、事件、迁移、条件），画出目标对象的状态迁移图，和/或用清晰的文字准确描述5要素 阅读全文
摘要：
需求描述 （以element ui组件为基础）设计一种嵌套结构，从上到下依次是: 卡片组(dyn-card-group) 卡片(dyn-card) 布局组(dyn-layout-group，包含 el-row 和 el-col) 以下实现是通过配置参数的方式动态渲染组件，避免重复书写视图模板。配置参 阅读全文
摘要：
组件的关系 根据组件的上下级“包含关系”，分为父子组件、祖孙组件、以及兄弟组件。 同时，根据组件关系的“紧密程度”，可以分为耦合关系和松散关系，或者说静态结构耦合与动态数据耦合。具有耦合关系的组件，其层级结构是静态的，比于：ul->li 或是 header-aside-content-foot，这类 阅读全文
摘要：
需求描述 使用官方建议的简单store模式实现父组件和兄弟子组件的数据通信，保证状态统一。实现是参考网上比较多的一个例子，通过store保存年龄，并在组件中触发修改和共享。 实现 person.js const Person = { debug: true, state: { age: 6, }, 阅读全文
摘要：
背景介绍 ES6 模块的导出语法虽然只有三种：默认导出、逐个导出以及批量导出，但由于其允许同时使用多种导出语法，如不注意，导入模块很有可能获取不到导出内容。 导出模块只使用一种导出语法 以下 ... // 定义导出内容 包含的就是正常的定义变/常量、函数或类，如：let val = 1，functi 阅读全文
摘要：
背景 web开发相比于传统桌面应用，涉及到更多系统，包括前端页面（HTML、CSS）、脚本（Javascript）、前端框架、网络（url）、服务器（网络路径和文件资源）等，且不同系统支持的命名规范和习惯不尽相同，可能会导致开发的混乱。在本篇中统一整理一份目录，方便后续查询和使用。 命名规范介绍 目 阅读全文
摘要：
简单介绍 开发可复用组件时，经常需要父子组件间相互传递数据。Vue 提供了 prop 和 slot 两种特性用于处理不同的场景： prop 主要用于向子（孙）组件传递其必需的数据，类似于函数的一般参数。这类数据进入子组件后无法主动影响子组件的状态，只能被动地由子组件使用。 slot 主要用于扩展组件 阅读全文
摘要：
需求描述 设计一种通用的、处理多条件具有相同行为的分支结构，示例场景：根据月份返回季节，1-3月返回春天，... 22.7.21补充：这种需求的常见场景是状态机的多个条件对应同种迁移路径。 分析 方法1：if...else if...else 首先排除，可读性和扩展性太差 方法2：switch 扩展 阅读全文
摘要：
需求描述 利用过滤器，对后台数据做预处理，将不符合要求的数据替换为用户可以理解的数据，如将表示特定状态的代码替换为字符串，或将英文替换为指定中文等 鉴于Vue官方不建议继续使用内置的过滤器机制，尝试在获取到服务端数据后手动一次性过滤，再将过滤后的数据添加到表格上 思路描述 针对每个需要执行过滤的数据 阅读全文