1-2-npm 的安装配置说明

npm 的安装配置

工欲善其事,必先利其器。在正式学习 React 技术栈之前,我们先来介绍一下之后经常要使用到的 npm.

前端初学者的一大障碍就是 npm 的使用,总是会出现包安装不上或者安装不完整,命令行一大堆 error 或者 warning 看不懂。而绝大多数情况下包安装不好并不是你的错,而是我大清自有国情在此,按照本篇教程设置完你的 npm 之后,至少可以解决你使用 npm 时 90% 的困扰。

继续阅读“1-2-npm 的安装配置说明”

1-1-React 新版本及 ES6 简介

第一节课呢,我们就来简单介绍一下应用在 React 开发当中,属于 ES6 的新的关键字和语法糖,也好为我们之后的学习打下一个基础,当然我更推荐同学们对 ES6 有一个比较全面的了解之后再开始学习 React,不过你也不需要担心,以后在课程中每当遇到涉及 ES6 新语法的问题时,我都会稍作讲解介绍。

这是本教程的第一课,主要内容是 ES6 相关的前置知识介绍,如果你有发现不懂的术语,不需要担心,因为在接下来的教程当中,所有我们提到的术语全部都会涵盖讲解。

当然,我也更希望读者能够主动学习,遇到不懂不会的理解不了的,可以随手去查文档:

MDN JavaScript 参考文档

React 官方中文文档

继续阅读“1-1-React 新版本及 ES6 简介”

从零学习 React 技术栈系列教程

Hello大家好,我是余博伦,在接下来的一段时间里,由我和大家从零开始共同学习React技术栈的相关知识。教程将会以连载的形式发布在我的个人博客和微信公众号上,以文字教程为主,辅以一些代码示例供同学们参考,在连载结束之后,我会将所有内容整理为电子书提供下载。连载时教程会在每日早晨由公众号推送,同时为了方便一些外链和代码示例,可以在本博客查看教程。

作者:余博伦

教程谢绝任何形式转载。

继续阅读“从零学习 React 技术栈系列教程”

《追风筝的人》—— 关于自我救赎的童话

拖了这么久终于读完了这个故事。说实话由于译者的水平(我读的版本可能比较旧)和作者的叙事方式一开始是很难读下去的,但是最能打动人的还是故事本身。

故事其实是一个关于自我救赎的童话。真的要在现实中,主人公阿米尔要么逃亡在美国一辈子做一个不敢正视过去再也不会踏上故土的懦夫,要么意气用事孤身一人闯入龙潭虎穴充满英雄主义色彩却惨死在塔利班恐怖分子的枪下。

继续阅读“《追风筝的人》—— 关于自我救赎的童话”

不能议论社会新闻,不能调侃明星八卦,请问还能聊点啥?

一个月之前我在微信读书里建立了一个叫做“觉醒”的书单,里面只有三本书:

《1984》《娱乐至死》《美丽新世界》

人们在分类这几本书的时候,往往会把它们和乌托邦或反乌托邦联系到一起。可如果是我,到宁愿把它们放到纪实文学里面。

继续阅读“不能议论社会新闻,不能调侃明星八卦,请问还能聊点啥?”

【FCC系列教程】Profile Lookup

题目:

Profile Lookup

我们有一个对象数组,里面存储着通讯录。

  1. 函数 lookUp 有两个预定义参数:firstName值和prop属性 。
  2. 函数将会检查通讯录是否存在一个联系人的firstName属性等于firstName值,还会检查对应联系人是否存在 prop属性。
  3. 如果它们都存在,函数返回prop属性对应的值。
  4. 如果firstName 值不存在,返回 "No such contact"
  5. 如果prop 属性不存在,返回 "No such property"

目标:

  1. 掌握JavaScript中访问数组及对象属性值的方法。
  2. 掌握循环或遍历的基本写法。

继续阅读“【FCC系列教程】Profile Lookup”