🦄 2024 独立开发者训练营,一起创业!查看介绍 / 立即报名 →

博客

推荐的电影与美剧

放假了!我看您也没心思学习了,那就好好玩玩,放假回来咱们再学点新东西,如果可以,最好您能准备一台 Mac。下面给您推荐一部韩国电影,名字是 《我要复仇》,02 年的片子,讲的就是一个复仇的故事。还有一部 Netflix 制造的美剧 《毒枭》,讲的是一个毒贩的创业故事,第一季已经全部播完,您可以在天天美剧一口气看完,特别好看。节日快乐 :)

mr-narcos

React Native:前端工程师也能创建真正的本地移动 APP

今年三月份, Facebook 开源了 React Native 。下面是 Tom Occhino 在博客上介绍 React Native 的文章。

一切都是从 React 开始

两年前 Facebook 发布了 React ,从那以后,React 不管是在 Facebook 的内部还是外部都在高速的成长。其实没人强制我们使用 React,不过今天在 Facebook 里创建的新的 Web 项目,通常都会用到 React 去创建。在整个行业内,React 也是被广泛的使用。工程师们爱用 React,是因为它可以让工程师更多的去关注自己的产品。一段时间以后,我们才开始意识到是什么让 React 如此的强大。

React 强制我们要把应用分割成一些小的组件,每个组件都代表单独的视图,也就是应用里的某个部分的显示。这样我们就不再需要把整个系统都装到脑袋里才能修改其中的一小部分,这些小组件可以让我们更容易迭代自己的产品。而且在使用 React 开发的时候,代码变得可预测,这就让我们也更有自信的去快速迭代,应用也会更可靠。React 不仅让我们更容易去扩展应用,也更容易去扩大整个团队。

在 Web 上的快速迭代,让我们可以使用 React 创建牛 x 的产品,Facebook.com 上有很多组件也都是用 React 创建的。另外我们也在 React 之上创建了一些不错的框架,比如 Relay,它会让提取数据变得更容易一些。当然,Web 只是其中一部分,Facebook 也有大量的 Android 还有 iOS 应用,这些各种不同的平台 ,让我们很难去组织工程师团队,这也只是在开发移动应用的时候遇到的其中一个问题。

使用 React 的网站案例

React 出生不久就被广泛的应用在各大网站上,facebook,instagram,netflix,airbnb,uber,alipay ... 下面是一些使用 React 的案例。

https://www.netflix.com

QQ20150916-3

理解 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 项目安装需要的东西。

微信好友

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

微信公众号

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

240746680

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

统计

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

社会化网络

关于

微信订阅号

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