摘要:去年的某一天听了一期《罗辑思维》,由古典老师所讲的“超级个体”。所谓的超级个体需要有三种能力,自我迭代的能力、需要掌握三种底层的元能力——生产、链接以及传播的能力、复原力。对于一位奋战在一线IT人士,渐渐发现生产、连接和传播的重要性。所以借着博客园这块一亩三分地,产出点学习心得、抛出些学习问题、总结 阅读全文
posted @ 2018-01-07 22:01 EasonPeng 阅读(60) 评论(0) 推荐(0) 编辑
摘要:俗话说“万丈高楼平地起”,从这一期开始,我们将使用基于Webpack+Babel的React学习React框架中的一些基础概念。在学习React的过程中经常会把Element、Class和Component这几个基础概念混淆。所以我们看看这些React的概念到底是干什么的,有什么作用。 1. 从Re 阅读全文
posted @ 2018-01-22 21:41 EasonPeng 阅读(2449) 评论(0) 推荐(0) 编辑
摘要:经过这四期的讲解,我们从Hello World应用入手,解释了React最重要的概念JSX,以及两种不同模式的应用构建方法。这一讲我们着重对比传统模式和新模式下的React项目构建,从而为初学者提供学习方向。 1. 传统模式构建 一般在传统模式下,我们构建前端项目很简单。就是下载各种js文件,如JQ 阅读全文
posted @ 2018-01-19 06:21 EasonPeng 阅读(522) 评论(0) 推荐(1) 编辑
摘要:JSX,即javscript XML,是js内定义的一套XML语法。目前是使用babel作为JSX的编译器。这也是在前几期中载入babel的原因。 Facebook引入JSX是为了解决前端代码工程复杂、维护困难等问题。JSX为我们提供了一种虚拟DOM的实现方式。 通过使用类XML语法的JSX,定义虚 阅读全文
posted @ 2018-01-17 09:42 EasonPeng 阅读(348) 评论(0) 推荐(0) 编辑
摘要:上一期我们使用了React官方的脚手架运行React应用。大家可能会觉得这种方法很繁琐,需要配置各种第三方插件。JQuery时代的前端真是让人怀念。这一期,我就带领大家创建一个“怀旧版”的React应用。 一. 文件结构一览 这次项目的文件结构相当简单,一个index.html和scripts文件夹 阅读全文
posted @ 2018-01-15 17:15 EasonPeng 阅读(2230) 评论(0) 推荐(1) 编辑
摘要:我的第一个React应用 接着我们上一期所讲的内容,通过 脚手架创建的应用,它是基于 "ES6的语法" 生成的。我们清空src目录下的文件,并分别创建index.js和index.css文件。 现在我们编辑index.js文件, 启动npm start,页面上显示: 代码解释 Hello World 阅读全文
posted @ 2018-01-14 11:44 EasonPeng 阅读(339) 评论(0) 推荐(0) 编辑
摘要:在前端的世界里,我们要处理的文件不是太多,而是太少。每天开发项目将html、css、js、图片、字体文件都像大杂烩一般加载都网页上。当应用变得越来越臃肿的时候,会发现js用了那么多全局变量,css的继承关系如此复杂。 在这种情况下,React诞生了。React是通过一种新的方式组织代码,这种方式以j 阅读全文
posted @ 2018-01-12 13:39 EasonPeng 阅读(281) 评论(0) 推荐(0) 编辑
摘要:Part 1, 问题: webpack + vue2.0框架中,如何在入口js中注册组件? 就是在一个月以前,匆匆闯入vuejs这个社群,基本了解了vuejs的一些基础特性和语法。笔者兴致勃勃地开始想用vuejs写个单页面应用出来。兜兜转转地开始使用vue router这个插件,阅读了vue rou 阅读全文
posted @ 2018-01-08 10:41 EasonPeng 阅读(3471) 评论(0) 推荐(0) 编辑
摘要:去年的某一天听了一期《罗辑思维》,由古典老师所讲的“超级个体”。所谓的超级个体需要有三种能力,自我迭代的能力、需要掌握三种底层的元能力——生产、链接以及传播的能力、复原力。对于一位奋战在一线IT人士,渐渐发现生产、连接和传播的重要性。所以借着博客园这块一亩三分地,产出点学习心得、抛出些学习问题、总结 阅读全文
posted @ 2018-01-07 22:01 EasonPeng 阅读(60) 评论(0) 推荐(0) 编辑