2025 独立开发者训练营:AI Agent!查看介绍 / 立即报名 →

博客

两场新品发布会:坚果与奇酷

随便说说,最近看了两场手机新品发布会,一个是锤子发布坚果,另一个是 360 发布奇酷。挺有意思,可以当成演出来看看。罗老师跟周老板都是我佩服的对象,能把东西做出来,把想法变成实在的东西,我都特别的佩服,也有点嫉妒。

性格

罗与周是两种性格的人,按血型区分一下,罗是 A ,周里含 B ,要么是 B ,要么是 AB 型。他们也有点相似的地方,比如极强的战斗力,这种力量是 A 型的一个极端表现,但是 B 型天生就有的。还有他们都表现出可以信任的状态,至少我是相信他们说的话。

真话与假话都是一种防御手段,而且是习惯,一个人习惯说假话,很难再调整过来,反过来也是一样。习惯说假话的人,心思更慎密,用曲线想问题,喜欢弯弯绕,这对解决复杂的问题有帮助,因为所有的事情都不是一条直线,我觉得这些人情商与智商都更高一些。

Bootstrap 4 的安装与配置

Bootstrap 4 刚刚发布了预览版,离正式版还有一段时间。不过现在我们已经可以使用 Bootstrap 4 了,看看里面有什么新东西。 最简单的方法就是使用 Bootstrap 的 CDN ,把需要的样式表与 JS 文件链接到网页上,不过这样你不能去编辑 Bootstrap ,比如去定制里面的一些选项。下面我们使用 Git 去克隆一份 Bootstrap 仓库到本地。

# 进入到桌面
cd ~/desktop

# 为项目创建目录并进入这个目录
mkdir ninghao-bootstrap
cd ninghao-bootstrap

# 克隆 Bootstrap 仓库
git clone https://github.com/twbs/bootstrap.git

# 进入到 Bootstrap
cd bootstrap

# 提取分支
git fetch

# 切换到 Bootstrap 4 的开发分支
git checkout v4-dev

确定你已经安装好了 npm 还有 Bower ,然后我们需要去为 Bootstrap 项目安装需要的东西。

宁皓网视频教程制作方法

两年前,我写了一篇关于视频教程制作方法与流程,还有使用的设备的文章。我发现今天用的东西跟两年前没有太大变化,方法与流程也基本一致,不过有几个小细节,再跟各位与同行分享一下。下面先说一下用的硬件与软件。

QQ20150822-8

Bootstrap 4 预览版发布

经过一年多的开发,8 月 19 号发布了 Bootstrap 4 的预览版(alpha),2011 年的 8 月 19 号正好是 Bootstrap 的生日。Bootstrap 4 几乎是从头开始开发的。120,000 行代码改进,1,100 个提交,另外,还有很多没有完成。这里是 v4 alpha 文档

QQ20150821-5

新功能

下面是一部分亮点:

  • 从 Less 到 Sass。
  • 改进网络系统。
  • 支持 Flexbox。
  • 用新的组件 Cards 来代替原来的 Wells,Thumbnails 还有 Panels,。
  • 合并所有 HTML 重置为新的模块,叫 Reboot。
  • 全新的自定义选项。
  • 放弃对 IE8 的支持,使用 rem 与 em 单位。
  • 重写所有的 JavaScript 插件。
  • 改进 tooltip 与 popovers 的自动位置。
  • 改进文档。
  • 还有更多。

搭建 Web 运行环境 - LEMP 平台

LEMP = Linux - NGINX - MySQL / MariaDB - PHP 。

添加用户

拿到一台服务器,第一件事是去添加一个平时操作用的用户,最好不要直接使用 root 用户,因为会有安全问题。下面添加一个用户叫 ninghao :

adduser ninghao

设置密码

有了 ninghao 这个用户以后,可以再设置一下他的密码:

passwd ninghao

root 权限

给 ninghao 用户分配可以使用 root 用户的权限,这样需要 root 权限的时候,可以在命令前面添加 sudo:

gpasswd -a ninghao wheel

配置 SSH

平时要 SSH 到服务器,然后去控制服务器,连接的时候有个默认的端口,为了安全,我们可以修改一下这个端口号,比如改成 3333:

GraphQL 介绍

