博客

Snippets，代码片断。就是事先准备好的一块样板代码，通过自定义的简短的字符可以快速得到对应的样板代码。在这块代码里面可能会有几个编辑点，用户使用 tab 键或者 shift + tab 可以在这些编辑点之间来回切换。在宁皓网最近的 Flutter 课程里，用到了几个代码片断。

新建一个小部件，名字叫 WidgetDemo，让它作为 Home 小部件里的 Scaffold 的 body 属性的值，这样在界面的主体就会显示这个 WidgetDemo 里面的东西。

文字看的不过瘾，订阅宁皓网以后看 Flutter视频。

Flutter 内置了一套 Material Design 的颜色系统，在应用里我们可以直接使用这个颜色系统里提供的各种不同的颜色。这些颜色是在 Colors 这个类里定义的一些静态属性，所以使用它们的时候一般就是用 Colors 这个类的名字后面加上要用的颜色的名字，比如 Colors.red，Colors.yellow，Colors.blue 等等。

明暗度

Material 颜色系统里的颜色一般还会有一组不同明暗程度的相近的颜色。这个明暗度的值一般是 50 到 900 之间，50 最亮，900 最暗。使用它们的时候可以像这样：Colors.deepPurple[800]，Colors.deepPurple[100]。

Material，是 Google 推行的一套设计语言，也可以理解成是一套设计规范或者设计风格。它给我们提供了很多关于如何设计应用的参考，比如颜色怎么搭配，各种界面组件怎么设计，元素之间的距离，动画等等。Flutter 是 Google 做的开发移动应用的东西，它里面很多地方都用到了这套 Material 设计系统，比如颜色，还提供了各种 Material 风格的界面组件，在开发应用的时候，我们可以直接拿过来用。

下面是在宁皓网 Flutter 移动应用开发课程里做的演示，里面用到了一些 Material 小部件，比如工具栏，底部导航栏，抽屉等等。这些小部件的用法会在后面的课程里介绍到。学习它们的最好的方法就是，一个一个的来。通过一些小练习，慢慢就会发现规律，脑子里就会有概念了，也会形成一套设计与开发的思维方式。

Flutter 里面到处都是小部件（Widget），你要显示一行文字，用一个 Text 小部件。需要展示图像，需要用到 Image 小部件。需要一个能设置背景、尺寸、边距的容器，可以使用 Container 小部件。要添加一组并排显示的内容，要用的是 Row 小部件。需要一组竖排显示的内容，可以使用 Column 小部件。

小部件可以组合到一块儿用，一个小部件是可以是另一个小部件或者另一些小部件的爸爸，另一个小部件又可以有它自己的孩子或孩子们。有些小部件只能有一个孩子（child），比如 Container。还有些小部件可以有多个孩子（children），比如 Row 或者 Column。

不同类型的小部件都有各自的功能，它们里面都定义了一些属性还有方法，通过这些东西我们可以配置使用小部件。比如 Container 部件里可以使用 width 设置容器的宽度，或者使用 height 属性设置容器的高度，在它的 child 属性里面需要指定这个 Container 的孩子是谁。注意部件属性的值很多都是 double 类型的，比如你需要一个 100 宽的容器，这个 Container 的 width 应该设置成 80.0，而不是整数 80。

在 Google 的 Flutter 团队里面，有人是写 HTML5 规范的，所以使用 Flutter 开发移动应用的时候，你会发现有很多概念是从  Web 那里借鉴过来的。也就是如果你在学习 Flutter 之前，能懂一点 Web 相关的知识会有很大的帮助，比如 CSS 的 Flebox 模型，React.js 框架等等。不过一切都从头开始也是没有任何问题的。

开始学习任何一种框架，理解这套框架提供的工具，方法，思路是非常关键的。就是你要熟悉它的工作方式，了解它的脾气。对我来说最有效的方法，就是从一些细小的地方开始动手练习，一点一点的去理解它。这些细小的，简单的练习，练到一定程度的时候，一开始看上去分散的点就会连成一片，这时会有一种开窍的感觉。

一天下午，有会员反应说宁皓网用 http 协议无法方法，只能通过 https 协议。开始没当回事，以为是 Nginx 跳转或者负载均衡配置的问题。把配置全部检查一遍，折腾一阵，没发现问题。这才在地址框框里输入 http://ninghao.net，于是看到了阿里云的 “温馨提示”，脑子嗡地一下，我的小心脏又开始着急地跳着蹦蹦床，还伴随着点恶心。

我最怕的就是备案出问题，上一次大概是在 6 年前，刚刚把宁皓网从国外服务器搬到阿里云，跑了没多久，就接到阿里云备案专员的电话。我还记得是在小雪爷爷乡下的家的院子里，说之前备案不符合规定，要重新备。具体原因记不清楚了。注销了在山东的备案，我害怕再次审核不过，就用朋友的地址，老爸的身份在浙江备的案。这个备案号一直用到今年 8 月初。

近期插播一个移动应用开发的系列，《Flutter：移动应用》。大家一定要趁热学，这样到了年底，你不但拥有了后端应用的开发能力（例如：基于 Node.js），还能为你的项目搭配一个 iOS（苹果） 与 Android（安卓） 平台的移动端应用。后面我们还会完善前端开发的内容，再加上服务端部署。您最终将会成为一名全能选手，这会给您带来更多的机会。至少朋友在创业的时候，首先会想到让你加入成为合作伙伴。

Flutter [ˈflʌtɚ] 是 Google 发布的移动应用开发套装，可以快速为 iOS 与 Android 平台开发出漂亮的原生移动端应用。国内很多著名的公司在用，比如阿里，Google 自己的一些应用也是基于 Flutter 开发的。用 Flutter 开发的应用，可以编译成适合在两种平台上运行的版本，iOS 与 Android 。下面介绍一下使用 Flutter 开发移动应用之前，你需要做的一些事情。

ninghao.net 域名的备案出了点问题，需要注销后，重新备案。这期间大家可以使用 ninghao.org 使用宁皓网的服务。这期间如果有不稳定的状况，请大家多多包涵。

之前 ninghao.net 域名是以个人名义备案的，备案也是好多年前的事了。后来我把 ninghao.net 域名的拥有者换成了公司，结果导致备案信息不符。所以需要注销之前以个人名义的备案，然后重新申请使用公司名义的备案。

非常强烈地推荐这个系列

七月份我们完成了《Node.js 应用》第一季课程的发布， 它可以帮你学会基于 Node.js 开发 Web 应用。强烈推荐这个系列，它适用于任何阶段的同学，内容非常连贯，大量的概念与方法都嵌入到了这将近三百个练习里面，你只要跟着做就行了。

我不大会用幻灯片给你解释什么概念，几乎所有视频都是实践，都是可以操作的练习。概念其实只需要关键的几句话来解释，重要的是通过练习你才能真正明白这几句话的真正含义。

24 个课程，将近 300 个视频，10 小时左右的内容。你只需要完成这些，就能拥有一项新的能力，听了就很振奋。你可以把这些内容分解到 3 - 6 个月消化完成。与这个系列课程相关的任何疑问，你都可以在宁皓网论坛上提出，我会非常乐意与你讨论相关问题。

回复你的任何疑问

为了让你可以顺利地完成 《Node.js 应用》这个系列课程，我现在承诺大家，会在论坛上回复你的与这个系列课程内容相关的任何问题，任何疑问！！