0%

Node.js 太火了,火到几乎所有前端工程师都想学,几乎所有后端工程师也想学。一说到 Node.js,我们马上就会想到“异步”、“事件驱动”、“非阻塞”、“性能优良”这几个特点,但是你真的理解这些词的含义吗?这篇教程将带你快速入门 Node.js,为后续的前端学习或是 Node.js 进阶打下坚实的基础。
阅读全文 »

前端应用的状态管理日益复杂。随着大前端时代的到来,前端愈来愈注重处理逻辑,而不只是专注 UI 层面的改进,而以 React 为代表的前端框架的出现,大大简化了我们编写 UI 界面的复杂度。虽然 React 提供了 State 机制实现状态管理,也有诸如“状态提升”等开发约定,但是这些方案只适用于小型应用,当你的前端应用有多达 10 个以上页面时,如何让应用状态可控、让协作开发高效成为了亟待解决的问题,而 Redux 的出现正是为了解决这些问题而生的!Redux 提出的“数据的唯一真相来源”、单向数据流、“纯函数 Reducers” 大大简化了前端逻辑,使得我们能够以高效、便于协作的方式编写任意复杂的前端应用。本篇教程致力于用简短的文字讲透 Redux,在实战中掌握 Redux 的概念和精髓。
阅读全文 »

在这一部分中,我们将会讲解如何用 `combineReducers` 重构完剩下的内容,接着我们会提出 “容器组件” 和 “展示组件” 的概念,“容器组件” 用于接管 “状态”,“展示组件” 用于渲染界面,其中 “展示组件” 也是 React 诞生的初心,专注于高效的编写用户界面。
阅读全文 »

在这一部分中,我们将趁热打铁,运用上篇教程学到的 Redux 三大核心概念来将待办事项的剩下部分重构完成,它涉及到将 TodoList 和 Footer 部分的相关代码重构到 Redux,并使用 Redux combineReducers API 进行逻辑拆分和组合,使得我们可以在使用 Redux 便利的同时,又不至于让应用的逻辑看起来臃肿不堪,复用 React 组件化的便利,我们可以让状态的处理也 “组件化”。
阅读全文 »

Node.js 已经成为 Web 后台开发圈一股不容忽视的力量,凭借其良好的异步性能、丰富的 npm 库以及 JavaScript 语言方面的优势,已经成为了很多大公司开发其后台架构的重要技术之一,而 Express 框架则是其中知名度最高、也是最受欢迎的后端开发框架。在这篇教程中,你将了解 Express 在 Node 内置 http 模块的基础上做了怎样的封装,并掌握路由和中间件这两个关键概念,学习和使用模板引擎、静态文件服务、错误处理和 JSON API,最终开发出一个简单的个人简历网站。
阅读全文 »

Django 是 Python 社区的两大最受欢迎的 Web 框架之一(另一个是 Flask)。凭借功能强大的脚手架和诸多开箱即用的组件,用 Django 搭建 Web 应用快速而又省力。然而,也正是因为过于强大,想要驾驭它需要花费不少的力气。本文将通过实现一个新闻发布网站带你快速熟悉 Django 框架,让你能够骑上这匹快马,在 Web 开发的战场上尽情驰骋。
阅读全文 »

React(也被称为 React.js 或者 ReactJS)是一个用于构建用户界面的 JavaScript 库。起源于 Facebook 内部项目,最初用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 性能较高,并且它的声明式、组件化特性让编写代码变得简单,随着 React 社区的发展,越来越多的人投入 React 的学习和开发,使得 React 不仅可以用来开发 Web 应用,还能开发桌面端应用,TV应用,VR应用,IoT应用等,因此 React 还具有一次学习,随处编写的特性。本教程将带你快速入门 React 开发,通过 20-30 分钟的学习,你不仅可以了解 React 的基础概念,而且能开发出一个待办事项小应用,还在想什么了?马上学起来吧
阅读全文 »

本篇教程通过构建一个井字棋游戏来讲解 React 的基础知识,是非常经典的 Learn by doing 的教授/学习技术的方式。通过学习本篇教程你不仅可以学习到如何使用脚手架初始化项目,学习 React 的基础知识如 props,state,组件等,还可以学习一些编写代码的最佳实践,最后完成一个带有 “时间旅行” 的井字棋游戏。相信你在学习完本篇教程之后,会成为这场游戏里面的最大胜者!
阅读全文 »

这是 React 入门教程的第二部分,主要介绍了组件、不可变性、列表和 Key 等知识,通过再次进行组件状态提升 来强调其在 React 哲学中的重要地位。这一部分与上一部分很好的串联在一起,相比上一部分内容会更有难度一点。
阅读全文 »

这是本教程的第二个部分,使用 Node.js 的 Express 路由框架来编写我们迷你淘宝的 API 后台部分,在这个教程中,你将学到一个基础的 Web 后台 API 应用如何搭建,包括中间件、路由等,如何通过 Node.js 数据库接口包操作 MongoDB 数据库,并且通过 Postman 来测试我们写好的 API。
阅读全文 »