有时候我们有这样的需求，就是对前端选中的图片进行压缩处理。这样处理的原因可能是。减少带宽占用率，提高效率。对图片进行裁剪符合上传需求。（现在手机拍照分辨率很高，直接拿来用比较大。)前端对图片进行压缩主要使用到的API有：CanvasImageFileBlobFileReader如图，设置三个方法toImagetoCanvastoFile {代码...} to...

原文对于想了解，进程，线程，io这些东西的朋友推荐个文章想要明白workers，首先需要明白node是怎样构成的。当一个node进程开始，它其实是:一个进程。一个线程。一个事件轮垂。一个js引擎实例。一个node.js实例。一个进程：是指一个全局对象，这个对象能够访问任何地方，并且包含当前处理时的信息。一个线程：单线程意味...

单选多选场景的解决方案集合 场景 经常遇到一些类似菜单和导航这样的页面效果需求，基本情况是： 有很多的带选项，其效果是选中和未选中 有的是多选，有的是单选 解决 1.单选场景 因为是单选场景所以需要切换 解决方法一 设定每个备选状态为选中和未选中。 当变选中状态变更时对所有的备选进行遍历主要作用是： 把所有的...

cdd-lib 个人常用库积累 说明 本库是完全的es2015模块语法，也使用了 ts 源码。所以使用 commonjs 方式导致不可用。 路径和引用说明 /index.js 根路径的 index.js 文件为 node_modules 对外输出的文件，是 es6 模块方式。 /dist 在dist文件夹里有集成的 es6,cjs,umd,borowser 方式的文件。 browser.js，umd 供浏览器或者...

cdd-scroller tags: scroller 这是个移动端和pc端通用的检测滑动的库。 传送门 npm github 功能 触顶/触底的触发函数。即：在滑块在一定范围内到达顶部或者打到底部，亦或者二者均可的触发指定函数。 离开触顶/触底触发函数。有些情况我们不仅需要滑块触顶或者触底，在滑块离开二者的一定范围时也需要触发一些函数。 设...

rollup是一个js打包器，用来将很细碎的js编译打包成大的复杂的东西，像是一个库或者一个应用。其使用了ES6自带的新标准来格式化和打包js代码，而不是原先的Commonjs或者AMD这类解决方案。ES6模块能够使你轻松的无缝的组合你所喜欢库中的独立函数（静态函数）。这使得最后能够实现本地化，rollup如今实现了这些。

koa是由Express幕后团队打造的，目的是更小，更快，更稳定的web应用和apis。通过杠杆生成器（leveraging generators)Koa可以让你引导（ditch）回调函数，极大的提升错误处理。Koa核心不集成任何的中间件，其本身提供的优雅的功能套件就能够写出既快又nice的服务器。

Babel对常用的函数使用非常小的辅助（内置的垫片比较少），例如_extend。默认情况下它将会添加到每个引用的文件。这种重复有时候是非常没必要的。特别是你的应用分散在很多文件中。

