首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
itsOli
掘友等级
JavaScript 伪全栈
|
前端一万小时 | 爱豆新媒 | 巨人肩上
我写了一本电子书,名字叫《你的人生,缺块拼图》。
获得徽章 7
动态
文章
专栏
沸点
收藏集
关注
作品
赞
8
文章 5
沸点 3
赞
8
返回
|
搜索文章
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
1天前
关注
(13)首页开发——⑤ “加载更多”功能实现 | React.js 项目实战:PC 端“简书”开发
❓查看“简书”官网,并实现需求:当点击“加载更多”时,会异步加载出更多的“数据”并显示在页面上。 ✔️需求分析——又是发送 AJAX 获取“数据.........
2
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
3天前
关注
(12)首页开发——④ AJAX 获取首页数据 | React.js 项目实战:PC 端“简书”开发
1 mock “首页”数据 在 AJAX 请求数据前,我们得自己 mock 一些数据辅助我们开发。 1️⃣在项目的 public 目录下 `api` 文件夹中新增一个......
1
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
7天前
关注
(11)首页开发——③ 使用 React-redux 管理首页数据 | React.js 项目实战:PC 端“简书”开发
1 “套路”分析 在上一篇文章中,我们对“首页”做了比较详细地布局。但如你所见,里边的所有数据都是写死的。实际编码中,这些数据应该都是通过“接口”返回出来的.........
1
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
9天前
关注
(10)首页开发——② 首页布局 | React.js 项目实战:PC 端“简书”开发
1 首页组件拆分 对于“简书”首页,我们大致可以分为以下几个小组件: ![10-01.png](https://p3-juejin.byteimg.com/tos-cn-i...
2
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
13天前
关注
(09)首页开发——① 如何在 React 中使用“路由” | React.js 项目实战:PC 端“简书”开发
1 路由 ❓什么是路由? 答:路由可以直接理解为——根据网址的不同,返回不同的内容给用户(这也是路由的主要功能)。 如以下视频所演示的(在简书的首页时,它显示的是........
1
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
16天前
关注
(08)Header 组件开发——⑧ 热门搜索“换一换”功能实现 | React.js 项目实战:PC 端“简书”开发
1 需求 紧接上一篇的代码,在“简书”官网效果中,“热门搜索”区域的“关键字”(AJAX 获取到的“数据”)每页只显示 10 项.........
2
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
29天前
关注
(07)Header 组件开发——⑦ AJAX 获取推荐数据 | React.js 项目实战:PC 端“简书”开发
1 需求分析 之前的 6 篇文章,我们算是搭建好了整个项目的架子,接下来我们就可以放开手脚开始实现交互需求了.........
1
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
1月前
关注
(06)Header 组件开发——⑥ Immutable.js 助力数据管理 | React.js 项目实战:PC 端“简书”开发
1 immutable.js 的使用 打开 header 目录下 store 中的 `reducer.js` 文件.........
2
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
1月前
关注
(05)Header 组件开发——⑤ React-redux 搭建标准的项目架子 | React.js 项目实战:PC 端“简书”开发
1 取得并显示“数据” 对于一个正经的实战项目而言,Redux 这种“数据层”的框架是肯定要用的。 而一旦用了 Redux,那我们最好是把所有“数据”都放在它里边去管理。 ...
1
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
1月前
关注
(04)Header 组件开发——④ 换页旋转动画效果实现 | React.js 项目实战:PC 端“简书”开发
我们注意看下“简书”官网的效果:![jianshu_04-01.gif] 在点击“换一批”所在区域的时候,前边的旋转 icon 是会转动的.........
2
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
1月前
关注
(03)Header 组件开发——③ Header 组件布局 | React.js 项目实战:PC 端“简书”开发
❗️CSS 声明顺序(在正式开始编写项目的 CSS 之前,啰嗦几句——请尽量养成好的习惯,相关的属性声明应当归为一组,以后的工作定能左右逢源).........
2
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
1月前
关注
(02)Header 组件开发——② iconfont 在 React 实战中的应用 | React.js 项目实战:PC 端“简书”开发
大家知道,“简书”这个 PC 端项目,“前端一万小时”并不是第一次接触到。如果你和我一样,把“🚀HTML+CSS 实战:PC 端“简书”静态首页开发”那 3 篇文章认认真...
1
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
1月前
关注
(01)Header 组件开发——① “项目初建”和“styled-components 初识” | React.js 项目实战:PC 端“简书”开发
根据之前的“React.js 基础语法学习”中的内容,我们先自行对照文章:🔗《React 初识——① React 简介和“环境搭建”》.........
1
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
3月前
关注
(32)React 拓展——② 使用 react-transition-group 实现动画 | React 基础理论实操
紧接上一篇代码,本篇我们用 React 动画的**第三方模块** [react-transition-group](https://reactcommunity.org/....
3
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
3月前
关注
(31)React 拓展——① React 中使用 CSS3 过渡和动画 | React 基础理论实操
❗️为了便于讲解,请将代码切换至《React 初识——③ React 中的组件和 JSX 初识》的版本!.........
4
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
3月前
关注
(30)Redux 进阶——⑥ React-redux 重写 TodoList | React 基础理论实操
在本篇之前的系列文章中,我们分别用实例详细介绍了 React 和 Redux。用心跟下来的你,肯定已经区分出了它们的不同!.........
5
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
3月前
关注
(29)Redux 进阶——⑤ Redux 中间件(下):使用 Redux-saga 中间件实现 AJAX 数据请求 | React 基础理论实操
❗️注意:为了便于讲解,请将代码恢复至《Redux 进阶——② Redux 中发送异步请求获取数据》中的版本! 1️⃣在 GitHub 中找到.........
2
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
3月前
关注
(28)Redux 进阶——④ Redux 中间件(中):使用 Redux-thunk 中间件实现 AJAX 数据请求 | React 基础理论实操
❗️注意:为了便于讲解,请将代码恢复至《Redux 进阶——② Redux 中发送异步请求获取数据》中的版本! 1️⃣在 GitHub 中找到.........
3
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
3月前
关注
(27)Redux 进阶——③ Redux 中间件(上):初识 Redux 中间件 | React 基础理论实操
“中间件”顾名思义肯定是“谁”和“谁”的“中间”。 先给出结论:**Redux “中间件”**对应的就是**“Action”和“Store”之间**。 但.........
4
评论
分享
itsOli
JavaScript 伪全栈 @前端一万小时 | 爱豆新媒 | 巨人肩上
·
4月前
关注
(26)Redux 进阶——② Redux 中发送异步请求获取数据 | React 基础理论实操
紧接上篇代码,我希望发送一个 AJAX 请求,并将获取到的数据放到 TodoList 列表项里。<br> 🔗前置知识:《React 进阶——⑧ React 生命周期函数(...
3
评论
分享
下一页
个人成就
优秀创作者
文章被点赞
2,845
文章被阅读
871,674
掘力值
18,736
关注了
4
关注者
1,783
收藏集
0
关注标签
14
加入于
2019-03-05