iKcamp的专栏

文：徐超，《React进阶之路》作者 授权发布，转载请注明作者及出处React 深入系列5：事件处理 React 深入系列，深入讲解了React中的重点概念、特性和模式等，旨在帮助大家加深对React的理解，以及在项目中更加灵活地使用React。 Web应用中，事件处理是重要的一环，事件处理将用户的操作行为转换为相应的逻辑执行或界面更新。在React中，...

视频地址：https://www.cctalk.com/v/15114923888328视图 Nunjucks 彩虹是上帝和人类立的约，上帝不会再用洪水灭人。 客户端和服务端之间相互通信，传递的数据最终都会展示在视图中，这时候就需要用到『模板引擎』。 什么是模板引擎？模板引擎是为了使用户界面与业务数据分离而产生的，可以生成特定格式的文档。例如，用于网站的模板引

沪江CCtalk视频地址：https://www.cctalk.com/v/15114923886141JSON 数据 我颠倒了整个世界，只为摆正你的倒影。 前面的文章中，我们已经完成了项目中常见的问题，比如 路由请求、结构分层、视图渲染、静态资源等。 那么，JSON 呢？JSON 格式数据的传输，已经深入到了我们的码里行间，脱离了 JSON 的人想必是痛苦的。那么，复合

沪江CCtalk视频地址：https://www.cctalk.com/v/15114923883523log 日志中间件 最困难的事情就是认识自己。在一个真实的项目中，开发只是整个投入的一小部分，版本迭代和后期维护占了极其重要的部分。项目上线运转起来之后，我们如何知道项目运转的状态呢？如何发现线上存在的问题，如何及时进行补救呢？记录日志就是解决困扰的关键方案。正如我们每

POST/GET请求——常见请求方式处理���� iKcamp 制作团队原创作者：大哼、阿干、三三、小虎、胖子、小哈、DDU、可木、晃晃 文案校对：李益、大力萌、Au、DDU、小溪里、小哈 风采主播：可木、阿干、Au、DDU、小哈 视频剪辑：小溪里 主站运营：给力xi、xty 教程主编：张利涛 视频地址：https://www.cctalk.com/v/15114357765870文章

视频地址：https://www.cctalk.com/v/15114923882788处理静态资源 无非花开花落，静静。指定静态资源目录这里我们使用第三方中间件： koa-static 安装并使用安装 koa-static： npm i koa-static -S修改 app.js，增加并指定 /public 目录为静态资源目录。

视频地址：https://www.cctalk.com/v/15114923889408文章在前面几节中，我们已经实现了项目中的几个常见操作：启动服务器、路由中间件、Get 和 Post 形式的请求处理等。现在你已经迈出了走向成功的第一步。 目前，整个示例中所有的代码都写在 app.js 中。然而在业务代码持续增大，场景更加复杂的情况下，这种做法无论是对后期维护还是对患有强迫症的同学来说都不是好事。

安装搭建项目的开发环境视频地址：https://www.cctalk.com/v/15114357764004文章Koa 起手 - 环境准备由于 koa2 已经开始使用 async/await 等新语法，所以请保证 node 环境在 7.6 版本以上。安装node.js直接安装 node.js ：node.js官网地址 https://nodejs.orgnvm管理多版本 node.js ：可以

路由koa-router——MVC 中重要的环节：Url 处理器���� iKcamp 制作团队原创作者：大哼、阿干、三三、小虎、胖子、小哈、DDU、可木、晃晃 文案校对：李益、大力萌、Au、DDU、小溪里、小哈 风采主播：可木、阿干、Au、DDU、小哈 视频剪辑：小溪里 主站运营：给力xi、xty 教程主编：张利涛 视频地址：https://www.cctalk.com/v/1511

原文地址：Functional-Light-JS原文作者：Kyle Simpson－《You-Dont-Know-JS》作者 关于译者：这是一个流淌着沪江血液的纯粹工程：认真，是 HTML 最坚实的梁柱；分享，是 CSS 里最闪耀的一瞥；总结，是 JavaScript 中最严谨的逻辑。经过捶打磨练，成就了本书的中文版。本书包含了函数式编程之精髓，希望可以帮助大家在学习函数式编程的道路上走的更顺

