最新React全家桶实战使用配置指南

写在前面

这篇文档 是我结合以往的项目经验 加上自己本身对react webpack redux理解写下的总结文档,总共耗时一周总结下来的,希望能对读者能够有收获。

目录

  1. 版本说明
  2. 目录结构
  3. 初始化项目
  4. webpack
  5. react
  6. 配置loader(sass,jsx))
  7. 引入babel
  8. 使用HtmlWebpackPlugin
  9. redux
  10. 使用webpack-dev-server
  11. 多入口页面配置
  12. 如何理解entry point(bundle),chunk,module
  13. 多入口页面html配置
  14. 模块热替换(Hot Module Replacement)
  15. 使用ESLint
  16. 使用react-router
  17. 使用redux-thunk
  18. 使用axios和async/await
  19. Code Splitting
  20. 使用CommonsChunkPlugin

阅读全文

移动web开发实战课程

历时半年打造的慕课网移动web实战课程

课程介绍

  • 本课程带领大家一步步开发及结合Hybrid将美团外卖实战项目打造成完整的移动Web APP,理解并掌握移动Web开发的基本技能。
  • 开发过程中也会讲解到移动web的技巧和遇到问题时解决方法和针对不同场景技术的选型。从而提升对移动端适配以及React 全家桶和组件化开发实战技能。
  • 本课程还覆盖了工作中常见移动Web开发问题,并且可以通过课程学习找到对应的技术解决方案。

课程链接

想要学习移动web的同学不妨试试!

移动web适配之--vh,vw,vmin,vmax

前言

其实关于vh,vw,vmin,vmax这四个单位,伴随着css3的出现就已经有了,但是当时移动web的浪潮已经来临,并且rem出现的要早,所以很多人忽略这个,但是rem使用适配是要依赖js来进行处理,今天介绍的vh,vw,vmin,vmax是完全基于css的自适应方案,关于rem的适配可以参考笔者之前写的文章

阅读全文

Webpack1升级Webpack2整理总结

Webpack2已经发布半年之多了,就连webpack3都已经发布了,但是项目目前还是使用的webpack1,有点跟不上节奏,webpack2的诸多特性类似tree-shaking等等新特性还是比较令人激动的,现在整理一下从webpack1升级到webpack2的过程。

1.package.json的整体变化

阅读全文

移动web之滚动篇

在移动端,使用滚动来处理业务逻辑的情况有很多,例如列表的滚动加载数据,下拉刷新等等都需要利用滚动的相关知识,但是滚动事件在不同的移动端机型却又有不同的表现,下面就来一一总结一下。

阅读全文

豫ICP备19009686号
吕小鸣的前端博客正在使用PWA,是否安装到桌面?x
吕小鸣的前端博客正在使用PWA,是否安装到桌面?x