🦄 2024 独立开发者训练营,一起创业!查看介绍 / 立即报名(剩余8个优惠名额) →

博客

理解 React 框架

React 是 Facebook.com 内部使用的一套框架,Instagram 的网页版全部是基于这个框架做的。所以这个框架并不是做出来玩玩的,而是要真正的去解决实际的问题。React 影响了所有的其它的前端框架。如果你现在打算做一个前端应用,除了 Angular ,Ember 以外,也可以考虑一下 React 框架。

React 主要的功能是去创建要显示出来的东西,暂时你可以想成是去创建要显示在网页上的东西。很多网页上的组件并不是静态的,服务端的数据发生变化以后,你要更新这些组件的显示,传统的方法就是刷新整个页面,或者使用 Ajax 请求回数据以后,再根据这些数据去处理组件的显示。React 提供了一套更有效的方法去做这件事。

使用 React ,我们只需要去创建一些要显示的组件,在组件里设置一下什么地方要显示什么样的数据,这样组件就会按照你设计的去显示。当组件里的数据有变化的时候,React 会自动去更新需要更新的组件,从此以后,就不再需要 “找到页面上的 xx 元素,把它里面的内容设置成 yy ” 。

如何学一样新东西

虽然我很想激起各位学习的冲动,不过我还是得说,自己在学习的时候,大部分都是痛苦的。特别是要学一样之前从来都没接触过的新东西,从门外到门里,总得过几个坎儿,受几次折磨,停一停,再过几个坎,再受几次折磨,才能有点收获,迈到门里边儿。最近我特别留意了一下这个过程,总结一下,与大伙共勉。

动力

冲动并不都是坏的,DNA 里包含这玩意儿,一定有它的意义。冲动是学习的源动力,你总得有个理由让自己学习,最好你是主动的,比如你想去改变点什么。我记得很早以前,手里拿着一本 Foxpro 的书,看进状态以后,觉得时间不够用了,后悔以前怎么浪费那么多时间,这要是学会了,绝对可以改变工作上的某些东西,脑子里像有闪电一样,来回滚动着信息,咻咻地 ...    这应该就是冲动。

愉悦感,某种东西不知道触动了你的那根神经,会带给你愉悦感。早前,我经常在电影上有这种感觉,上学的时候互换 VCD - 正规电影:) ,拿到碟的时候,那个喜悦,三万块钱换不来。近几年,我想要是能学个什么新东西,然后又想能做出视频给大家看,也有一种愉悦感。

谈谈教育

最近看了一些跟教育相关的 TED 演讲,听几次你会发现,其实教育在全世界都是个问题,我觉得也永远都将是个问题。我不太喜欢 “教育” 这个词,一会再说为什么。我们经常会批评自己国家的教育系统,比如,说我们重成绩,轻素质,于是大家都开始说素质教育,要学西方。说孩子压力太大了,于是都开始减负。最近 BBC 一档真人秀,请中国老师去教英国学生,西方是不是开始学我们了?

每个人都从自己的角度去解释教育出了什么问题,我们应该怎么样做。有人说 “毅力” 很重要,这是在成功的学生里最能体现出来的品质。有人说现在的教育系统扼杀创意,教育应该是多样性的,不是生产流水线。有人说改善教育应该先让孩子喜欢上老师。有人说国家投在教育上的钱太少了,得多拿点。更多的想法您可以看一下 TED 教育专辑。

“教育” ,这个词要么让我觉得很被动,要么让我不舒服。我被教育,我教育女儿,都让我感觉不好。教育里的重要元素,除了教,还有是学习,而学习我认为最重要的就是主动,被动学习想睡觉。学习是件痛苦的事,至少对我自己来说,大部分情况就是这样。不过我从来也没有想放弃过这件事,原因大概就是现在的学习是我主动要做的。

使用 ECMAScript 2015(ES6)模块 - jspm

你可以把应用分割成小部分,每个小部分就是应用的一个模块,模块之间可以相互去使用。AMD,CommonJS 这些都是用在 JavaScript 上的模块格式。问题是模块格式太多了,你家用这种格式,另一家用另外一种格式,你自己也想选择一种格式,用不同格式创建的模块之间挺难用到一块儿。现在好了,模块格式已经有了标准,就是 ECMAScript 2015(ES6) 提供的模块写法。

你现在创建的 JavaScript 应用,就可以使用这种标准化的模块格式了。不过现在我们需要一种方法,可以让不同格式的模块能用到一块儿,因为你的项目很可能会用到第三方的东西,这些东西可能用的是不同的模块格式创建的,你不能等所有的东西都按照这套新的标准重新写一次。这就是 jspm 做的事,它是基于 SystemJS 创建的。你可以使用 ES6 的标准,导入模块或者创建自己的模块,jspm 可以帮你解决不同格式的问题。

jspm 还是一个包管理工具,可以安装来自不同地方的包,比如 npm,github,或者你自己定义的位置。

不是钱的事,其实就是!

老爸在家附近的一个幼儿园找了份工作,小雪会带着闺女(小羽)去那里玩,院子很大,操场有些玩具,质量看起来都不错,院子里还有片菜地,是学校老师还有家长种的,老爸也翻了一小块,种了点白菜什么的。我有时候也会跟着去,坐在某个地方,看着她们在院子里来回跑。

有一回,跑到一间没人的教室,教室很大,里面分散着放着一些小桌子、椅子,还有些开放的像书架的东西,上面都是玩具。小羽把她喜欢的玩具都摆在桌子上,嘴子叨咕着她自己的语言,遇到她认识东西总是会说一下,我看她从一个盒子里拿出一个木头做的像钉子似的东西,举的很高 ,跟我说 “蘑肚” 。她还不会发 “g - 哥” 这个音,所以大狗狗,就变成了“大斗斗” ,西瓜,是 “西搭” 或者 “西扎” 。她还发明了一个词,“diu diu” ,意思是要吃奶。

教室在一楼,很大,南面都是窗户,窗户外是一个大阳台,阳台外面是一片菜地,菜地再往南是一坐小山。天黑了,很安静,有蛐蛐叫,我从教室拿了个小板凳,坐在阳台上,楞神 ...   我跟老婆说,这教室不错哈,要是我们家就好了,外面还有片菜地,我觉得能建个游泳池。小雪说,那得花多少钱啊,还得换水,菜地就行啊。我说我看电视里面,游泳池上能盖上块布,还能自动打开。又楞神 ...  我想怎么能挣钱实现这个事儿,哦,又是钱,一想到它心就全乱了套。

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

随便说说,最近看了两场手机新品发布会,一个是锤子发布坚果,另一个是 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:

微信好友

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

微信公众号

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

240746680

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

统计

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

社会化网络

关于

微信订阅号

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