作者：佳杰 本文原创，转载请注明作者及出处如何实现VM框架中的数据绑定一：数据绑定概述视图（view）和数据（model）之间的绑定二：数据绑定目的不用手动调用方法渲染视图，提高开发效率；统一处理数据，便于维护三：数据绑定中的元素视图（view）：说白了就是html中dom元素的展示数据（model）：用于保存数据的引用类型四

文：小 boy（沪江网校Web前端工程师） 本文原创，转载请注明作者及出处经常逛 webpack 官网的同学应该会很眼熟上面的图。正如它宣传的一样，webpack 能把左侧各种类型的文件（webpack 把它们叫作「模块」）统一打包为右边被通用浏览器支持的文件。webpack 就像是魔术师的帽子，放进去一条丝巾，变出来一只白鸽。那这个「魔术」的过程是如何实现的呢？今天我们从 w

文：徐超，《React进阶之路》作者 授权发布，转载请注明作者及出处React 深入系列4：组件的生命周期 React 深入系列，深入讲解了React中的重点概念、特性和模式等，旨在帮助大家加深对React的理解，以及在项目中更加灵活地使用React。组件是构建React应用的基本单位，组件需要具备数据获取、业务逻辑处理、以及UI呈现的能力，而这些能力是...

文：徐超，《React进阶之路》作者 授权发布，转载请注明作者及出处 React 深入系列，深入讲解了React中的重点概念、特性和模式等，旨在帮助大家加深对React的理解，以及在项目中更加灵活地使用React。React 中的元素、组件、实例和节点，是React中关系密切的4个概念，也是很容易让React 初学者迷惑的4个概念。现在，老干部就来详细地介绍这4...

文：徐超，《React进阶之路》作者 授权发布，转载请注明作者及出处React 深入系列3：Props 和 State React 深入系列，深入讲解了React中的重点概念、特性和模式等，旨在帮助大家加深对React的理解，以及在项目中更加灵活地使用React。React 的核心思想是组件化的思想，而React 组件的定义可以通过下面的公式描述：...

文：徐超，《React进阶之路》作者 授权发布，转载请注明作者及出处React 深入系列2：组件分类 React 深入系列，深入讲解了React中的重点概念、特性和模式等，旨在帮助大家加深对React的理解，以及在项目中更加灵活地使用React。React 组件有很多种分类方式，常见的分类方式有函数组件和类组件，无状态组件和有状态组件，展示型组件和容器型...

����  与众不同的学习方式，为你打开新的编程视角独特的『同步学习』方式 文案讲解+视频演示，文字可激发深层的思考、视频可还原实战操作过程。 云集一线大厂有真正实力的程序员 iKcamp 团队云集一线大厂经验丰厚的码农，开源奉献各教程。 改版自真实的线上项目 教程项目并非网上随意 Demo，而是来源于真实线上项目，并改版定制为教程项目源码开放 课程...

沪江CCtalk视频地址：https://www.cctalk.com/v/15114923889450规范与部署 懒人推动社会进步。 本篇中，我们会讲述三个知识点 定制书写规范 开发环境运行 如何部署运行 定制书写规范 文中所说的书写规范，仅供参考，非项目必需。随着 Node 流行，JavaScript 编码规范已经相当成熟，社区也产生

文：正龙（沪江网校Web前端工程师） 本文原创，转载请注明作者及出处之前的文章“走进Node.js之HTTP实现分析”中，大家已经了解 Node.js 是如何处理 HTTP 请求的，在整个处理过程，它仅仅用到单进程模型。那么如何让 Web 应用扩展到多进程模型，以便充分利用CPU资源呢？答案就是 Cluster。本篇文章将带着大家一起分析Node.js的多进程模型。首先，来一段

文：志俊（沪江Web前端） 本文原创，转载请注明作者及出处在使用React Native开发中，我们熟练的采用JavaScript的方式发送请求的方式发送一个请求到服务端，但是处理这个请求的过程其实和处理Web应用中发送的请求的过程是不一样的。因为处理这个请求的目标不是浏览器，而是嵌入这个应用的原生操作系统。 在处理React Native的请求时，分为两部分：一部分是J

沪江CCtalk视频地址：https://www.cctalk.com/v/15114923887518处理错误请求 爱能遮掩一切过错。 当我们在访问一个站点的时候，如果访问的地址不存在(404)，或服务器内部发生了错误(500)，站点会展示出某个特定的页面，比如： 那么如何在 Koa 中实现这种功能呢？其实，一个简单的中间件即可实现，我们把它称为 http-er

