React

11-15 11:24

React Native大神班项目实战视频课程

React Native大神班项目实战视频课程课程目录 ├─01React Native初体验 │ 01-React Native简介 │ 02-React Native环境搭建 │ 03-React Native初体验及其它环境搭建 │ 04-React Native项目目录结构详解 │ ├─02FlexBox布局和常局设置 │ 01-组件View的介绍 │ 02-FlexBox布局上 │ 03-FlexBox布局下 │ 04-屏幕适配之获取屏幕的分辨率 │ ├─03核心组件和案例上 │ 01-昨日知识点回顾 │ 02-image案例包展示搭建界面 │ 03-图片设置数据并进行布局 │ 04-TextInput组件的常用属性 │ 05-QQ登录界面案例布局 │ 06-QQ登录界面样式设置并适配双系统 │ 07-Touchable触摸交互组件 │ 08-组件的生命周期上 │ 09-组件的生命周期下 │ 10-ScrollView组件的基本设置 │ 11-案例焦点图-设置图片 │ 12-案例焦点图-设置圆点 │ 13-案例焦点图-设置定时器 │ 14-ListView组件的介绍 │ 15-ListView组件的数据并布局 │ ├─04核心组件和案例下 │ 01-昨日内容回顾 │ 02-ListView案例九宫格-布局 │ 03-ListView案例九宫格-具体实现 │ 04-ListView吸顶效果原理 │ 05-ListView数据结构和数据的处理 │ 06-ListView实现吸顶效果和设置样式 │ 07-TaBbarIOS的具体实现 │ 08-TabBarIOS界面之间的切换 │ 09-新闻app小项目-初始化项目 │ 10-新闻app小项目-包装导航控制器 │ 11-新闻app小项目-请求网络数据 │ 12-新闻app小项目-处理网络异常的情况 │ 13-新闻app小项目-设置具体的界面数据 │ 14-新闻app小项目-设置头部数据 │ 15-新闻app小项目-设置新闻详情页 │ ├─05电商项目实战上 │ 01-初始化设置(掌握 │ 02-设置主要框架(掌握 │ 03-包装Navigator(掌握 │ 04-包装和封装导航(掌握 │ 05-设置首页头部的结构(掌握 │ 06-设置首页头部的样式(掌握 │ 07-设置安卓中启动图片(掌握 │ 08-更多的导航设置(掌握 │ 09-设置通用的cell(掌握 │ 10-设置cell的其他样式和类型(掌握 │ 11-我的公关的Cell(掌握 │ 12-设置我的公共的Cell的样式(掌握 │ 13-我的中间的内容设置(掌握 │ 14-头部下部分的内容(掌握 │ ├─06电商项目实战下 │ 01-首页头部(掌握 │ 02-设置首页头部里面的内容和结构(掌握 │ 03-设置ListView中的内容(掌握 │ 04-完善头部的内容(掌握 │ 05-设置中间的View的结构(掌握 │ 06-中间的组件设置(掌握 │ 07-中间组件-右边(掌握 │ 08-中间左边的View(掌握 │ 09-中下内容的结构搭建(掌握 │ 10-中下部分的内容样式(掌握 │ 11-购物中心-上部分(掌握 │ 12-设置购物中心-下部分内容(掌握 │ 13-设置购物中心详情(掌握 │ 14-设置猜你喜欢(掌握 │ 15-首页-猜你喜欢设置 │ 16-商家补充(掌握 │ └─07资料代码 ├─01 │ 代码 │ 资料 │ 软件 │ ├─02 │ 代码 │ 资料 │ ├─ │ 代码 │ 资料 │ ├─ │ 代码 │ 资料 │ └─ 代码资料

369

07-28 02:12

React – 移动端企业级数据交互项目实战

React – 移动端企业级数据交互项目实战课程介绍本项目从拿到设计图开始，从页面适配、到交互效果、再到数据渲染，一步步带着大家搭建自己的移动端 React 移动端应用。项目中，不只包含 React 单页应用+移动端布局及常用交互实现+真实的前后端数据交互等知识讲解，还包含很多常见问题解决方案，如：better-scroll 网速差的情况下异步请求图片导致不能拖到底部问题、ios 下微信内置浏览器跨域请求不能携带cookie的问题处理、使用了 better-scroll 之后链接失效的问题处理、移动端输入框被键盘遮挡的问题… 学习目标学完本视频后，可以掌握基于react-router 的 React 单页应用的项目构建，viewport+vw+rem 的移动端页面适配，iconfont 图标处理，React 功能组件编写，better-scroll 基本使用，上滑加载功能的实现，用户登录及未登陆状态下不同的业务逻辑处理…通过本次课程的学习，可以带着大家可以快速上手 React 的移动端数据应用开发，帮助大家打造自己的 React 移动端项目适用人群（学前要求）： 1、掌握移动端布局及css3相关知识,熟悉移动端原生事件 2、掌握 React 基础知识及npm使用 3、熟悉 ES6 最新语法 4、熟悉 Ajax 异步通信第0集内容讲解：课程介绍 1、介绍项目相关功能及交互 2、学前基础介绍 3、课程说明第1集内容讲解：react的环境配置及项目视图划分 1、react 环境搭建安装：create – react – app（脚手架） 2、使用 React – router 安装 react – router – dom（路由） 3、页面视图划分 index / work / message / login / course / lecturer 4、引入视图文件第2集内容讲解：页面适配方案及默认样式初始 1、页面的适配方案默认样式清除 2、viewport 视口参数： 1）width 2）initial – scale 3）maximum – scale 4）user – scalable 3、相对单位适配 vw：100vw = 屏幕宽度 vh： 100vh = 屏幕高度根节点字体大小：1rem = 1html的字体大小 4、默认样式重置第3集内容讲解：header组件样式 1、公共组件实现 – 头部 2、公共组件实现 – 左侧菜单按钮 3、公共组件实现 – 右侧 login 按钮 4、公共组件实现 – logo 图片 5、公共组件实现 – 返回按钮第4集内容讲解：添加iconfont 1、图标（fonticon）图标网站介绍：http://www.iconfont.cn/ 2、图标下载菜单 / 登录 / 推荐 / 返回 / 首页 / 课程 / 讲师 / 用户名 / 密码 / 验证码 / 砖石 / 飞机 / 人物 / 推荐 / 留言团队 /消息 / 行政管理 / 电话 3、引入图标字体文件第5集内容讲解：使用iconfont完善header组件 1、函数组件 – header组件 1、登录图标 – 引入类：iconfont 2、菜单图标 – 引入类：iconfont 第6集内容讲解：利用弹性盒模型的页面架构和 footer 组件 1、类组件 – footer 组件 2、footer 布局实现 3、实现 footer 保持在屏幕最底部 1）弹性盒模型（怪异盒模型）：display：flex 2）flex – direction：column 第7集内容讲解：主菜单布局 1、Menu 布局 link to 跳转首页课程安排讲师团队 2、实现左侧主菜单列表布局样式小图标（首页 / 课程 / 讲师）横线（border）第8集内容讲解：幻灯片布局 1、幻灯片切换布局 Tab Nav 2、require 引入 3、Tab 样式设置 4、Nav 样式设置第9集内容讲解：首页布局 1、首页结构引入组件 2、背景图引入 3、按钮样式设置渐变 backgroud：linear-gradient( ) 圆角 border-radius 阴影 box-shadow 4、立即报名结构引入函数式组件 – vip 5、设置不同屏幕尺寸（xs – sm – md – lg）的样式第10集内容讲解：利用弹性盒模型的上下居中设置 1、妙味特色布局函数式组件 – Miaov 2、左侧字体图标钻石 \ 头像 \ 作品展示背景、宽高、圆角：border:radius 、图标颜色最小高度：min-height 3、样式设置字体大小、行高、颜色、边距、text-align：center 垂直居中：display：flex 第11集内容讲解：利用网格布局的作品列表 1、学员作品结构（网格布局）类式组件 – worklist display:grid（定义网格布局） grid-template-columns（定义网格中的列）网格大小（fr） 2、样式设置背景色 \ 边距 \ 字体大小 \ 行高 \ 字体颜色背景 \ 渐变 \ 最大宽度 3、loadMore（正在加载更多内容） loding 图第12集内容讲解：课程页面视图完善 1、课程页面结构图片引入表单 2、样式设置背景延伸默认样式清除（table \ td \ th）第13集内容讲解：可以通用不同结构的功能组件制作 1、讲师团队结构标题讲师头像讲师名称切换tab 2、样式设置 3、通用组件实现功能相似、结构不一样不同结构的功能组件制作第14集内容讲解：完善讲师页面幻灯片结构 1、讲师页面幻灯片结构讲师头像 / 讲师名称列表实现 id / name / img 2、样式设置 nav 位置 3、结构当成参数传进来第15集内容讲解：为页面链接添加触碰效果 1、加入我们（join-us）函数式组件 JoinUs 2、加入我们结构 a 链接跳转图标（课程顾问图标 \ 问答图标 \ 客服图标 \ 行政前台图标） 3、样式设置默认样式清除字体颜色：半透明背景 \ 边距 \ 背景位置设置字体大小 \ 行高 4、active 按下的样式设置设置 a 标签默认样式 5、引入组件 job.js 第16集内容讲解：使用dangerouslySetInnerHTML添加作品详情 1、作品详情结构缩略轮播图标题内容 2、dangerouslySetInnerHTML 添加作品详情的内容 3、内容详情背景色设置第17集内容讲解：完善作品详情页面 1、点赞状态：未点赞 / isGood （已经点赞）点赞动画特效：transition：-1s cubic-bezier( ) 2、留言评论类组件 – 留言列表（MessageList）留言列表状态没有留言状态 3、最底部加载 4、回复本贴按钮图标文字第18集内容讲解：留言页面 1、留言页面 – message 头部 – Header 返回 – back 输入文本框 – textarea 默认样式清除宽高 / 边框 / 字体 / 行高 / 字体大小 box – sizing：border – box 提交按钮第19集内容讲解：登陆界面的3D卡片布局 1、登录界面 – Login 头部 – Header 返回 – back 背景图 – loginPage 登录 / 注册标题 – loginTitle 2、登录（login – form）\ 注册（register – form） prespective（景深） transfrom-style:preserve-3d（父级进行3d变换时，保留子元素的3d变换）隐藏背面（backface – visibility:hidden）第20集内容讲解：完善登陆界面布局 1、立即登录页面（LoginForm）图标描述文字用户名：密码：验证码：线上地址立即登录按钮：没有账号按钮 2、立即注册页面（RegisterForm）调整页面样式第21集内容讲解：利用children属性，制作可以通过各种结构的menu交互组件 1、分析菜单的展开收缩功能类组件 – MenuPage 2、引入 header menu 3、传递结构第22集内容讲解：添加菜单动画 1、点击菜单按钮 – 执行chageOpen 2、onTouchEnd（按下抬起） 3、点击展开 – 点击收缩过渡动画 transition transfrom 4、onTouchStart 处理横向滚动条全局阻止默认事件第23集内容讲解：跳出React阻止默认事件的深坑完善菜单动画 1、介绍不允许阻止默认事件原因 2、讲解阻止默认事件 3、阻止默认事件处理，禁止页面滑动 componentDidMout view.addEventListener 4、阻止事件冒泡第24集内容讲解：阻止了默认事件之后，超链接跳转的处理 1、点击菜单，a标签跳转 menuA / headerA 首页/课程安排/讲师团队 2、介绍通过路由自带方法 push 3、讲解原生 js 的方法添加事件：touchend 修改 widdow.location.href 通过判断排除 href 为空的 a 标签 4、添加 touchmove 事件判断是否发生滑动按下 a 标签跳转滑动 a 标签不跳转 5、bug介绍：在部分安卓手机下，手指触碰屏幕时，如果触碰面积不大，会误触 touthmove 事件讲解解决 bug 方法第25集内容讲解：幻灯片动画制作_1 1、幻灯片动画制作 – tab组件 React 生命周期 – Mounting 挂载阶段 componentDidMount 2、给 tab 加上点击事件 tab.addEventListener touchstart / touchmove / touchend 3、手指按下的位置（startPoint）： x：e.changedTouchhes[0].pageX y：e.changedTouchhes[0].pageY 4、手指滑动的位置（nowPoint） x：nowPoint.x – startPoint.x y：nowPoint.y – startPoint.y 5、当用户滑动距离超过100px 时，用户需要进行切换第26集内容讲解：幻灯片添加无缝处理 1、添加动画 picList.style.transition 2、添加无缝 picList.innerHTML += picList.innerHTML picList.style.width=picList.length + “00vw” 3、第0张和最后一张，划出边界的风险的处理办法第27集内容讲解：判断滑动方向修复滑动时幻灯片的抖动 1、处理左右滑动带动上下滑动问题当前是否按照我想要的方向进行滑动判断用户的滑动方向 2、每次第一次滑动，当判断出方向后，不再重复判断方向 isFirst && Math.abs(dis.x – dis.y)>2 第28集内容讲解：完善幻灯片的制作添加自动轮播 1、幻灯片导航同步 setNav 2、幻灯片自动播放 autoplay 3、下一张 toNext 4、定时器 timer 无缝自动播放延迟时间：setTimeout 清除定时器：clearInterval 第29集内容讲解：登陆和注册界面的受控组件制作 1、分析登录注册的功能界面切换受控组件验证码切换 2、登录接口 / user/login POST: verify:验证码 username:用户名 passwore:密码添加受控组件 username / passwore / verify 3、登录接口 / user/login POST: verify:验证码 username:用户名 passwore:密码 repassword:确认密码添加受控组件 username / passwore / verify / repassword 第30集内容讲解：完善登陆注册界面的3D翻页和验证码交互 1、3D翻页 changeDeg 2、传递方法 loginFrom registerForm 3、点击立即登录 / 立即注册切换动画 4、验证码（verify）交互 verifyimg: 点击验证码，切换验证码输入框获取焦点时，生成验证码（onFocus）第31集内容讲解：实现注册功能 1、域名地址：https:www.koocv.com/ 注册地址：/ user/register 异步通信：mpn i axios (请求方式）提交地址：https:www.koocv.com/user/register 提交方式：POST 2、提交信息： verify； username； passwore； repassword 3、axios qs.stringify 把对象转换成 URL 4、跨域请求 withCredertials 携带cookie 5、返回值 code:0 msg:注册成功 code:1 msg:验证码错误 code:2 msg:密码和重复密码不一致 code:3（注册失败） msg:提示不同的注册失败原因 code:4 msg:注册已关闭（后台可控制） 6、注册成功，返回用户登录界面第32集内容讲解：对接登陆接口实现登陆功能 1、引入axios和qs 2、登录地址：/ user/login 3、提交地址：https:www.koocv.com/user/login 4、返回值 code:0 msg:登录成功 code:1 msg:验证码错误 code:2（登录失败） msg:提示不同的登录失败原因 5、登录成功 – 返回原页面 window.history.back（返回上一页） window.location.href=”/” 第33集内容讲解：获取用户登录状态 1、用户登录和未登录状态不同逻辑处理获取用户是否登录定义方法：getLoginState 2、是否登录接口 /user/islogin 3、axios.post https:www.koocv.com/user/islogin 4、组件更新重新请求用户名 React 生命周期更新阶段：componentDidUpdate 第34集内容讲解：利用context把登陆状态传递给各个子组件 1、获取登录的状态，不停执行更新，处理死循环问题 2、跨组件通信（context） chidContextTypes prop-types getchidContext ContextTypes 第35集内容讲解：登陆和未登录状态不同的逻辑处理 1、实现用户已经登录，不用进入login界面 2、React 重定向 Redirect 3、登陆和未登录状态切换登录：显示用户名未登录：显示登录按钮图标 4、跳转回复本帖页面，不显示login 第36集内容讲解：作品列表数据获取 1、上滑加载 – 通用组件类组件 – loadMore 传递结构 children 2、首页获取的数据传递内容 order：desc（降序） / asc（升序） sort： sort（后台指定排序） id（加入的ID） update_time（修改时间） category_id：1 和 2 1代表作品列表 / 2代表讲师列表 recommend：首页推荐位置，首页推荐值为1，全部为0 3、作品列表数据获取第37集内容讲解：上滑加载更多内容-1 1、数据添加至结构数据结构：数组数组内容： id（唯一） category_id item.title（标题） item.good（点赞个数） item.message（留言个数） item.icon（图片） 2、上滑加载更多 loading 加载显示更多内容 loadEnd 加载完成，不显示加载图标显示：这里是底线了第38集内容讲解：上滑加载更多内容-2 1、获取滚动条的位置 y = window.scrollY 屏幕高度winH：clientHeight 页面高度pageH：scrollHeight 2、页面可滑动最大高度maxY=页面高度pageH – 屏幕高度winH 3、页面滑动快到底部时请求新的数据第39集内容讲解：为各个视图添加菜单交互 1、各个视图添加菜单交互 MenuPage 菜单页面的交互课程安排 course-page 讲师团队 lecture-page 学员作品 work-page 2、React 生命周期 Unmounting 卸载阶段 componentWillUnmount 卸载事件：window.removeEventListener 第40集内容讲解：获取讲师列表数据 1、引入请求数据 – axios / qs order:”desc” sort:”id” category_id:2 2、组件加载 componentDidMount( ) 3、妙味团队列表数据获取 4、妙味团队 Tab切换功能 getTab 方法第41集内容讲解：讲师页面弹窗结构 1、引入Popup 2、讲解弹窗结构（popup）全屏半透明头像标题关闭按钮内容区域内容超出滚动条第42集内容讲解：子滚动条滚动带动父级滚动条滚动的问题解决 1、滚动条问题处理简单 demo 展示滚动条 bug 2、解决方案1 布局解决方案：不使用系统滚动条，使用原生滚动条弊端：原生滚动条在滚动会有下拉回弹或者内容背景菜单显示第43集内容讲解：better-scroll的使用说明 1、解决滑屏问题的利器 better-scroll 2、引入 bscroll.js 文件 3、生成布局 4、添加滚动 startY（左右滑动） scrollY（上下滑动） freescroll（左右上下滑动） bounce（回弹动画） refresh方法第44集内容讲解：添加better-scroll 1、项目引入 better-scroll npm i better-scroll -s 2、首页滚动调整 PageScroll 3、是否阻止浏览器默认行为 preventDefault preventDefaultException tagName 第45集内容讲解：better-scroll阻止默认事件后，导致的链接不可用问题解决 1、问题 – a 标签点击失效（部分） 2、解决方案获取所有 a 标签循环判断给 a 标签加点击事件第46集内容讲解：利用better-scroll完善上拉加载的效果 1、上拉加载 pullUpLoad：ture / false（是否需要） threshold：配置开始加载的时机，距离底部多久开始加载 2、已经加载 finishPullUp 3、动态关闭上拉加载 closePullUp 4、学员作品跳转失效事件代理/事件委托方法第47集内容讲解：完善教师弹窗 1、弹窗添加 openPopup 2、点击显示弹窗 popupPage onTouchStart onTouchEnd getPopupDate 第48集内容讲解：为讲师弹窗添加滑动 1、绑定数据 data.icon data.title data.content 2、添加滚动条 overflow-y：hidden 3、讲师介绍弹窗关闭 clossPopup 点击空白区域弹窗关闭点击关闭按钮弹窗关闭 4、添加滑动 componentDidMount new BScroll bounce：false（取消回弹）第49集内容讲解：合并菜单和滑屏组件 1、给各个界面加上滑屏 2、合并菜单和滑屏组件引入组件：PageScroll 3、学员作品点击失效第50集内容讲解：添加详情页的loading动画 1、添加学员作品详情页跳转id ：item.id 2、loading动画 Loading 3、CSS3动画 animation 4、判断数据是否拿到数据是：直接加载数据否：Loading状态第51集内容讲解：文章详情页面的数据获取及better-scroll在差网速下的bug修复 1、学员作品详情页数据添加 getWordData url qs.stringify article_id data data.iamge_path data.title data.content data.good 2、refresh方法当DOM内容更新，重新计算better-scroll 第52集内容讲解：点赞功能-1 1、判断是否点赞 data.good 状态：isgood getIsGood 2、是否点赞接口 lecturer/getgood 3、POST参数 article_id:文章id 4、返回值 code：0 （点赞） code:1（mag:未登录） code:2（mag:收藏文章id不能为空） code:3（mag:未点赞）第53集内容讲解：点赞功能-2 1、点赞功能分析已经点赞：取消点赞没有点赞：开始点赞 2、判断是否登录接口：user / islogin 返回值：code：0 / code：1 未登录：实现跳转 login 界面已登录：实现点赞或者取消点赞第54集内容讲解：点赞功能-3 1、判断是否点赞判断 res.data.code 的值 code：1（点赞）/ code：3（未点赞） 2、点赞 / 点赞数 good 的值 3、取消点赞接口：lecturer/cancelgood？ POST参数： goodid：在获取是否点赞接口中获取到的id article_id：文章id 返回值： code:0（mag:取消点赞成功） code:1（mag:未登录） code:2（mag:文章id不能为空） code:3（mag:收藏id不能为空） 4、点赞和未点赞切换动画 5、解决用户快速点击重复提交问题 6、总结点赞功能实现过程第55集内容讲解：获取留言列表 1、留言列表接口 lecturer/getconment？page=1&rows=20 2、留言列表 MessageList 3、留言状态：有留言：显示留言没留言：抢沙发第56集内容讲解：提交留言 1、留言评论接口：lecturer/addconment POST参数： article_id：文章id content：评论内容 2、提交留言 postMessage axios.post withCredentials：true 3、返回值弹窗：判断code 的值，code等于 0（评论成功）第57集内容讲解：细节修复 1、a 按下的效果失效修复 active 2、事件代理，判断是点击行为还是滑屏修复 3、学员作品有时候刷不到底部修复第58集内容讲解：安卓下真机测试-修复首页布局 1、真机测试 – （坚果pro手机）自带浏览器 2、解决学员作品图片撑开整行 bug 3、真机上逐个测试相关功能第59集内容讲解：iOS真机测试–vh问题处理 1、测试：iphone6 ios 11.3系统版本，微信内置浏览器测试 2、测试功能： 1）登录 2）菜单 3）上滑加载 4）左右滑屏 5）课程安排 6）讲师团队 7）讲师弹窗及弹窗滑屏 8）学员作品详情 9）点赞 3、修复登录界面的问题登录界面 – 底部白边登录界面 – 顶部被盖住 4、页面最底部 – 未显示完整问题处理 vh问题处理动态获取可视区高度：window.innerHeight 第60集内容讲解：IOS下微信内置浏览器跨域请求不携带cookie处理 1、修复验证码输入错误后，再次输入正确的验证码登录不成功bug 2、proxy 代理服务器讲解转发请求重定向 3、替换请求地址第61集内容讲解：软键盘遮挡输入框处理思路 1、修复软键盘遮挡输入框问题 2、获取软键盘本身高度 3、获取鼠标聚焦坐标（input坐标）初始坐标当前坐标 4、计算输入框移动距离 5、修改页面的top值

454

01-28 03:30

React16.8+Next.js+Koa2开发Github全栈项目完整版

React16.8+Next.js+Koa2开发Github全栈项目完整版第1章课程导学对课程整体进行介绍，让您切实感受到前端工程师学习的必要性。第2章项目搭建讲解 Nextjs 项目的搭建，其中会搭建自己的服务集成 Koa，集成 Antd 作为组件库。本章中还讲解了 Redis 在 Windows 和 Mac 系统上的安装和启动，讲解了 Redis 的基础使用，以及如何在 Nodejs 中连接 Redis 数据库。第3章 Next.js基础从目录结构开始逐步解析 Nextjs 的使用方法，在这章里，你能学到 Nextjs 的路由技巧，服务端渲染数据获取的方式，以及如何同步客户端渲染和服务端渲染的方式。同时我们还会深入 Nextjs 讲解如何自定义 App 和 Document 组件，以及集成第三方 css-in-js 的方法。... 第4章 React新特性Hooks讲解本章讲解 React 的最新爆点功能：Hooks。我们会介绍什么是 Hooks，基础 Hooks 的使用，包括 State Hooks，Effect Hooks、Context Hooks 和优化相关的 Hooks。然后我们会结合经典实例讲解在 Hooks 的使用中会遇到的问题，以及我们如何解决他。第5章引入Redux 我们会介绍 Redux 的使用。Redux 是现在非常火热的数据状态管理工具，也是 Flux 数据流最好的实现，现在的 React 开发中非常常用。同时我们会着重介绍 Redux 如何集成到 Nextjs 当中，这其中需要考虑服务端渲染数据同步的问题，我们会在课程中深度介绍。... 第6章 OAuth 介绍和接入我们围绕着 OAuth 第三方授权协议进行讲解。我们会介绍什么是 OAuth、他存在的意义、他的安全性、以及接入 OAuth 的流程。然后配合 Github OAuth 进行实战演练，在这个过程中我们还会实现 session 功能，并将 session 数据存入 Redis。第7章项目整体设计讲解项目内容整体的设计，包括页面整体布局，项目数据 API 代理，功能性组件的开发等。在项目正式开始页面开发之前，做好基础设施是提高开发效率的最好方法。第8章首页开发本章我们进行首页开发，主要包括获取用户自己创建的仓库，star 的仓库列表，并进行 Tab 切换展示。在这个过程中我们会开发一个通用的仓库展示组件，还会设计一个数据缓存方案，使用 LRU 方案进行 cache。第9章搜索页面开发本章我们进行搜索页面的开发，搜索页面会拥有很多的删选条件，我们要把这些条件反应到 URL 上，并且保存搜索记录，以带来更好的用户体验。同时我们会对搜索进行分页展示。第10章仓库详情页开发本章我们进行仓库详情页的开发。不管是在个人页面还是搜索页面，点击仓库都可以进入仓库详情页面，在这里我们可以查看仓库的介绍信息，以及仓库现存的 Issue 列表，我们还以点击查看 Issue 详情。第11章项目优化最后一章我们讲解 Nextjs 项目的一些优化方式。包括如何将项目静态化，如何在编译的过程中优化配置，让编译之后的文件更符合上线要求等。

520

01-28 03:25

React+TypeScript高仿AntDesign开发企业级UI组件库

React+TypeScript高仿AntDesign开发企业级UI组件库第1章课程导学（此章节必看）介绍了整个课程的背景知识，项目简介，学习流程，可以掌握的知识点，以及学习方法和前置知识。第2章欢迎来到类型的世界 - Typescript 本章主要帮助大家理解 TypeScript 可以解决的问题和所带来的优势，带领大家学习 TS 中的各种基础类型，然后进阶到复杂类型，包括：Array, Tuple, interface, function, Class, Enum, Generices等，迅速帮助大家理解 TS 的基础使用方式和语法。 . 第3章神奇的 React 配合 typescript，完美输出本章回顾了 React 的基础知识，从而引出了全新的 React Hooks，配合上一章typescript的基础知识，详细讲解了 useState, useEffect, 自定义Hook，useContext 和 useRef 等基础知识，为组件库的开发打下坚实基础。第4章组件库起航 - 你真的能写的好看起来简单的 Button 组件吗？本章正式进入组件库的编写，前半部分规定了文件结构和代码规范，分析了样式解决方案，添加了一系列样式的基础元素，后半部分渐进式的完成了 Button 组件的编码工作。第5章组件测试本章从什么是测试入手，简介了测试的基本概念，介绍通用测试工具 Jest 和 React 测试框架 react-testing-library，然后使用这两种工具完成Button组件的单元测试。第6章更上一层楼 - 完成 Menu 组件本章在前两章的基础上，更上一层楼，完成Menu 组件，从需求分析，到组件编码，到再次分析需求，到再次完成编码，最后完成组件的所有单元测试。第7章他山之石 - Icon 组件和 Transition 组件本章介绍怎样使用第三方库 Fontawesome 和 React-Transition-Group 完成图标和 React 动画的解决方案，同时将它们经过自定义，改造成新的组件。第8章 Storybook - 本地调试组件和生成文档页面的利器本章从 Stroybook 的定义和安装入手，再到怎样添加 Story，安装插件，到最后完成自动生成文档的任务。第9章进入表单的世界 - Input 组件和 AutoComplete 组件本章进入表单的世界，从简单组件 Input 入手，引出 AutoComplete 组件的分析和实现，在这个过程中，我们会学习异步请求，函数防抖，键盘事件，useRef 等一系列功能。第10章终极任务 - Upload 组件本章实现了 Upload 组件从分析，编码，测试的全过程，在这个过程中，我们将会学到：使用 axios 发送异步请求，在线 mock server 的简单使用，HTTP 异步上传文件的基本知识，拖动文件上传怎样实现，异步和拖动怎样写单元测试。第11章 Javascript 模块打包 - 需要什么类型的模块供各种环境使用？本章从 Javacript 模块化历史说起，描述了 webpack 等 bundler 的主要功效，对比不同的模块类型的优劣，然后使用 tsc 打包成 es6 modules，并且使用 npm link 在本地完成测试。第12章大功告成 - 发布到 Npm，以及添加 CI/CD 支持本章从 Npm 的简介开始，介绍了怎样将组件库发布到 npm，然后优化了 package.json 的依赖，再到添加 commit 和发布检查，最后介绍了使用 travis 完成组件库 CI/CD 的一些基本流程。第13章课程总结本课程的回顾和总结以及展望。

533

01-28 03:21

React16.4 开发简书项目从零基础入门到实战

React16.4 开发简书项目从零基础入门到实战第1章课程导学本章主要介绍学习react的重要性，课程的知识大纲，学习前提，讲授方式及预期收获。 1-1 课程导学第2章 React初探本章主要讲解React项目的开发环境搭建，工程代码结构及React中最基础的语法内容，同时对前端组件化思想进行介绍。 2-1 React简介 2-2 React开发环境准备 2-3 工程目录文件简介 2-4 react中的组件 2-5 React 中最基础的JSX语法第3章 React基础精讲本章通过TodoList功能的实现，给大家完整介绍React的基础语法，设计理念以及围绕React展开的一些编程思维。 3-1 使用React编写TodoList功能 3-2 React 中的响应式设计思想和事件绑定 3-3 实现 TodoList 新增删除功能 3-4 JSX语法细节补充 3-5 拆分组件与组件之间的传值 3-6 TodoList 代码优化 3-7 围绕 React 衍生出的思考第4章 React高级内容本章讲解React高级部分内容，包含PropTypes，生命周期函数，虚拟Dom，数据mock，动画实现等部分课程讲解。 4-1 React developer tools 安装及使用 4-2 PropTypes 与 DefaultProps 的应用 4-3 props，state 与 render 函数的关系 4-4 React 中的虚拟DOM 4-5 深入了解虚拟DOM 4-6 虚拟 DOM 中的 Diff 算法 4-7 React 中 ref 的使用 4-8 React的生命周期函数 4-9 React 生命周期函数的使用场景 4-10 使用Charles实现本地数据mock 4-11 React 中实现 CSS 过渡动画 4-12 React 中使用 CSS 动画效果 4-13 使用 react-transition-group 实现动画（1） 4-14 react-transition-group 的使用(2) 第5章 Redux入门本章主要讲解Redux产生背景，组成内容以及使用方式，通过实例带大家上手Redux数据管理框架的使用。 5-1 Redux 概念简述 5-2 Redux 的工作流程 5-3 使用 Antd 实现 TodoList 页面布局 5-4 创建 redux 中的 store_x264 5-5 Action 和 Reducer 的编写 5-6 使用 Redux 完成 TodoList 删除功能_x264 5-7 ActionTypes 的拆分 5-8 使用 actionCreator 统一创建 action 5-9 Redux 知识点复习补充第6章 Redux进阶本章主要讲解UI组件与容器组件基础，如何使用redux-thunk，redux-saga等Redux中间件，以及react-redux的使用方式。 6-1 UI组件和容器组件 6-2 无状态组件 6-3 Redux 中发送异步请求获取数据 6-4 使用Redux-thunk 中间件实现ajax数据请求 6-5 什么是Redux的中间件 6-6 Redux-saga 中间件使用入门（1） 6-7 Redux-saga 中间件使用入门（2） 6-8 如何使用 React-redux（1） 6-9 如何使用 React-redux（2） 6-10 使用React-redux完成TodoList功能第7章项目实战：Header组件开发本章讲解项目中公用Header组件的开发，包含动画效果实现，iconfont，immutable.js，styled-components的使用以及异步数据的获取。 7-1 项目目录搭建，Styled-Components 与 Reset.css 的结合使用 7-2 使用 styled-components 完成 Header 组件布局（1） 7-3 使用 styled-components 完成 Header 组件布局（2） 7-4 使用 iconfont 嵌入头部图标 7-5 搜索框动画效果实现 7-6 使用 React-Redux 进行应用数据的管理 7-7 使用 combineReducers 完成对数据的拆分管理 7-8 actionCreators 与 constants 的拆分 7-9 使用 Immutable.js 来管理store中的数据 7-10 使用 redux-immutable 统一数据格式 7-11 热门搜索样式布局 7-12 Ajax获取推荐数据 7-13 代码优化微调 7-14 热门搜索换页功能实现 7-15 换页旋转动画效果的实现 7-16 避免无意义的请求发送，提升组件性能第8章项目实战：首页开发本章将带大家完成项目首页的开发，课程能容包含react-router4的使用，组件及reducer的拆分设计，首页部分的核心功能包含列表显示，加载更多，返回顶部等。 8-1 什么是路由，如何在React中使用路由功能 8-2 首页组件的拆分 8-3 首页专题区域布局及reducer的设计 8-4 首页文章列表制作 8-5 首页推荐部分代码编写 8-6 首页异步数据获取 8-7 异步操作代码拆分优化 8-8 实现加载更多功能 8-9 返回顶部功能实现 8-10 首页性能优化及路由跳转第9章项目实战：详情页面和登录功能开发本章将完成详情页面的开发，过程中将完整介绍react-router跨页面传值的方法及登陆鉴权的实现思路。同时我们将给大家介绍异步组件和路由withRouter方法的使用方式。 9-1 详情页面布局 9-2 使用redux管理详情页面数据 9-3 异步获取数据 9-4 页面路由参数的传递 9-5 登陆页面布局 9-6 登陆功能实现 9-7 登陆鉴权及代码优化 9-8 异步组件及withRouter路由方法的使用第10章课程总结本章将给大家介绍项目的上线流程，React版本升级对本项目的影响，并带大家进行整个课程的知识点回顾。 10-1 项目上线流程 10-2 React 版本升级说明 10-3 课程总结

499

01-28 02:22

React 源码深度解析高级前端工程师必备技能完整版

React 源码深度解析高级前端工程师必备技能完整版第1章课程导学对课程整体进行讲解。 1-1 课程导学试看第2章基础知识 React API 一览 React主要API介绍，在这里你能了解它的用法，为下一章源码分析打基础。 2-1 准备工作试看 2-2 JSX到JavaScript的转换 2-3 react-element 2-4 react-component 2-5 react-ref 2-6 forward-ref 2-7 context 2-8 concurrent-mode 2-9 suspense-and-lazy 2-10 hooks 2-11 children 2-12 others 第3章 React中的更新主要讲解React创建更新中的主要两种方式ReactDOM.render和setState，他们具体做了什么。 3-1 react-dom-render 试看 3-2 react-fiber-root 3-3 react-fiber 3-4 react-update-and-updateQueue 3-5 react-expiration-time 3-6 different-expirtation-time 3-7 react-setState-forceUpdate 第4章 Fiber Scheduler 创建更新之后，找到Root然后进入调度，同步和异步操作完全不同，实现更新分片的性能优化。 4-1 总结流程概览 4-2 scheduleWork 4-3 requestWork 4-4 batchedUpdates 4-5 reactScheduler（1） 4-6 reactScheduler（2） 4-7 reactScheduler（3） 4-8 reactScheduler（4） 4-9 performWork 4-10 renderRoot 4-11 最后补充第5章各类组件的Update 讲解10多种不同类型的组件的更新过程，以及如何遍历节点形成新的Fiber树 5-1 入口和优化 5-2 FunctionalComponent的更新 5-3 reconcilerChildren 5-4 reconcilerChildren-array 5-5 updateClassComponent 5-6 ClassComponent的更新 5-7 IndeterminateComponent组件类型和其更新过程 5-8 HostRoot的更新 5-9 HostComponent和HostText的更新 5-10 Poratl组件的更新 5-11 ForwardRef的更新 5-12 Mode组件的更新 5-13 Memo组件的更新第6章完成节点任务完成节点更新之后完成节点的创建，并提供优化到最小幅度的DOM更新列表 6-1 completeUnitOfWork的整体流程和意义 6-2 重设childExpirationTime 6-3 completWork具体做了什么 6-4 初次渲染中completeWork对于DOM节点的创建和appendAllChild算法 6-5 初次渲染中如何进行DOM节点属性初始化操作 6-6 更新DOM时进行的diff判断 6-7 completeWork阶段对于HostText的更新 6-8 renderRoot中对于错误的处理 6-9 unwindWork以及React中的错误处理第7章 commitRoot 根据更新列表最小幅度的改变DOM，实现UI的更新。 7-1 commitRoot的总体工作内容 7-2 invokeGuardedCallback开发时的帮助方法 7-3 commitRoot第一个操作-获取快照 7-4 commitAllHostEffects总体做了哪些事情 7-5 commitPlacement插入新的子节点的操作 7-6 commitWork更新节点属性的过程 7-7 commitWork删除节点的操作过程 7-8 commitLifecycles调用生命周期方法第8章功能详解：基础各种贯穿于更新和提交阶段的功能，他们在哪里发挥作用，又是如何实现功能的 8-1 context-stack 8-2 遗留context-api的实现过程（1） 8-3 遗留context-api的实现过程（2） 8-4 新context的实现 8-5 ref的实现过程 8-6 hydrate-是否需要hydrate的判断 8-7 hydrate-更新开始判断节点是否可以hydrate 8-8 hydrate-再completeWork中复用可hydrate的节点 8-9 event事件系统初始化-注入平台事件插件 8-10 event事件监听的过程 8-11 event-事件触发的过程 8-12 event-事件对象的生产过程 8-13 event查漏补缺第9章 suspense and priority Suspense作为下一个React的杀手功能，他又是如何实现异步渲染的呢？ 9-1 优先级和任务挂起的含义（1） 9-2 优先级和任务挂起的含义（2） 9-3 两个expirationTime的不同作用 9-4 Suspense组件同步模式下的更新 9-5 Suspense组件同步渲染模式补充 9-6 Suspense组件异步模式下的更新 9-7 retrySuspendedWork所做的事情第10章功能详解：Hooks Hooks颠覆原先的React组件开发模式，提供更小粒度的更新以及更加适合解耦的API。 10-1 什么是Hooks以及他的用法 10-2 Hooks的定义以及执行前后的准备和重置 10-3 useState的实现原理和注意事项（1） 10-4 useState的实现原理和注意事项（2） 10-5 useEffect和useLayoutEffect的实现原理和区别 10-6 其他Hooks的实现第11章课程总结对课程整体进行回顾，以及总结。

525

01-27 02:57

React 组合式开发实践：打造企业管理系统五大核心模块 [MD]

React 组合式开发实践：打造企业管理系统五大核心模块 [MD] 课程介绍: 你会学到什么从插件化到模块化再到组件化前端下一次的进化方向是什么 UI 组件越写越熟练项目的开发效率却并没有质的提升问题在哪里如何使用组合式开发的思想拯救交互与体验都仍停留在上个世纪的企业管理系统开发基于 React 16.0 & webpack 4.0 的前端项目脚手架企业管理系统的通用页面布局方案页面级别基于用户角色的前端权限系统自动匹配当前路由的无限级菜单设计系统消息与全局用户操作通知设计搭建国际化的支持多语言切换的企业管理系统从静态页面到动态可交互页面前端可视化页面搭建工具的前世今生课程目录: 以史为鉴:前端开发的四个时代.md 似水流年:企业管理系统的前世今生.md 实战篇 01:开发前准备.md 实战篇 02:项目脚手架.md 实战篇 03:页面布局方案.md 实战篇 04:权限管理机制.md 实战篇 05:菜单匹配逻辑.md 实战篇 06:消息通知设计.md 实战篇 07:多语言支持.md 总结.md 继往开来:可视化页面搭建工具.md

688

01-23 03:18

React全栈实战课程+服务器渲染（SSR）跟着大神学React 一起打造社区Webapp

React全栈实战课程+服务器渲染（SSR）跟着大神学React 一起打造社区Webapp 课程目录 (0);目录中文件数:2个 (1) project (1).zip (2) project.zip (1)1;目录中文件数:3个 (3) 1-1 课程导学.mp4 (4) 1-2 前端技术选型(1).mp4 (5) 1-3 前端技术选型(2).mp4 (2)2;目录中文件数:10个 (6) 2-1 Webapp架构简介.mp4 (7) 2-10 工程架构优化.mp4 (8) 2-2 Web开发常用网络化.mp4 (9) 2-3 Webpack基础配置.mp4 (10) 2-4 Webpack loader基础应用.mp4 (11) 2-5 服务端渲染基础配置.mp4 (12) 2-6 Webpack-dev-server配置.mp4 (13) 2-7 hot-module-replacement.mp4 (14) 2-8 开发时的服务端渲染.mp4 (15) 2-9 eslint-and-editorconfig.mp4 (3)3;目录中文件数:9个 (16) 3-1 目录结构.mp4 (17) 3-2 路由配置.mp4 (18) 3-3 store配置(1).mp4 (19) 3-4 store配置(2).mp4 (20) 3-5 Cnode API代理实现.mp4 (21) 3-6 调试接口代理.mp4 (22) 3-7 服务端渲染优化.mp4 (23) 3-8 服务端问题解决mobx的warning以及增加title等SEO友好标签.mp4 (24) 3-9 将服务端渲染用于生产环境.mp4 (4)4;目录中文件数:14个 (25) 4-1 React16介绍.mp4 (26) 4-10 话题回复功能实现(1).mp4 (27) 4-11 话题回复功能实现 (2).mp4 (28) 4-12 话题创建.mp4 (29) 4-13 优化.mp4 (30) 4-14 服务器渲染优化.mp4 (31) 4-2 Material-ui安装使用.mp4 (32) 4-3 页面主框架实现.mp4 (33) 4-4 主页样式实现.mp4 (34) 4-5 列表页面数据获取实现.mp4 (35) 4-6 列表页面tab切换实现.mp4 (36) 4-7 话题详情页.mp4 (37) 4-8 登录实现.mp4 (38) 4-9 用户信息页面.mp4 (5)5;目录中文件数:5个 (39) 5-1 正式环境打包优化.mp4 (40) 5-2 部署到CDN.mp4 (41) 5-3 修复第三方组件带来的问题.mp4 (42) 5-4 服务器部署流程.mp4 (43) 5-5 PM2一键部署.mp4 (6)6;目录中文件数:3个 (44) 6-1 课程总结.mp4 (45) 6-2 进阶学习前端，哪些内容更重要.mp4 (46) 6-3我的下一门课.mp4

561

01-23 03:15

React native零基础到高阶深入开发系列课程 React native轻松实战系列课程

React native零基础到高阶深入开发系列课程 React native轻松实战系列课程课程目录 (0);目录中文件数:160个 (1) 01 初识react native.mp4 (2) 02 react native优点.mp4 (3) 03 APP开发方式横向对比.mp4 (4) 04 需要的知识储备和学习难点.mp4 (5) 05 ATOM(阿童木)编辑器插件安装.mp4 (6) 06 ATOM插件安装及答疑.mp4 (7) 07 java sdk和NodeJS环境安装.mp4 (8) 08 Android SDK安装.mp4 (9) 09 环境变量的配置方法.mp4 (10) 10 使用npm初始化项目 npm cnpm yarn命令介绍.mp4 (11) 100 功能的模块化封装1-khf76j.mp4 (12) 101 功能的模块化封装2-khf76j.mp4 (13) 102 react-native旧版本的安装-khf76j.mp4 (14) 103 npm命令save的作用-khf76j.mp4 (15) 104 react-native-vector-icons组件的使用1-khf76j.mp4 (16) 105 react-native-vector-icons组件的使用2-khf76j.mp4 (17) 106 react-navigation组件之StackNavigator-khf76j.mp4 (18) 107 react-navigation组件之TabNavigator-khf76j.mp4 (19) 108 react-navigation组件之DrawerNavigator-khf76j.mp4 (20) 109 react-navigation组件跳转-48rqqfd.mp4 (21) 11 使用yarn命令初始化项目.mp4 (22) 110 不同界面间参数的传递-48rqqfd.mp4 (23) 111 不同界面间参数的传递和返回-48rqqfd.mp4 (24) 112 TabNavigator的使用示例-48rqqfd.mp4 (25) 113 react-native-swiper组件-48rqqfd.mp4 (26) 114 新闻APP结构调整-trkuxs5.mp4 (27) 115 跳转文章详情页效果-trkuxs5.mp4 (28) 116 文章数据的获取1-trkuxs5.mp4 (29) 118 登录注册原理-trkuxs5.mp4 (30) 119 登录注册原理2-trkuxs5.mp4 (31) 12 react native项目连接模拟器调试(1).mp4 (32) 120 AsyncStorage本地存储1-trkuxs5.mp4 (33) 121 AsyncStorage本地存储2-trkuxs5.mp4 (34) 122 react-native-storage本地存储组件1-fd8re5.mp4 (35) 123 react-native-storage本次存储组件2-fd8re5.mp4 (36) 124 第三方组件简书及项目reactnative版本选择-fd8re5.mp4 (37) 125 react-native-splash-screen启动页组件调试-fd8re5.mp4 (38) 126 react-native-splash-screen组件的使用第三方组件使用技巧-relf525rw.mp4 (39) 127 react-native-splash-screen组件的使用2-relf525rw.mp4 (40) 128 react-native-splash-screen组件的使用3-relf525rw.mp4 (41) 129 react-native-image-crop-picker组件的调试-relf525rw.mp4 (42) 13 react native项目连接模拟器调试(2).mp4 (43) 130 react-native-image-crop-picker组件的使用-relf525rw.mp4 (44) 131 react-native-image-crop-picker组件的使用-relf525rw.mp4 (45) 132 课后答疑 App命名的问题-relf525rw.mp4 (46) 133 电商项目APP结构规划-gfa75fd.mp4 (47) 134 页面tab切换的实现-gfa75fd.mp4 (48) 135 tabbar图标的设置-gfa75fd.mp4 (49) 136 tabnavigator底部tabbar样式设置-gfa75fd.mp4 (50) 137 图片自适应技巧-gfa75fd.mp4 (51) 138 城市选择区域开发-gfa75fd.mp4 (52) 139 专业清洗区域开发-fdsa47413fds.mp4 (53) 14 react native项目连接模拟器调试(3).mp4 (54) 140 专业清洗区域图片处理-fdsa47413fds.mp4 (55) 141 服务介绍图标列表区域开发-fdsa47413fds.mp4 (56) 142 底部轮播的开发思路-fdsa47413fds.mp4 (57) 143 将组件拆分成子组件-fdsa47413fds.mp4 (58) 144 个人中心顶部结构分析-5fdse52.mp4 (59) 145 个人中心顶部区域开发-5fdse52.mp4 (60) 146 我的钱包区域开发-5fdse52.mp4 (61) 147 优惠券区域开发-5fdse52.mp4 (62) 148 其他区域开发1-5fdse52.mp4 (63) 149 其他区域开发2-5fdse52.mp4 (64) 15 模拟器调试原理详解成功调试初始化项目.mp4 (65) 150 客服电话区域开发-5fdse52.mp4 (66) 151 连接安卓真机调试项目的方法-5fdse52.mp4 (67) 152 登录注册功能流程分析-55fefdsa5.mp4 (68) 153 发送验证码及倒计时效果实现-55fefdsa5.mp4 (69) 154 登录功能的实现-55fefdsa5.mp4 (70) 155 token和https的应用场景-55fefdsa5.mp4 (71) 156 已登录状态的本地存储处理-fdae87dfa.mp4 (72) 157 登陆后返回订单界面的功能处理-fdae87dfa.mp4 (73) 158 订单列表数据的处理-fdae87dfa.mp4 (74) 159 微信和支付宝支付的实现流程-fadsf5686.mp4 (75) 16 稳定安装国外软件和依赖模块包的方法.mp4 (76) 160 安卓apk打包的环境配置方式-fadsf5686.mp4 (77) 161 安卓打包及名称图标的设置课程结语-fadsf5686.mp4 (78) 17 flex布局.mp4 (79) 18 flex-direction justify-content align-items.mp4 (80) 19 flex-wrap align-content order flex.mp4 (81) 20 js模块化.mp4 (82) 21 ECMA及相关语言解析.mp4 (83) 22 漫谈学习技巧和职场提升.mp4 (84) 23 es6之let命令.mp4 (85) 24 代码块和let用法特点.mp4 (86) 25 const命令.mp4 (87) 26 let在for循环中的特点.mp4 (88) 27 let在闭包中的用法.mp4 (89) 28 symbol类型数据.mp4 (90) 29 symbol类型数据特点.mp4 (91) 30 问题解答课后交流.mp4 (92) 31 es6模块化.mp4 (93) 32 export导出和import导入.mp4 (94) 33 export default详解.mp4 (95) 34 导出数据的传址特点.mp4 (96) 35 模块化应用案例(1).mp4 (97) 36 模块化应用案例(2).mp4 (98) 37 箭头函数.mp4 (99) 38 函数默认值.mp4 (100) 39 神奇三点之函数rest参数和数组扩展运算符.mp4 (101) 40 利用phpstudy搭建本地web测试环境.mp4 (102) 41 数组forEeach()循环方法.mp4 (103) 42 数组map()遍历方法.mp4 (104) 43 数组的解构赋值.mp4 (105) 44 对象的解构赋值.mp4 (106) 45 字符串解构赋值函数参数的解构赋值.mp4 (107) 46 Set数据结构.mp4 (108) 47 Set数据方法.mp4 (109) 48 Set数据转数组,数据遍历.mp4 (110) 49 Map结构数据.mp4 (111) 50 Map结构数据初始化和特点.mp4 (112) 51 Map结构数据遍历.mp4 (113) 52 Map结构数据转成数组.mp4 (114) 53 for of循环.mp4 (115) 54 传统构造函数回顾.mp4 (116) 55 class类的创建.mp4 (117) 56 类的表达式与继承 super()方法.mp4 (118) 57 super对象.mp4 (119) 58 时隔多日再次调试react native项目遇到的问题.mp4 (120) 59 java环境变量问题的解决.mp4 (121) 60 react native初始项目的简单修改.mp4 (122) 61 JSX语法详解.mp4 (123) 62 react native默认项目解析流程.mp4 (124) 63 定义样式的三种方式.mp4 (125) 64 自定义组件.mp4 (126) 65 组件属性.mp4 (127) 66 项目本地调试的方法.mp4 (128) 67 知识回顾.mp4 (129) 68 State状态设置获取和修改.mp4 (130) 69 State状态的一个小例子.mp4 (131) 70 phpstorm live template的设置方法.mp4 (132) 71 Image组件的三种引入资源方式.mp4 (133) 72 Image组件属性.mp4 (134) 73 字符闪动作业讲解.mp4 (135) 74 TextInput组件.mp4 (136) 75 TextInput属性讲解.mp4 (137) 76 TextInput方法讲解.mp4 (138) 77 TextInput使用示例.mp4 (139) 78 传统网站模式和前后端分离.mp4 (140) 79 fetch方法的使用.mp4 (141) 80 fetch返回数据及jsonview插件.mp4 (142) 81 then方法及作业安排.mp4 (143) 82 作业讲解1-asd.mp4 (144) 83 作业讲解2-asd.mp4 (145) 84 同步和异步概念讲解-asd.mp4 (146) 85 代码中的同步和异步-fdsalk.mp4 (147) 86 Promise对象-fdsalk.mp4 (148) 87 Promise-fdsalk.mp4 (149) 88 一个请求数据并处理的实例1-fdsalk.mp4 (150) 89 一个请求数据并处理的实例2-fdsalk.mp4 (151) 90 循环处理组件1-rwe23ty.mp4 (152) 91 循环处理组件2-rwe23ty.mp4 (153) 92 npm安装模块包的另一种解决方案-rwe23ty.mp4 (154) 93 windows服务器宝塔面板的安装与使用-rwe23ty.mp4 (155) 94 ScrollView组件-rwe74654jtw.mp4 (156) 95 利用ScrollView组件实现导航条效果-rwe74654jtw.mp4 (157) 96 FlatList组件-rwe74654jtw.mp4 (158) 97 FlatList组件数据遍历-rwe74654jtw.mp4 (159) 98 FlatList组件布局-rwe74654jtw.mp4 (160) 99 FlatList组件网络请求数据的处理-rwe74654jtw.mp4

495

11-10 04:32

React Native从入门到实战打造高质量上线App

本课程将带你解锁React Native开发应用新姿势，一网打尽React Native新版本热门技术；课程中老师会手把手带你开发并打包上线一款完整的跨平台App；让你拥有一次真正参与上线项目开发的历程，同时全面掌握React Native核心技术，让你的技术能力和项目经验都得到前所未有的提升！【技术储备要求：1.具备JavaScript、ES5，ES6，React 前端基础；2.具备ReactNative技术基础（语法，环境搭建）；3.了解XCode、AndroidStudio开发工具使用】

875

«
1
2
»