白抹灰

需求：父组件通过 props 传递给子组件 caseList 数组，这里需要遍历该数组来展示每个 case 元素的一些属性，其中就包括创建时间 create_time 和图片地址 cover。但父组件传过来的 create_time 是一个时间戳，我们希望时间以年 - 月 - 日的形式来呈现。而 cover 的格式是 ["http:/xxxxxx.jpg"]，直接赋给图片 src 是不行的。所以子组件需要想办法修改 props 值。

如下图所示，要求循环滚动一系列文本信息。

只要涉及到 MVVM 框架就不得不提到双向绑定，毕竟它是 Vue 的三要素之一。

• 响应式：例如如何监听数据变化，其中的实现方法就是双向绑定
• 模板引擎：如何解析模板
• 渲染：Vue 如何将监听到的数据变化和解析后的 HTML 进行渲染

1
2
3

let vue = new Vue({
    render: h => h(App)
}).$mount('#app')

vue-cli 配置齐全，大家也都习惯于使用 vue-cli 开发，因此可能会忽略了入口文件中 Vue 实例是怎么去 new 的，以及 #app 元素是怎么渲染到页面的。

Component Injected 属性

这些属性通过调用 app.use(router) 注入到每个子组件中。

参考文档：

1. Vim 入坑指南

2. 在 VSCode 里面配置 Vim 的正确姿势

React 是当今最流行的前端框架之一，它的设计理念和实现原理值得深入学习。本文将从核心概念出发，详细解析 React 的工作原理，包括 Fiber 架构、渲染流程、diff 算法、key 的作用、批处理机制以及并发模式等关键内容，帮助你彻底理解 React 的内部工作机制。

参考文档

一、前置条件

uni-forms 需要绑定 model 属性，值为表单的 key/value 组成的对象。uni-form-item 需要设置 name 属性为当前字段名，字段为 String|Array 类型。

1
2
3
4
5
6
7
8

<uni-forms :modelValue="formData">
	<uni-forms-item label="姓名" name="name">
		<uni-easyinput type="text" v-model="formData.name" placeholder="请输入姓名" />
	</uni-forms-item>
	<uni-forms-item required :name="['data','hobby']" label="兴趣爱好">
		<uni-data-checkbox multiple v-model="formData.data.hobby" :localdata="hobby"/>
	</uni-forms-item>
</uni-forms>

分治算法（Divide and Conquer）是一种重要的算法设计思想，它将一个复杂的问题分解成若干个相同或相似的子问题，递归地解决这些子问题，然后将子问题的解合并成原问题的解。本文将从概念到实践，全面讲解分治算法的思想、适用场景及常见题型。

动态规划（Dynamic Programming，DP）是一种通过把原问题分解为相对简单的子问题的方式求解复杂问题的方法。它的核心思想是利用历史记录避免重复计算。本文将从基础到进阶，全面讲解动态规划。