目前，类函模import()块加载的语法建议——syntax proposal整体交给ECMAScript。ES2015(es6)加载器说明定义import()作为一个方法用来动在运行时态加载es6模块。在webpack中的import()是个分离点——split-point，用来把被请求的模块独立成一个单独的模块。import()吧模块的名字作为一个参数，并且返回一个Promise: import(na...

上传一个包到仓库（npm）后就可以使用名字来下载下来。包目录中的所有文件都将被下载下来。除了.gitignore或者.npmignore这类文件。如果文件中有.gitignore那么个文件中指定的文件将被忽视。如果同时存在那么以.gitignore为主。查看npm-developers获得更多细节。默认情况下，npm将发表到公共的注册。因为设置的默认注册...

所有的babel设置,除了回掉函数外都可添加其中。（因为.baelrc本身就是个json） 例子：JSON {代码...} 通过package.json 你同样可以选择在package.json内部设置.babelrc.如下：JSON {代码...} 通过选项设置 你可以通过使用evn选项来定义设置，以适应特定的环境：JSON {代码...} 这个特定的环境将被整合到设置中覆盖没有指...

这意味着你可以使用新的内置的东西如Promise和weakMap等。静态方法如Array.from Object.assign等。实例方法Array.prototype.include，generator函数(建议你使用regenator插件).polyfill会添加到全局的环境中，作为原生的原型如String那样的方式执行。

cddv vue.js 表单验证插件使用说明 版本：1.0.8-6 获取 github:这里 npm安装 {代码...} yarn安装 {代码...} 安装 {代码...} 简要使用说明 因为现在很多浏览器对html5表单的支持方式存在很大的差异，建议type使用text 因为现在很多浏览器对html5表单的支持方式存在很大的差异，建议type使用text 因为现在很多浏览器对html...

分离库代码Code Splitting - Libraries 这个在webpack2.x中文网已存在，点击这里 让我们想一个简单的应用——momentjs，他是一个事件格式化的库。安装moment. {代码...} index文件将调用moment作为依赖来记录现在时间。 index.js {代码...} 我们可以用下面的配置来打包应用。 webpack.config.js {代码...} 在你的应用中运...

公开路径(pbulic path) 该条已在webpack2.x中文网存在,点击这里 webpack有一个非常有用的设置，允许你设置一个所有资源的基础路径在你的应用中。它叫做publicPath。 使用案例(Use cases) 这里有有些实际应用中的案例，其中它使用的非常灵活。 在打包生产时设置值 (set value on build time) 在开发时我们通常会有一个ass...

一个上下文模块(context module)被生成之后，它包含目录模块的所有引用，并且能够被一个相匹配的正则表达式调用。上下文模块包含一个map，能够把请求翻译成模块的id。

出口Output 影响编译的输出告诉webpack怎样编译输出的文件允许多个入口一个出口的情况。 用法 {代码...} 选项 以下是你可以设置的值的output的选项。 output.chunkFilename output.crossOriginLoading 该选项实现跨域加载模块可以的值是：false anonymous use-credentials output.devtoolLineToLine output.filename 命...

开发Development 在这篇中我们将说明怎样开始开发，以及增从三个工具中择一进行开发。假使你已经设置了webpack.config.js设置文件。 该文档已在webpack2.x中存在，点击这里 永远不要再生产产品中使用这些工具，绝对不要 调整你的编辑器 Adjusting Your Text Editor 一些编辑器有安全模式，导致文件在保存时不能编译。 不...

[TOC]本人自用在此基础上的一个完整自用框架——cddgulpnpm点这里github点这里另一个基于vuepack改写的自用的webpack2.x+vue2.x的实时预览前端脚手架,点这里

代码分离是webpack最受瞩目的功能。它允许你把你的代码分成不同的部分分开打包，然后实现在需要的时候再进行加载（按需加载提高速度）————例如用户导航到一个匹配的路由，或者一个用户事件。因此能够减少打包的体积，控制家在流程次序，而且如果使用得当会极大影响加载速度。下面有两种代码分离的技术。(webpack实现)

chart.js Configuration文档翻译 tags: chart 文档 翻译 [TOC] Getting start开始 下载 github上获得最新版本 dowload 只是使用cdn cdn 安装 npm npm install chart.js --save bower方法 click here to get info 选择正确的构建 Chart.js提供了两种不同的构建：Chart.js抑或Chart.min.js，都附带颜色解析库。如果使用了...

最开始的移动端浏览器在一个比屏幕更宽的虚拟“窗口”中渲染页面，然后通过手指在屏幕的缩放和平移来浏览。首先引入viewport元标签（<meta name="viewport" content="...">）的是mobile safari苹果移动浏览器，Safari浏览器明确规定，标签的内容必须为“由逗号分隔的列表”。

0.18.0的版本更新有一段时间了，使用起来跟原先基本没有什么变化。但是增加了一些功能，例如错误处理的辨别，于07-06-2018重新翻译和校验了该翻译，更正了一些错别字和表达不准的地方，但是难免仍有错误，欢迎指出。