在 2015 React 欧洲大会上,Lee Byron 介绍了 Facebook 的 GraphQL ,包含 GraphQL 背后的故事,查询语句的示例,还有核心的概念。GraphQL 非常易懂,直接看查询语句就能知道查询出来的数据是什么样的。你可以把 GraphQL 的查询语句想成是没有值,只有属性的对象,返回的结果就是对应的属性还有对应值的对象。

故事

从 2011 开始,Facebook 开始越来越重视移动端,一支很小的团队开始去做 Android 与 iOS 应用。Facebook 的强项是 Web,也非常的了解 Web ,而且在这方面储备了大量的技术。当年 Facebook 的主要平台就是传统的 浏览器 Web 服务器 数据服务 的组合,Web 服务器响应浏览器的请求,到数据服务那里提供出数据,然后再交给浏览器去显示。

Relay 技术预览版发布 - Facebook 新的开源项目

8 月 11 号,Facebook 发布了 Relay 的技术预览版,你可以在 Github 还有 npm 上找到。

relay-preview

Relay 是什么

React 简化了开发复杂的用户界面的过程,不过留下了一个问题,就是怎么跟服务端去交互数据。客户端与服务端的松藕合会导致一些跟数据相关的问题,而且会让迭代更困难。另外,工程师们经常需要重新的实施一些复杂的 Async 逻辑,不能去专注应用本身。Relay 考虑到了这些问题,也从 React 那里学了不少,它为应用提供了一种声明式的,面向组件的提取数据的方法。

把宁皓网推荐给您的朋友,我请您喝杯咖啡 :)

如果您是宁皓网的付费会员,又觉得我们做的还不错,可以把宁皓网推荐给您的朋友,我会请您喝杯咖啡。

方式

登录以后,在我的帐户(/user)下面,打开 会员中心,在这里你会看到一个 会员链接 ,数字部分是您的 ID 号,打开下面链接会跳转到宁皓网首页:

http://ninghao.net/affiliate/6

也可以使用后缀形式的链接,像这样:

http://ninghao.net/?a=6

您也可以推荐特定的页面,像这样:

http://ninghao.net/course/affiliate/6

或:

http://ninghao.net/course/?a=6

把上面这些链接中的数字,替换成您自己的用户 ID 号,然后把链接分享给朋友,可以通过 QQ,微信,微博,自己的博客或网站等等去分享。如果他通过这个链接订阅了宁皓网,我就会表达一下谢意,请您喝杯咖啡:)

WordPress 创始人 Matt 的创业故事

最近看了一个采访 Matt 的视频,他是 WordPress 的创始人,Automattic 公司的 CEO 。他在视频里讲了自己当初做 WordPress 的起因,还有创建 Automattic 公司的故事,描述了跟投资人的关系,还有自己作为天使投资人的一些想法。下面跟大伙分享下,我不太清楚采访的具体时间。

WordPress 诞生

Matt 出生在休斯顿,毕业于休斯顿大学。有段时间他在华盛顿,估计是去旅游还是什么,拍了挺多照片,想跟家里人还有朋友分享一下。所以开始写博客,当时已经有了很多博客软件,最流行的应该是一个叫 Movabletype 的博客软件,Matt 也试了挺多。后来他发现了一个叫 B2 的博客软件,觉得挺不错,这是他第一次使用开源软件,B2 也是后来的 WordPress 的前身。

Matt 开始为 B2 贡献自己的代码,当时他大概十八九岁,并没有受过专业的程序设计训练。他写的一个小插件出现在 B2 里面,这让 Matt 非常兴奋 ,因为当时也有不少人在用 B2 这个博客软件了。那时候他是一名自由职业者,会为本地的音乐家还有小公司提供创建网站的服务。

React Europe 2015 视频

React 是 Facebook 在内部用的一套创建用户界面的 JavaScript 框架。他可以让我们用一种极具表达的方式去创建界面上的组件,你可以重复利用这些组件,可以把不同的组件组合在一起用。创建好组件以后,当组件里的状态(数据)发生变化以后,组件会自动更新这些变化,而且速度非常的快。

react-europe

微信好友

用微信扫描二维码,
加我好友。

微信公众号

用微信扫描二维码,
订阅宁皓网公众号。

240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点