版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 本文链接：blog.csdn.net/qq_32858649…

前言：

昨天技术总监告诉我个框架（Iceworks），又名飞冰，是阿里旗下的一个开发工具。也没说具体这个东西能解决什么问题。所以我最终的目的是为了知道这个框架有什么用，是干什么的。

引用飞冰官网的一句话：

每个后台相互独立，同类功能也需要重复开发，前期开发成本较高

技术方案差异大，人员变动后维护成本非常高

视觉质量参差不齐，使用效率大打折扣

……

我经过一下午的摸索和尝试，终于知道飞冰的核心是什么，核心在于区块。一个另类的插件。

飞冰技术要求：

1、前端中级工程师，初级无法理解和操作飞冰内部的复杂的模块组件等等，核心在于区块无法使用。

2、至少一个vue（react，angular）项目经验

区块：

问题1：为什么叫区块

问题2：区块是什么

问题3：区块干什么用的

1、组件：现在前端领域热门的组件化开发，也就是把页面当前公共部分抽离出来成为一个单独的模块，存在高度自定义特性。

我这里把组件和html当中的div，p，a等标签分为一类，组件就是这些东西，但是更加丰富，div，a，p标签称为原生组件，我们自己写的要自定义组件

组件化开发：框架提供的自定义组件功能，使得原本像bootstrop等插件变得不再完美，因为组件的最大特点，模块化，只在这里有效。

2、开发痛点：组件化开发仅仅是帮助我们把页面中最基础的东西抽离成为公共模块使用，但是我们在写页面的时候经常发生我需要写的十个页面有8个格式是一样的，都是头部按钮操作，中部数据展示，比如表格数据展示，最典型的，页面格式基本是头部一堆按钮，中部就是数据表格。

3、区块就是为了解决第二点提到的问题。

飞冰这里是自定义了一套区块开发规则，开发完成之后你上传到git和npm上面，然后当你需要使用的时候就直接把原本的代码内容直接下载到你本地项目，然后你再根据自己的需要进行个性化修改。

注意：

飞冰区块是直接把源代码变成文件模块成为单个文件夹下载到本地。然后你再自行引用（飞冰自己的模板不需要，但是也需要个性修改）

优点：1、重复页面格式固定，抽离成为固定页面模块

2、文件上传到git和npm保存，基本不存在丢失

3、页面格式可以预览，并且自定义，形成本公司体系的区块集合

4、使用的时候预览直接下载，再个性化页面

缺点：项目区块类似开源分享（那都不是事）

小项目感觉没什么必要，公司越大，越发现有用

最后：建议大家自己操作一下再说，飞冰的操作很简单，但是对于一般公司自成体系的，那么就很需要搭建自己的页面组合体系，飞冰是一个不错的选择。

文章更多的是讲了核心概念，不是入门操作，而且我也说了飞冰不适合初级前端。所以关于飞冰的操作大家看官网就行了。

吐槽下csdn中飞冰的博文，没一篇好用的。害得我只能自己摸索一下午才总结出飞冰的核心概念