博客

《React 本地应用 #3 》预告 - 简单的搜索功能

这一集去给应用添加一个简单的搜索功能,先在标签栏上添加一个搜索标签,点击可以打开搜索页面,在上面会显示一个文本框(TextInput),输入关键词并回车,会执行搜索,等待搜索结果的时候会在文本框的右边显示一个加载指示器。服务端用的是豆瓣提供的电影搜索 API ,应用得到返回来的搜索结果以后会把它们都显示出来,点击列表里的某个项目可以打开详细的页面。

主要是去熟悉 TextInput 这个组件,它就相当于是我们平时用的文本框,在上面添加一个属性可以影响文本框的功能,比如去定制键盘的类型,回车键上的文字等等。也可以在文本框上绑定一些动作,在用户输入内容,离开文本框,按一下回车键以后去做指定的事情。

订阅宁皓网,学习现有的 React 相关的课程,新课程发布以后也可以继续学习。

React 框架课程套装 - 前端工程必备

react-bundle

现在的网站单纯去展示内容已经不够了,我们需要给用户更好的交互体验,所以现在的网站更像是一个应用程序(APP)。最近一段时间,宁皓网做了一些跟 React 相关的课程,把这些课程组织到一块儿,您就可以使用 React 去创建体验更好的前端应用,甚至是可以运行在 Android 或 iOS 平台的本地应用。这套课程总时长不过 4 小时,我猜只有在宁皓网才有这样的课程,几小时就可以理解一样新东西 :)

传统的网站是这样工作的:用户在浏览器访问一个地址,浏览器向网站服务器发出请求,服务器收到请求并处理,然后返回给浏览器需要的所有的 HTML,浏览器再把这些 HTML 解释成用户能看得懂的页面。现在我们说的网站更接近是一个前端应用,也就是大部分逻辑运算是直接在用户的浏览器上进行的,浏览器向服务器请求的只是数据部分,收到数据,把数据塞进页面需要的地方显示给用户,React 这个框架非常擅长做这样的事情。

周末电影 《头脑大作战》

inside-out

头脑大作战》是今年皮克斯出品的一部动画长片,人脑袋里面住着一些情绪小人,他们控制了你的情绪。这部电影更吸引我的是关于小孩的成长,因为我现在也是当爹的人了,也有一个女儿,所以就有很多联想,看的我哭的稀里哗啦,也可能是那天心情不太好。这部电影也能当成科谱片来看,比如解释了情绪的作用,记忆还有抽象等等。当然皮克斯的作品,一定是部好看好玩的电影。周末愉快 :)

练练写字

338A9962

很小的时候,一年过年,姥爷在写春联,老爸在旁边帮忙整理纸,忘记我当时说的什么,只记得老爸对我说,“你可写不了”,哎呀 ~ 刺激了我一下。小学四年级?学校有个课外班,一位女老师带着我们学学写字,我参加了。那年寒假我几乎没出门,整天在家里练习写字。那时候的动力还是希望讨好老爸,让他觉得自己儿子有点出息。老爸也很支持,经常会带回字帖,毛笔。

春天,一个姐姐从大兴安岭过来,她当时也就十七八岁,我觉得她是个书法家,钢笔字写的特别好。我又跟她混了一阵子。后为这个姐姐又去了其它的地方。渐渐的我也就不再写字了,后来我问老爸,那时候你为啥不再管管我继续练呢,他说是家庭原因,没心思了,为了生存。我现在想想,觉得年纪小的时候想做个什么事,还真的需要父母的管教才能继续下去,靠兴趣不太能持久。

最近又有点冲动,想再培养个爱好什么的,上淘宝买了纸,墨,笔,还有几个瓷器装装样子。又找出了那个姐姐二十年前送给我的一个砚台,上面是她老师刻的字,是一首孟浩然的诗,不过老师搞错了,作者写成了杜甫,我还是很喜欢,搬了无数次家它仍然还在,简直是奇迹。

小牛 N1 电动车

niu-n1

去年过年前后的一天,跟小雪闲逛遇到一家电动车店,我说,这电动车这都么多年了,怎么都没一点改进,就没人想改变一下吗。今年 5 月底,在科技新闻上发现了李一男要发布小牛电动,看了发布会,非常期待。因为很喜欢电动车带给我的自由,上一辆电动车还是很多年以前买的,已经快跑不动了。

当时小牛电动是在京东众酬,我跟小雪说,咱买个这个,到时候带你到处溜达。不过我不算太激进的人,当时没参加众酬预售,后来小牛电动又公开了一次销售,网站太慢,没买到。第二天,一朋友打电话来,说,你上次跟我说过一个电动车叫啥名字来,我昨天骑了一次朋友的小牛电动车,哎呀,那感觉可爽了,嗖嗖地。

我这朋友没怎么骑过电动车, 他说,这车还有巡航功能,我说那是啥,他说就是把油门拧到一定程度一段时间,就自动保持那个速度。我说我家 7 年前 1500 块的电动车也有这个功能。他是买个相机、音箱都需要考察 1 年以上的人。过了几天又给我打电话,说他订了一台,是在当地的一个电商产业园里面,这是他最痛快的一次购物。我说你也给我订一台,当时付了全款,国庆放假回来,就是前两天,我们一起穿过济南最大的集市,来到了巨大的凤凰山电商产业园,收到了这辆电动车。

