随笔分类 - 前端技术
摘要：Yarn 是快速、可靠、安全的 js 包管理器。 关键词： , , 简介 Yarn 是快速、可靠、安全的 js 包管理器。 快速 Yarn 会缓存它下载的每个包，所以无需重复下载。它还能并行化操作以最大化资源利用率，安装速度之快前所未有。 安全 Yarn 会在每个安装包被执行前校验其完整性。 可靠
阅读全文
摘要：前言 最近，有很多博客园的朋友给我留言或私信，询问我的博客背景是如何做的。 不是我敝帚自珍，而是由于内容较多，一一回复实在是太费劲。没有及时答复的朋友，请见谅。 我在这里做一次集中式分享，如果有喜欢的内容，尽管拿去。 Quickstart 如果你仅仅想原封不动的使用本人的定制皮肤，而不想了解实现细节
阅读全文
摘要：本文详细讲解了 Gitbook 生成电子书的完整过程，内容包括：安装、命令、配置、文档结构、生成电子书、部署。 限于篇幅，本文不介绍任何 Gitbook 定制化页面的内容。 想看看 Gitbook 在线电子书效果，请猛戳这里： "gitbook notes" 概述 GitBook 是使用 GitHu
阅读全文
摘要：Babel 入门指南 :warning: 注意： Babel 可以与很多构建工具（如 、`Grunt Gulp Webpack Webpack` 的集成。想了解如何与其它工具集成，请参考： " 官方文档 installation " 简介 是一个通用的多用途 JavaScript 编译器。 Bab
阅读全文
摘要：Webpack 开发工具与模块热替换 :warning: 注意： 永远不要在生产环境中使用这些工具，永远不要。 devtool 当 JavaScript 异常抛出时，你常会想知道这个错误发生在哪个文件的哪一行。然而因为 webpack 将文件输出为一个或多个 bundle，所以 追踪这一错误会很不
阅读全文
摘要：Webpack 代码分离 :pushpin: 提示： 1. 版本问题 本文基于 版本。 相比 有重大改变。所以，如果你的项目中已使用了 webpack 1.x ，本教程的示例将不适用，请慎重。 如果铁了心要升级 webpack ，请参考 "webpack 官方文档 从 v1 迁移到 v2" 2. 阅
阅读全文
摘要：资源管理 :pushpin: 提示： 1. 版本问题 本文基于 版本。 相比 有重大改变。所以，如果你的项目中已使用了 webpack 1.x ，本教程的示例将不适用，请慎重。 如果铁了心要升级 webpack ，请参考 "webpack 官方文档 从 v1 迁移到 v2" 2. 阅读建议 阅读本文
阅读全文
摘要：Webpack 入门 Tip: 本文所有示例基于 webpack2。 文中的示例代码说明可以参考： "Webpack 示例代码说明" 安装 本地安装 如果你在项目中使用了 ， 首先会在本地模块中寻找 。这是一个实用的小技巧。 上面是 的标准配置，也是我们推荐的实践。 当你在本地安装 webpack
阅读全文
摘要：概念 webpack 是一个现代的 JavaScript 应用程序的 模块打包器(module bundler) 。当 webpack 处理应用程序时，它会递归地构建一个 依赖关系图表(dependency graph) ，其中包含应用程序需要的每个模块，然后将所有这些模块打包成少量的 bundle
阅读全文
摘要：webpack howto Tip： 本文是 "webpack howto" 的原文，我觉得这篇文章写得非常好，确实算是目前学习 webpack 入门的必读文章。直接收录之。 本教程的目标 这是一本教你如何应用webpack到你的项目中的工具书。它包含了我们在 中用到的绝大多数的内容。 我的建议：这
阅读全文
摘要：Npm 是随同 Nodejs 一起安装的 js 包管理工具。 关键词： , , , 简介 Npm 是随同 Nodejs 一起安装的 js 包管理工具。 常见的使用场景有以下几种： 允许用户从 Npm 服务器下载别人编写的第三方包到本地使用。 允许用户从 Npm 服务器下载并安装别人编写的命令行程序到
阅读全文
摘要：Jcrop简介 Jcrop 是一个功能强大的 jQuery 图像裁剪插件，结合后端程序（例如：PHP）可以快速的实现图片裁剪的功能。 Jcrop是一款免费的软件，采用MIT License发布。 注：本文主要围绕 Jcrop v2.0.0-RC1 版本进行介绍，一些参数或API在 Jcrop v0.
阅读全文