����  与众不同的学习方式，为你打开新的编程视角独特的『同步学习』方式 文案讲解+视频演示，文字可激发深层的思考、视频可还原实战操作过程。 云集一线大厂有真正实力的程序员 iKcamp 团队云集一线大厂经验丰厚的码农，开源奉献各教程。 改版自真实的线上项目 教程项目并非网上随意 Demo，而是来源于真实线上项目，并改版定制为教程项目源码开放 课程案例代码完全开放给你，你可以根据

中间件用法——讲解 Koa2 中间件的用法及如何开发中间件���� iKcamp 制作团队原创作者：大哼、阿干、三三、小虎、胖子、小哈、DDU、可木、晃晃 文案校对：李益、大力萌、Au、DDU、小溪里、小哈 风采主播：可木、阿干、Au、DDU、小哈 视频剪辑：小溪里 主站运营：给力xi、xty 教程主编：张利涛 视频地址：https://www.cctalk.com/v/1511435

原文地址：Functional-Light-JS原文作者：Kyle Simpson－《You-Dont-Know-JS》作者 关于译者：这是一个流淌着沪江血液的纯粹工程：认真，是 HTML 最坚实的梁柱；分享，是 CSS 里最闪耀的一瞥；总结，是 JavaScript 中最严谨的逻辑。经过捶打磨练，成就了本书的中文版。本书包含了函数式编程之精髓，希望可以帮助大家在学习函数式编程的道路上走的更顺

译者：安冬 （沪江Web前端开发工程师） 本文原创翻译，转载请注明作者及出处。 原文地址：http://developer.telerik.com/topics/web-development/JavaScript-2017-beyond-browser/技术世界在发展，JavaScript也在同步发展。JavaScript在软件世界建起地盘的头几年，它从没想过涉足服务应用程序、移动端

译者：小 boy （沪江前端开发工程师） 本文原创，转载请注明作者及出处。 原文地址：https://www.smashingmagazine.com/2017/02/a-detailed-introduction-to-webpackJavaSript 模块化打包已混迹江湖许久。2009年，RequireJS 就提交了它的第一个版本，Browserify 接踵而至，随后其他打

原文地址：Functional-Light-JS原文作者：Kyle Simpson－《You-Dont-Know-JS》作者 关于译者：这是一个流淌着沪江血液的纯粹工程：认真，是 HTML 最坚实的梁柱；分享，是 CSS 里最闪耀的一瞥；总结，是 JavaScript 中最严谨的逻辑。经过捶打磨练，成就了本书的中文版。本书包含了函数式编程之精髓，希望可以帮助大家在学习函数式编程的道路上走的更顺

原文地址：Functional-Light-JS原文作者：Kyle Simpson－《You-Dont-Know-JS》作者 关于译者：这是一个流淌着沪江血液的纯粹工程：认真，是 HTML 最坚实的梁柱；分享，是 CSS 里最闪耀的一瞥；总结，是 JavaScript 中最严谨的逻辑。经过捶打磨练，成就了本书的中文版。本书包含了函数式编程之精髓，希望可以帮助大家在学习函数式编程的道路上走的更顺

原文地址：Functional-Light-JS原文作者：Kyle Simpson－《You-Dont-Know-JS》作者 关于译者：这是一个流淌着沪江血液的纯粹工程：认真，是 HTML 最坚实的梁柱；分享，是 CSS 里最闪耀的一瞥；总结，是 JavaScript 中最严谨的逻辑。经过捶打磨练，成就了本书的中文版。本书包含了函数式编程之精髓，希望可以帮助大家在学习函数式编程的道路上走的更顺

原文地址：Functional-Light-JS原文作者：Kyle Simpson－《You-Dont-Know-JS》作者 关于译者：这是一个流淌着沪江血液的纯粹工程：认真，是 HTML 最坚实的梁柱；分享，是 CSS 里最闪耀的一瞥；总结，是 JavaScript 中最严谨的逻辑。经过捶打磨练，成就了本书的中文版。本书包含了函数式编程之精髓，希望可以帮助大家在学习函数式编程的道路上走的更顺

原文地址：Functional-Light-JS原文作者：Kyle Simpson－《You-Dont-Know-JS》作者 关于译者：这是一个流淌着沪江血液的纯粹工程：认真，是 HTML 最坚实的梁柱；分享，是 CSS 里最闪耀的一瞥；总结，是 JavaScript 中最严谨的逻辑。经过捶打磨练，成就了本书的中文版。本书包含了函数式编程之精髓，希望可以帮助大家在学习函数式编程的道路上走的更顺