站起来!解放屁股

屁股这个设计看起来应该就是让我们坐的,厚厚的脂肪垫,不过现代人是不是用得太多了。我在工作时间里几乎都是坐着的,有时候一个姿势时间太久,脖子连着的那块骨头接着后背都很痛苦。我是怕以后坐久了有什么毛病,平时运行又少,跑跑步应该更有效,我不太喜欢,更喜欢自行车,就是太贵,35 岁以后再买个自行车吧。没指望椅子能救屁股,我觉得 8 万的椅子也是白搭,虽然没试过,嘿嘿。试了下站起来工作,效果不错。

如果您有能力,就站起来工作半天。这几天,我把电脑搬到桌子旁边的一个橱子上,正正好好。推荐多屏幕,有一个大屏幕,越大越好,这样你的脑袋能左右动动。旁边放个小的,最好是可以移动的,累了也可以换个地方,转移到你的工作台,或者坐在沙发上。小雪买了个跟沙袋一样的东西,比沙发得劲,你可以用屁股给它造个型,推荐。

第一天从早上 8 点到晚上 10 点,没觉得累,可能是被自己催眠了,因为觉得站着就是运动,也更健康,还经常单腿站。第二天就很累,脚后根疼,有点撑不住。第三天好一些。第四天突然觉得有段时间没意识到自己是在站着。经过这几天的试验,我看以后完全可以大部分时间换成站着工作。

站着刚开始会分心,因为觉得站着不是在工作,而且你会意识到自己是在站着,坐着一般不会想着自己是在坐着。慢慢应该能适应,忘掉有站着这回事。站着有个好处,就是工作到挺晚,依然头脑清楚。如果我一天全都是坐着工作,到晚上 9 点以后就根本没办法工作。

一起实施个解放屁股的运动,发微博或朋友圈,告诉朋友你每天站着工作半天。练练马步,金鸡独立,天外飞仙 ...

stand-up

“ 出来混,早晚要还的 ”

“ 出来混,早晚要还的 ” —— 《无间道》。 2008 年,掰手指头算一下,也就是 7 年前,朋友介绍了一个做网站的活,一个旅法的大姐,拉二胡的,想找个国内的朋友给她做个个人网站,开始跟她邮件联系,做了个样子给她看,大姐很痛快,基本没怎么要求改设计,后来回复几次都是在添加内容。

过了一阵子,她正好回国,约我出来,一天中午,在一家喝东西的小店,我先到了,过了一会一大姐走过来,“王皓,是吧!”,“嗯!”。她要了一壶茶,点了一根烟,打开了她的电脑,说了下关于网站的几件事。她从随身带的包里拿出一件东西,是瓶子香水,“从法国带回来的,送你女朋友吧。”  我收下了。她又说 “王皓,我这网站你得给我终身维护啊。”  我答应了。

网站中间出了几次问题,当时用的还是 Joomla 1.x ,空间商会向她发邮件,提示网站向外发攻击,大姐把邮件转发给我,让我帮忙解决。后来她又给我了一些维护的费用,因为要换域名与空间商,需要把网站迁移到新的空间上。网站的域名与空间都是大姐自己管理,她其实也并不太懂,只是有人告诉她,每年都要向一个地方交钱。网站从做好以后几乎是没有改过。

《 React Native:创建移动应用 》课程预告

React 的工作方式感觉很对,把应用分解成小组件,再把它们组合到一块儿用。React 的出现也影响了其它的所有的前端框架。React Native 是创建移动应用的,比如 iOS ,Android 平台上的应用,Facebook 的移动应用就是用的 React Native,我猜他们不会拿几亿用户开玩笑的。

最近录了两部关于 React Native 的课程,课程里面手写每一行代码,从头开始做一个可以运行在 iOS 平台上的电影小应用。应用的顶部有个导航栏,下面是一个电影内容的列表,可以滚动屏幕去浏览,内容数据是从服务端得到的,用的是豆瓣提供的 api ,按一下某个项目可以打开新的页面显示电影的详细内容,按一下导航栏上的返回按钮,可以返回继续浏览内容列表。应用的底部有一个标签栏,点击不同的标签可以切换显示不同的页面。

如果您有兴趣学习 React Native,提前先做个作业,学一下 React 基础,还有 Flexbox 这两个课程。开发用的语言是 JavaScript,您也可以先学一下相关的课程。

课程视频片断(无声音):

几个国内科技公司网站的产品展示页面

找了几个国内科技公司网站的产品展示页面设计,了解一下现在产品展示页面设计的趋势与特点。超大的产品图片,二级产品导航菜单,滚动页面时触发动画,这些都是现在产品展示页面经常用到的技巧。

推荐的电影与美剧

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

mr-narcos



微信好友

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



微信公众号

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



240746680

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

统计

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

社会化网络

关于

微信订阅号

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