(4.2万字🔥🔥🔥重启2020)“从零到部署”Vue全栈电商应用系列教程---正式完结

2020-04-27
阅读 7 分钟
2.8k
作者:一只图雀Github仓库:(前端,后端) 图雀社区主站(首发):图雀社区 博客:掘金、知乎、慕课公众号:图雀社区 联系我:关注公众号后可以加图雀酱微信哦原创不易,❤️点赞+评论+收藏 ❤️三连,鼓励作者写出更好的教程。

从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(六)

2020-04-11
阅读 29 分钟
1.5k
前面五篇教程我们已经基本实现了迷你全栈电商应用的界面展示以及功能逻辑,相信大家在这个过程中都收获颇丰,并且迈向了全栈工程师的第一步。但是我们却并不满足于此,我们还需要对我们的项目代码进行优化,使得我们的代码可读性更高,也更好维护。相信细心的你们已经感觉到了项目中的store实例实在是过于臃肿,因此,本...

从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(五)

2020-04-04
阅读 11 分钟
2k
组件化和逻辑复用能帮助写出简洁易懂的代码,随着应用越写越复杂,我们有必要把视图层中重复的逻辑抽成组件,以求在多个页面中复用;同时对于 Vuex 端,Store 中的逻辑也会越来越臃肿,我们有必要使用 Vuex 提供的 Getters 来复用本地数据获取逻辑。在这篇教程中,我们将带领你抽出 Vue 组件简化页面逻辑,使用 Vuex Get...

从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(四)

2020-03-29
阅读 16 分钟
2.3k
随着前端应用的日渐复杂,状态和数据管理成为了构建大型应用的关键。受 Redux 等项目的启发,Vue.js 团队也量身定做了状态管理库 Vuex。在这篇教程中,我们将带你熟悉 Store、Mutation 和 Action 三大关键概念,并升级迷你商城应用的前端代码。

从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(三)

2020-03-28
阅读 11 分钟
2.8k
这篇文章中,我们将讲解 Vue 实例的 Props 和 Methods,接着我们又讲解了最常见的 Vue 模板语法,并通过实例的方式将这些模板语法都实践了一番,最后我们讲解了 Vue 组件的组合,并完成了我们的发表商品页面。

Redux 包教包会(三):使用容器组件和展示组件近一步分离组件状态

2020-03-23
阅读 12 分钟
2.8k
在这一部分中,我们会提出 “容器组件” 和 “展示组件” 的概念,“容器组件” 用于接管 “状态”,“展示组件” 用于渲染界面,其中 “展示组件” 也是 React 诞生的初心,专注于高效的编写用户界面。

从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(一)

2020-03-18
阅读 13 分钟
3.1k
Vue 是尤雨溪在 2014 年创建的一个前端框架,目前 Github Star 数高达 150K,是 Star 数最高的前端项目,并且 Vue 有着极为活跃的社区生态以及专职团队进行维护以确保项目可以健康长久地发展。

Redux 包教包会(二):引入 combineReducers 拆分和组合状态逻辑

2020-03-16
阅读 14 分钟
2.4k
在这一部分中,我们将趁热打铁,运用上篇教程学到的 Redux 三大核心概念来将待办事项的剩下部分重构完成,它涉及到将 TodoList 和 Footer 部分的相关代码重构到 Redux,并使用 Redux combineReducers API 进行逻辑拆分和组合,使得我们可以在使用 Redux 便利的同时,又不至于让应用的逻辑看起来臃肿不堪,复用 React 组...

Redux 包教包会(一):解救 React 状态危机

2020-03-13
阅读 16 分钟
3.6k
前端应用的状态管理日益复杂。随着大前端时代的到来,前端愈来愈注重处理逻辑,而不只是专注 UI 层面的改进,而以 React 为代表的前端框架的出现,大大简化了我们编写 UI 界面的复杂度。虽然 React 提供了 State 机制实现状态管理,也有诸如“状态提升”等开发约定,但是这些方案只适用于小型应用,当你的前端应用有多达 1...

一杯茶的时间,上手 React 框架开发

2020-03-10
阅读 21 分钟
3.8k
React(也被称为 React.js 或者 ReactJS)是一个用于构建用户界面的 JavaScript 库。起源于 Facebook 内部项目,最初用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 性能较高,并且它的声明式、组件化特性让编写代码变得简单,随着 React 社区的发展,越来越多的人投入 React 的学习和开发,使得 React 不仅...