摘要：
近期工作中使用到了 react-dnd 开发拖拽功能，开发过程中发现页面中原来使用的一个第三方组件的拖拽功能不能正常工作了。 分析 将组件单独引入页面发现工作正常，排除了第三方组件版本的原因。后面发现是 react-dnd 引入后出现的问题，猜测是 react-dnd 引入影响了原有拖拽。 解决方案 阅读全文
摘要：
本文将继续引入更多的 配置，建议先阅读 "【webpack 系列】基础篇" 的内容。如果发现文中有任何错误，请在评论区指正。本文所有代码都可在 "github" 找到。 打包多页应用 之前我们配置的是一个单页的应用，但是我们的应用可能需要是个多页应用。下面我们来进行多页应用的 配置。 先看一下我们的 阅读全文
摘要：
Webpack 基础篇 基本概念 是一个现代 应用程序的静态模块打包器。当 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 。 四个核心概念 1. 入口(Entry): 构建 内部依赖图的入口模块 2. 输出(Output): 输出 阅读全文
摘要：
异步编程是前端开发者必需的技能，过去管理异步的主要机制都是通过函数回调，然而会出现像“回调地狱”这样的问题。为了更好的管理回调，ES6 增加了一个新的特性 Promise。Promise 是 ES7 中async/await 语法的基础，是 JavaScript 中处理异步的标准形式，现实开发中基本 阅读全文
摘要：
通过Redux 架构理解我们了解到 Redux 架构的 store、action、reducers 这些基本概念和工作流程。我们也知道了 Redux 这种架构模式可以和其他的前端库组合使用，而 React-redux 正是把 Redux 这种架构模式和 React.js 结合起来的一个库。 Cont 阅读全文
摘要：
Redux 是一种前端“架构模式”，是 Flux 架构的一种变种，用来提供可预测的状态管理。虽然经常和 React 一起被提及，但是 Redux 却不仅仅只能用于 React，还可以将其运用到其他前端库中，Vue Angular甚至是 jQuery。Redux 只是一种架构模式而已，并没有和其他库绑 阅读全文
摘要：
this 关键字是 JavaScript 中比较复杂的机制之一，它是一个很特别的关键字，被自动定义在所有函数的作用域中。人们很容易把 this 理解成指向函数自身，这其实是不对的。每个函数的 this 是在调用时被绑定的，取决于函数的调用位置。 绑定规则 默认绑定 这是最常用的函数调用类型即独立函数 阅读全文
摘要：
前言 不知你是否想过，我们在编辑器中所写的 JavaScript 代码是如何在机器上运行的，我们随心所欲写的代码又如何被机器准确无误的识别。要了解这些，我们不得不先了解下编译原理。 编译原理 在传统编译语言的流程中，程序中的一段源代码在执行之前会经历词法分析、语法分析、代码生成三个步骤，统称为“编译 阅读全文
摘要：
Vue 采用声明式编程替代过去的类 Jquery 的命令式编程，并且能够侦测数据的变化，更新视图。这使得我们可以只关注数据本身，而不用手动处理数据到视图的渲染，避免了繁琐的 DOM 操作，提高了开发效率。不过理解其工作原理同样重要，这样可以回避一些常见的问题，下面我们来介绍一下 Vue 是如何侦测数 阅读全文
摘要：
Git 简介 git 是一款免费、开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。是 linux 创始人 Linus Torvalds 为了帮助管理 linux 内核开发而开发的一个开放源码的版本控制软件。最初 git 的开发是为了辅助 linux 内核开发的过程，因为 git 免费 阅读全文