原文地址：Functional-Light-JS原文作者：Kyle Simpson－《You-Dont-Know-JS》作者 关于译者：这是一个流淌着沪江血液的纯粹工程：认真，是 HTML 最坚实的梁柱；分享，是 CSS 里最闪耀的一瞥；总结，是 JavaScript 中最严谨的逻辑。经过捶打磨练，成就了本书的中文版。本书包含了函数式编程之精髓，希望可以帮助大家在学习函数式编程的道路上走的更顺

iKcamp官网：http://www.ikcamp.com 访问官网更快阅读全部免费分享课程：《iKcamp出品｜全网最新｜微信小程序｜基于最新版1.0开发者工具之初中级培训教程分享》。 包含：文章、视频、源代码第二章：小程序中级实战教程之预备篇  　项目结构设计 教学视频地址：https://v.qq.com/x/page/q05544lzelw.html 开始前请把 c

作者：晓飞 本文原创，转载请注明作者及出处 在后端语言中，设计模式应用的较为广泛。如Spring中常见的工厂模式、装饰者模式、单例模式、迭代器模式。但是在日常的前端开发中，设计模式使用的较少，或者大家的代码已经遵循了某某设计模式但是我们并不知道。常见的设计模式有23种，如果单纯的按照模式名称+名词解释的方式来写这篇文章，可能太枯燥了或者很难理解记忆，所以我打算换一种方式。下面我们以一个例子开

原文地址：Functional-Light-JS * 原文作者：Kyle Simpson　－　《You-Dont-Know-JS》作者 译者团队（排名不分先后）：阿希、blueken、brucecham、cfanlife、dail、kyoko-df、l3ve、lilins、LittlePineapple、MatildaJin、冬青、pobusama、Cherry、萝卜、vavd317、viva

原文地址：Functional-Light-JS原文作者：Kyle Simpson－《You-Dont-Know-JS》作者 关于译者：这是一个流淌着沪江血液的纯粹工程：认真，是 HTML 最坚实的梁柱；分享，是 CSS 里最闪耀的一瞥；总结，是 JavaScript 中最严谨的逻辑。经过捶打磨练，成就了本书的中文版。本书包含了函数式编程之精髓，希望可以帮助大家在学习函数式编程的道路上走的更顺

原文地址：Functional-Light-JS原文作者：Kyle Simpson－《You-Dont-Know-JS》作者 关于译者：这是一个流淌着沪江血液的纯粹工程：认真，是 HTML 最坚实的梁柱；分享，是 CSS 里最闪耀的一瞥；总结，是 JavaScript 中最严谨的逻辑。经过捶打磨练，成就了本书的中文版。本书包含了函数式编程之精髓，希望可以帮助大家在学习函数式编程的道路上走的更顺

原文地址：Functional-Light-JS原文作者：Kyle Simpson－《You-Dont-Know-JS》作者 关于译者：这是一个流淌着沪江血液的纯粹工程：认真，是 HTML 最坚实的梁柱；分享，是 CSS 里最闪耀的一瞥；总结，是 JavaScript 中最严谨的逻辑。经过捶打磨练，成就了本书的中文版。本书包含了函数式编程之精髓，希望可以帮助大家在学习函数式编程的道路上走的更顺

原文地址：Functional-Light-JS原文作者：Kyle Simpson－《You-Dont-Know-JS》作者 关于译者：这是一个流淌着沪江血液的纯粹工程：认真，是 HTML 最坚实的梁柱；分享，是 CSS 里最闪耀的一瞥；总结，是 JavaScript 中最严谨的逻辑。经过捶打磨练，成就了本书的中文版。本书包含了函数式编程之精髓，希望可以帮助大家在学习函数式编程的道路上走的更顺

iKcamp官网：http://www.ikcamp.com 访问官网更快阅读全部免费分享课程：《iKcamp出品｜全网最新｜微信小程序｜基于最新版1.0开发者工具之初中级培训教程分享》。 包含：文章、视频、源代码第一章：小程序初级入门教程工具安装在上一节第 8 步所展示的页面中，可以点击 开发者工具 直接进入到下载页面，也可以直接访问 官网下载地址。然后根据自己的设备选择相应的下