#network-institute

使用Steemit的老朋友们都有过无比慘痛和心酸的经历，经常卡顿那是常有的事，偶尔当机也不少见。再加上现在Steemit在国内不能访问，一些用户都用不了！ 萌生解决这些问题的想法早就有，不过虽然前端可以写，但业务逻辑没法整，后台代码我可不熟。经过了两年多的时间，技术这块，提升得还是比较明显，尝试了下，很幸运地都解决了。 1.解决访问的问题

经过快一个月的不眠不休，边学习边设计，也算是终于有了点成绩，总算将Steem区块链博客设计好了！ 首页是长成这样的，比较简洁易用！最关键的是我采用了前端数据库IndexDB来存储数据，不需要再多次向服务器请求，所以速度会飞快的！ 最想要的专栏也有了！看来丰衣足食还得自己动手啰！ 先试用下，效果不错呢！

在JavaScript中几乎所有的函数都是异步的，这有好处，但也引起了一些问题。比如，如何保证异步函数按顺序执行呢？ 举个例子，有三个任务：A, B , C ,因为是异步函数，所以JS几乎会同时调用这三个函数，谁先执行完，谁后执行完并不知道。如果是不相关的三件事倒还好，如果你需要它们顺序执行的话，那可要费点劲了。 前面我提到Promise的解决方案，A -> B -> C ，它有专门的

Bootstrap这个框架着实不错，可以大大加快你写前端的时间和精力。以前做的一些网页，都是用的Bootstrap来弄页面的。现在用Vue.js来设计前端，页面之类的也要有合适的框架。本来我是想导入Bootstrap的一些文件，然后慢慢组件之类的，没想到Bootstrap已经想到了和Vue.js的结合，直接就嵌入了！ 安装和导入 cnpm install bootstrap-vue bootstrap

