博客

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 应用》这个系列课程，我现在承诺大家，会在论坛上回复你的与这个系列课程内容相关的任何问题，任何疑问！！

最近又打算重造宁皓网，琐碎的灵光难以拼凑成整体，一直没找到头绪。小雪建议我写写，我就写写，不过写着写着就跑了题了。现在的宁皓网还是我在六年前做的，基础结构没有发生什么变化，用的仍然是 Drupal 7 ，功能也几乎没有太大变化。从去年开始我就有想法想重造一下，想着用最新的 Drupal 来做，Drupal 8 非常的强大，再配合最新的 Commerce 模块，应该能造出功能更强，体验更好的宁皓网。

心里一直有个疙瘩，就是不太愿意写 PHP 的代码。这也纯粹是矫情，对于网站的最终用户来说，没人在乎你到底用的是什么技术。Node.js 给我感觉更好一些，更轻快，JavaScript 语言看上去也更舒坦。就是没有太大的自信，因为所有东西都要从头开始。年初的时候遇到一个 Node.js 框架（Adonis.js），大概是搜索 Best Node.js Framework 的时候找到的，了解了一下，惊喜地发现它跟我之前用过的 Laravel 框架非常相似。

有了基本的网络常识，了解了 Web 语言（HTML，CSS，JavaScript）以后，下一步就可以去学习 Web 应用的开发了。还不了解的话，可以先看看《Web 开发，真希望当初有人能告诉我这些（一）》。

应用，就是应用程序的简称，就像 App 是 Application 的简称一样。应用指的就是能运行在某些地方的可以提供某些能力的东西。Web 应用，就是在 Web 这个环境里运行的应用程序，再细化一点，还会有前端应用，后端应用，移动端应用 ...  作为开发者，我们要做的就是去开发这种东西。

有时候 “网站”（Website） 与 “Web 应用” 这两个词经常会交替使用，因为它们指的都是差不多的东西。网站指的更像是一个 “地方”，在 Web 上的一个地方，大家都可以来访问。Web 应用指的更像是一种东西，比如：“我做了个 Web 应用，它能帮我们管理自己的摄影作品。”

端

端，就是 “头儿”，这头儿，那头儿，就是这个端，那个端。在 Web 开发里，前端通常指的是浏览器这头儿，后端指的是服务器那头儿。前端应用就是在浏览器上运行的应用程序，后端应用说的就是在服务器上面运行的应用程序。