王树贤

#### 最佳实践 #### 如果有更好的实现，尽量不要使用三元表达式 ```ts let score = val ? val : 0 // ✗ 错误 let score = val || 0 // ✓ 正确 ``` #### add remove ```ts...

#### 使用字典格式重构多条件判断语句 ```ts export const DIRECTION = { LEFT: 'LEFT', RIGHT: 'RIGHT', TOP: 'TOP', BOTTOM: 'BOTTOM', HORIZONTAL: 'HORIZONTAL', VERTICAL: 'VERTICAL' } export const ARROW_DIRECTION = [ {isHorizontalScreen: true, isScrollVertical: false,...

```javascript const html=(strings,...values)=>{ return values.reduce( (s,v,i)=>s+String(v)+strings[i+1],strings[0] ) } ```

# 格式化 ## 将对象属性所有值转为字符串 ```ts function eventToStringAdapter(event={}){ if(typeof event !== 'object'){ return console.warn('事件不是对象:',event) } const keys=Object.keys(event) const stringEvent=keys.reduce((accumulator, currentKey)=>{ const currentPram=event[currentKey] if(typeof currentPram === 'object'){ const stringPram={[currentKey]:eventToStringAdapter(currentPram)} return Object.assign({},accumulator,stringPram) }...

#### Nexus3 搭建 npm 仓库 >https://hub.docker.com/r/sonatype/nexus3 ##### 安装 Nexus3 docker ```bash docker pull sonatype/nexus3 ``` >https ```bash docker pull bradbeck/nexus-https docker volume create --name nexus-data docker run -d -p 8081:8081...

#### DevOps 最佳实践 读书笔记 >发布于 2019-05-04 >［荷］Bart de Best　著 >DevOps Master 和 DevOps Professional 认证 > DevOps Days ##### 导论 >把开发团队和运维团队合并，形成一个新的管理团队——开发/运维综合团队，我们把它简称为 DevOps 方法，从而让开发管理者和运维管理者都能够共享知识和技能。 >以 30 篇最佳实践案例的形式，提供了如何使 DevOps 团队协同工作的知识，并在这些案例中分别提供了关于 DevOps...

##### 5 流程蓝图 >一种体系结构模型（architecture model），用它在以 DevOps 为基础的服务组织中实现服务管理流程的平衡设计。 >体系结构模型 >体系结构模型是对现实情况的简化呈现。 流程蓝图 流程蓝图是体系结构模型的一个例子。蓝图用一张图显示了在服务组织中使用哪些服务管理流程，以及在没有详细显示所有沟通路径的情况下，如何组织纵向和横向治理。 表 5-1 展示了一个 16 区域的服务管理模型。这个模型是通过 DevOps 流程完成的，对于每个组织来说都是非常有启发性的。如果流程没有被明确识别，那么也可以用可交付成果来完善这个 16 区域模型。为了简单明了起见，本文只阐明可交付成果。另外，DevOps 团队当然也可以在单元格中加入更多内容。 表 5-1 16 区域服务管理模型 这种管理模型的优势在于，它可以帮助您思考 DevOps 领域内有什么和没有什么。一旦有些内容被排除在 DevOps 领域之外，那么，可交付成果在哪里被覆盖就成了问题。

# 业务逻辑常见错误 ## 使用“data-”属性在 DOM 元素中存储重要的业务数据 >数据集属性绝不意味着存储业务数据。它们是 DOM API 的一部分。 >而 DOM 一直处于应用程序规模中称为“视图”、“表示”、“UI”的那部分。它与您的应用程序的业务逻辑无关。 >它的存在只是为了将这个逻辑的结果呈现给用户并从他们那里收集反馈 *** ## 将业务逻辑与 UI 耦合 [逻辑取决于 UI] >这严重违反了单一职责原则（SOLID 中的“S”）。 >每次更改这些 UI 元素时，都存在业务逻辑发生潜在变化的风险。 ### example ```ts componentDidMount()...

# React业务逻辑 `React business logic ` ## 使用 hooks 隔离业务逻辑 >example >UI 部分 ```tsx // Presentational component const QuantitySelector = () => { const { onClickPlus, onClickMinus, state } =...

# 初始化 Vite 项目 ## 直接创建 >使用 NPM: ```bash $ npm init vite@latest ``` >使用 Yarn: ```bash $ yarn create vite ``` >使用 PNPM: ```bash $ pnpm create vite ```...