通过jquery可以很容易实现CP端的拖拽。但是在移动端却不好用了。于是我自己写了一个在移动端的拖拽demo，主要用到的事件是触摸事件（touchstart，touchmove和touchend）。 这个demo实现的功能是：可以拖拽的元素（在这里是图片）位于列表中，这些元素可以被拖到指定区域，到达 ...
分类：
移动开发 时间：
2016-10-29 01:54:39
阅读次数：
339
1、 Loader 上一节我们讲了webpack的一些基本认识及概念，接下来我们继续探索webpack的 Loader，那么何为Loader？它的作用是什么？ 1.1 Loader的特性 Loader 可以通过管道方式链式调用，每个 loader 可以把资源转换成任意格式并传递给下一个 loader ...
分类：
Web程序 时间：
2016-10-27 07:55:53
阅读次数：
230
通读官方教程 (guide) 的基础篇。不要用任何构建工具，就只用最简单的脚本引入，把教程里的例子模仿一遍，理解用法。不推荐上来就直接用 vue-cli 构建项目，尤其是如果没有 Node/Webpack 基础。有了 Node 和 Webpack 的基础，可以通过 vue-cli 来搭建基于 Web... ...
分类：
其他好文 时间：
2016-10-26 19:28:37
阅读次数：
367
本文将介绍如何利用gulp+webpack构建一个基本的前端项目。假设你已经安装了node环境并且会使用简单的命令行 1、gulp安装 （1）全局安装 （2）查看gulp是否安装成功 （3）进入本地目录，新建gulpfile.js 2、安装gulp-webpack插件 基于gulp的插件非常多，建议 ...
分类：
Web程序 时间：
2016-10-26 16:54:07
阅读次数：
185
问题： angular 的 directive支持使用template 和 templateUrl两种方式来指定模板 template的方式需要把html的内容放在js里，虽然有es6字符串可以换行， 少了编辑器对html的智能补全比较不爽 templateUrl的方式对于纯静态托管的angular ...
分类：
Web程序 时间：
2016-10-26 09:18:37
阅读次数：
356
.这一次，我们使用 Webpack 来打包 Angular 2 的应用。 与官方的 Hello, Angular 2 项目相比，我们不使用 System.js，而是使用 TypeScript 直接编译，然后使用 Webpack 打包生成代码。 ...
分类：
Web程序 时间：
2016-10-26 00:46:16
阅读次数：
447
Webpack 入门 Webpack 是目前流行的打包工具，如何安装它呢？ 1. 安装 Node Js 首先，Webpack 是基于 NodeJs 的工具，你必须首先安装 NodeJs. NodeJs 仅仅只需要在你的系统中安装一次就可以了。 2. 全局安装 Webpack 我们希望能够在系统的任何 ...
分类：
Web程序 时间：
2016-10-26 00:09:59
阅读次数：
358
通常我们希望这个项目可以分为多个独立的模块，webpack 可以直接支持 CommonJs 和 AMD 模块，对于 TypeScript ，我们还需要安装 TypeScript 和 ts-loader. ...
分类：
Web程序 时间：
2016-10-25 02:29:22
阅读次数：
214
阅读目录 1.理解webpack加载器 2.html-webpack-plugin学习 3.压缩js与css 4.理解less-loader加载器的使用 5.理解babel-loader加载器 6.理解 extract-text-webpack-plugin(独立打包样式文件) 7.webpack打 ...
分类：
Web程序 时间：
2016-10-25 01:47:01
阅读次数：
442
最近因开始学ReactJS,发现ReactJS跟webpack这个模块化打包工具绝配，又开始找webpack的资料学。。。。。。在本尊千辛万苦的看了众多资料下，还是感觉阮大神写的这个demo简单明了，深入浅出，很适合新手学习，但是因为资料是全英文写的，自己在学习的过程中就顺当翻译了下，以下为原文地址 ...
分类：
Web程序 时间：
2016-10-23 14:55:52
阅读次数：
548