以这段时间不停地深入学习，如何使用SteemJS来开发应用，现在也是颇有点体会。学完了这些前端的调用，感觉就和一般的数据库地调用是差不多的。 以我们最熟悉的发贴来看看： { "active_votes": [ { "percent": "5000", "reputation": "69.77",

Promise ,和日常生活中的常识一样，都是承诺在未来做某件事！在生活中我们一天要安排做很多事，会排一个计划表，哪些事做完了再去做另一件事，但是所有的事情我都做好了安排，一定会在某个时间去做，这就是Promise！

一入前端深似海，从此阿花是路人！ 几天整下来，才发现前端现在是深似海啊，以前用html + css就可以玩个页面什么的，现在根本就不好使了！前端需要的技能已经大大地加深了，单JavaScript这项就够让人喝一壶的。 以前用js都是用的现成的库，自己根本没写过。现在有很多逻辑都要用js来写，才发现js是不亚于python的一门语言。越往后面走，其实越难的。 前两天好不容易搞定了IndexedDB,

得益于村长 @ericet 的帮助，用SteemJS可以获取到作者的全部文章了！这些文章我先是存在Vuex中的，但是这样有个坏处，就是它是基于内存的，页面一关就什么也没有，又要重新从节点中获取数据。这个重获的过程耗时耗力，能不能直接存在本地呢，这样我每次要用的话直接读取本地的数据就行啰。

Markdown 目录 一、基础语法 标题设置 首行缩进 引用文字 斜体和粗体文字 分割线 删除线 无序列表 有序列表 链接（Links 图片（Images） 视频（videos） 表格 页内锚点 使用目录 二、高级点的语法 代码区块（HTML中所谓的Code） 反斜杠 目录 三、好用的HTML标签 文字居中 分栏排版 图文混排 其它支持的标签 简介 Markdown

有了前面Vue前端开发的一些基础，就可以试着用steemjs来开发一些应用了。 查看下steemjs的开发文档 ，除了会安装之外，确实不知怎么做，难怪村长 @ericet 要自己动手写开发文档了。参考村长的文章 《怎么用JS写个发帖程序》 ，还有另一位作者 @lonelywolf 的文章 SteemJS手册 ，几篇文章对照着一起看，倒也基本上弄明白怎么做了。 使用steemjs大概要四步： 安装steemjs的包

三权分立 不同于早期html的混乱状态（所有的代码都挤在一起），Vue提供了一种清晰地治理方式。如上图所示，一个页面被分成三块：前端模板 、业务逻辑和显示样式，将功能分区治理。联系我的上一篇文章《Vue用法的城市化比喻》，前端设计越加贴近人的真实思维方式，和现实中的治理有异曲同工之妙。 数据中心--data

App.vue是Vue生成的挂载在index上的实例，它是作为一个根容器，所有的页面都会渲染成一个页面（SPA）。用到现在，突然有点联想，这其实和一个城市的运作是何其的相似！ 在上图中，大家可以感受下这个形象地比喻：都是一个独一无二的实例，都是分区治理，都有相似的理念和治理方法。比如下面这种一一对应的关系： #App => 广州市 各个组件 => 分布的区域 div等节点 => 市民

最近把Vue的一些学习体会总结下，比如最开始的布局方式，如上图所示。 Vue的页面布局的现在流行的单页面富应用（single page web application, SPA）,简单地理解就是其实最终渲染出来的始终只有一个页面！ 这个页面就是挂载着App.vue的index.html。

有了上一篇中的IPFS基础，用它来做个小网站也是可行的，毕竟它是完全免费且分布式的哦。 制作一个小网站 新建一个文件夹site，在里面填充一个网站要具备的文件，比如index.html style.css .jpeg等等。这些静态文件上传到IPFS上，会得到对应的hash值，再以公共网关去访问就可以了。 上传 ipfs add -r site

IPFS被称为星际文件系统，号称地球毁灭也将存在的文件系统！好有牛气冲天的样子。它开发了将近两年的时间，现在可以稍微体验一下这个文件系统是如何有别于一般的网络服务。 安装和初始化 wget tar xzf go-ipfs_v0.4.22_linux-amd64.tar.gz cd go-ipfs mv ipfs /usr/local/bin/ipfs

ajax的应用还是蛮广的，它是一种异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。它具有异步和局部刷新的优点，在网页中几乎都会采用。它原生的写法有点复杂，所以，会有一些封装的技术，比如，jQuery和vue的实现，使它的应用变得简单很多了。 ajax原生的写法 var xmlHttp = new XMLHttpRequest();

最近学点技术渐入佳境，没几天就把Docker搞定了，感觉还挺不错的。Go的强大也是早就耳闻，不如学着试下？ Go作为后起之秀（2009年发布），又是谷歌的亲儿子（有人称：跟着谷歌走，吃喝啥都有！），在现在的应用逐渐火热起来，不学习一下过不去。 一学之下才发现，Go真是有强大的语法基因！为什么这么说呢，因为在学习地过程中，很多语法都是学自javascript 、php 和 python 。比如函数的结构：

Docker是个好东西啊，什么东西往里一丢，运行起来就行！如果是一些重复性的东东，那更是有优势了。标准性重复性的东西用Docker解决无疑是个绝佳地解决方案。

这两天学Docker有些心得，也做了些小镜像，都还挺好用的。边做边学的过程中，有些更深地体会。比如镜像的概念：镜像=系统+软件（应用）。当我们的思想还停留在安装软件的阶段时，镜像们已经自带系统满世界乱跑了！镜像真真是很方便：软件都不用安装了，run起来就能用！像MySQL这种难安装的软件，有镜像就方便很多了。

Docker的入门应用并不难，它就是要减免程序地学习和安装难度。这好比学开车比较容易，你要学造车就比较难了。对于普通用户，能用就ok！ Docker的三大概念：仓库、镜像、容器 从上图中大家了解Docker的三大概念：仓库、镜像、容器，这个了解了，其实就学完大半了！你所要做的就是从宜家买把椅子回家，放在家中用起来就行了。 下面是这几天学习的一些笔记，大家可以参考着看看。 Docker 目录 下载与资源：