React
文章平均质量分 92
经海路大白狗
js-tool-big-box工具库开发者;简历优化师
展开
-
狗屎一样的React(第七节,前端路由这个玩意)
本来这一节是想按着顺序,从前面的react首页结束,开始说React-router这一节的,但我觉得很又必要大概说一下,我们为什么要使用前端路由,关于前端路由我们所能想到的一些知识点。1、先说说后端路由说起前端路由,我们肯定会想到后端路由,我们以前经常看见访问一个网址,大概路径是这个样子的,比如:www.xx.com/indexwww.xx.com/index.dowww.xx原创 2017-04-07 09:35:32 · 1676 阅读 · 0 评论 -
狗屎一样的React(前言)
很多小伙伴们可能还在加班,还在不断了解公司得业务,不断得努力进步,不断得研究jquery的各种妙用,但不知不觉,外面已经多了那么多框架。Angularjs vuejs reactjs backbone reactjs nodejs等等等等,当我们从git上下个项目想学习一下的时候小伙伴们又发现,哎呀,tmd我下错代码了,这可能不是前端代码啊,怎么成了import => 啦,位移也不是这么写的啊原创 2017-04-01 16:13:57 · 2599 阅读 · 1 评论 -
狗屎一样的React(第一节,怎么来搭建react demo更合适)
这一节,我们来说说怎么搭建react ,或者是更合适的方法。一直以来,我们深深喜爱着的方式,也是习惯了的方式是需要哪个js,就在页面,然后需要把js引入到文档底部来加速渲染页面。所以小伙伴们肯定希望学习react从引入react.js开始,然后自己写个index.js或者demo.js来引入。我们还得引入scriptsrc="https://cdn.bootcss.com/babel-原创 2017-04-01 17:09:22 · 4249 阅读 · 5 评论 -
狗屎一样的React(第三节,创建app顶部标题栏)
这一节,我们将创建APP顶部通用的标题栏。这个东西项目中也很常用的,什么?你想不到什么是顶部通用标题栏,我给你找几个图片:就是这个东西。react所有的我们所看到的每一块东西,我们都应该以模块的思路来做。1、css内容以后我们将不再给大家截图怎么写,因为都学到react了,我就觉得你css怎么也使用了至少有一两年了吧,哪怕是半年,写个background,color ,font-siz原创 2017-04-05 11:16:01 · 4317 阅读 · 8 评论 -
狗屎一样的React(第二节,让目录结构变得更易懂)
上一节,我们把从官网下载下来的React demo 启动起来了,但很多小伙伴碰到react还是感到很懵,不知从何下手,没事冒出个app.js,到底干嘛用的。刚下载下来的demo也不符合我们的真是项目开发思路,总之一句话,很狗屎。这一节,我来将demo的目录结构改变一下,然后做出一个简单的hello world实例,同时包含样式引用。安装完以后,在小黑窗输入npm start 会自动在浏览器弹出原创 2017-04-05 09:40:15 · 14619 阅读 · 4 评论 -
狗屎一样的React(第四节,首页banner图轮播)
这一节,我们来看一个banner图轮播,banner图轮播是一个比较常用的需求,而且几乎每个网站,每个app都会有一个banner图轮播的效果,也不知道是谁创造出来的。1、banner图一般都是从文件服务器获取的,也就是需要发请求获取数据,需要发ajax请求,这里我们需要使用jquery,当然,你也可以写个原生的HTTPRequest那个原生写法。继续打开小黑窗,输入npm install原创 2017-04-06 14:34:31 · 2952 阅读 · 1 评论 -
狗屎一样的React(第五节,React组件的生命周期)
这一节,我们将会根据上一节的React轮播图这个组件,大概说一下React组件的生命周期。我跟大家说的生命周期可能跟网上其他内容不太一样,因为我将写几个最常用的,也算作是入门级的周期,这几个周期将会在你写组件中特别常用,不常用的你可以去其他地方查看,并且尝试。为什么我不写大而全的周期内容呢,因为我坚信,如果你把这几个最常用的熟悉了,入门了,那么其他的隐晦的内容你将手到擒来,甚至是做为自己深入学习的原创 2017-04-06 15:50:46 · 1440 阅读 · 0 评论 -
狗屎一样的React(第六节,React首页热门项目)
这一节我们简单说一下首页添加热门项目,其实热门项目往往就是一个项目,或者是热门的,这个项目热门不热门其实跟我们前端没有关系,我们调用后台接口,传了该传的数据,自然热门项目就出来了,言外之意就是热门不热门,跟我们前端没有关系,我们只是发请求,显数据。这一小节的代码内容会和第四小节差不多,但说这一小节是有必要的,因为有项目列表,就会涉及到项目详情页。而React更适合做单页应用,所以其他页面就需要原创 2017-04-06 17:25:51 · 1658 阅读 · 0 评论 -
狗屎一样的React(第八节,React-router 4.0的使用姿势)
一定有很多小伙伴比较关心前端路由router这个东西,以为之前我们一直在用项目路由,甚至每一个html就要用一个路由。而没有接触过前端路由的小伙伴又不知道该从何入手。这一小节,我们继续前面的代码,开始添加react-router。通过在cmd小黑窗找到之的项目地址,然后 npm start 命令启动React项目。1、这一节我们要说的是路由,所有就涉及到页面跳转,如图:在页面顶原创 2017-06-08 13:54:05 · 9346 阅读 · 0 评论