去年我写过一篇 牛年 dotnet 云原生技术趋势[1]，今天再来写一篇虎年云原生落地技术趋势，去年局限在 .NET 平台上的云原生落地，我今年在去年探索云原生落地的基础上从多语言云原生技术落地的趋势来谈谈。

Data & Methods创建组件ProductListOne {代码...} 组件导入及注册 {代码...} 组件使用 {代码...} 运行效果

vue 实例化 {代码...}

该系列教程第一讲，后续由浅入深详细介绍 Vue JS创建一个项目 {代码...} 项目结构如下图程序入口文件 main.js

template rows效果代码 {代码...} Spanning rows效果代码 {代码...} auto row效果代码 {代码...}

template columns效果代码 {代码...} Responesive效果代码 {代码...}

shirnkstart效果代码 {代码...} don't shirnk效果代码 {代码...}

Justify Contentstart效果代码 {代码...} center效果代码 {代码...} end效果代码 {代码...} space-between效果代码 {代码...} space-around效果代码 {代码...} space-evenly效果代码 {代码...}

Aligin Selfauto效果代码 {代码...} start效果代码 {代码...} center效果代码 {代码...} end效果代码 {代码...} strench效果代码 {代码...}

aligin contentstart效果代码 {代码...} center效果代码 {代码...} end效果代码 {代码...} space-between效果代码 {代码...} space-around效果代码 {代码...}

Aligin Itemsstretch效果代码 {代码...} start效果代码 {代码...} center效果代码 {代码...} end效果代码 {代码...} baseline效果代码 {代码...}

flex wrap 三种情况 don't wrap,wrap normally,wrap reserveddon't wrap效果代码 {代码...} wrap normally效果代码 {代码...} wrap reserved效果代码 {代码...}

Flex Column Column-reversed效果代码实现column {代码...} column-reversed {代码...}

Flex Row Row Reversed 布局效果代码实现Row {代码...} Row Reversed {代码...}

Display 包含三种情况block inline-block inline效果如下图代码实现block {代码...} inline-block {代码...} inline {代码...}

Box Sizing实现效果如下包含border和paddin,代码实现如下: {代码...} 不包含border和padding,代码实现: {代码...} 响应式实现 {代码...}

tailwindcss 基础布局container 实现效果如下代码如下 {代码...} 使用.px-{size 给容器左右添加padding {代码...} 效果如下响应式布局 {代码...}

获取数组最小值 {代码...} 用法如下:getMin([3, 10, 2]) => 2

数组数据是基本的数据结构，本章主要介绍一下数组常用的几个方法1. 元素访问 {代码...} 2. push 元素添加array.push(4); // array: [2, 5, 1, 9, 6, 7, 4]2. unshift 数据head 添加元素array.unshift(0); // array: [0, 2, 5, 1, 9, 6, 7, 4, empty, 3];2. splice 从...

今天介绍几个比较实用javasscript 工具函数，如下:is-empty 判断数组是否为空 {代码...} 使用如下: {代码...} hasDuplicates 判断数组是否有重复值 {代码...} 使用如下: {代码...} merge 方法 merge两个数组并且升序排序 {代码...} 使用如下: merge([2,5,9], [1,6,7]...