零零水_个人页

webpack3实战（5）打包一个多页、jQuery、图片转base64、压缩混淆、异步模块加载的项目

前注： 文档全文请查看 根目录的文档说明。 如果可以，请给本项目加【Star】和【Fork】持续关注。 有疑义请点击这里，发【Issues】。 实战项目示例目录 0、使用说明 安装： npm install 运行（注，这里不像之前用的 test ，而是改用了 build）： npm run b.

手把手教你webpack3（11）PostCSS-Loader配置简述

手把手教你webpack3（10）Less-Loader配置简述

手把手教你webpack3（9）File-Loader配置简述

手把手教你webpack3（8）url-Loader配置简述

手把手教你webpack3（7）style-loader详细使用说明

手把手教你webpack3（6）css-loader详细使用说明

手把手教你webpack3（5）babel-loader详细使用说明

手把手教你webpack3（4）出口（详解）

手把手教你webpack3（3）入口（多入口）entry

手把手教你webpack3（2）简单指令（npm脚本）

手把手教你webpack3（1）最简单的webpack实例

就算萌新也能看得懂的gulp教程（1）：①读②改③写

三十分钟熟悉es6（es6常用功能总结）

1、前注 本文是对es6的小结，关于详细说明可以参照我的系列文章es6 从入门到熟练，或者阮一峰的ECMAScript 6 入门。 我的系列文章是在阮一峰对应文章的基础上，增加更多适合初中级开发者的内容（包括代码和解释），降低学习难度。

es6（2）——let和const

es6（1）——Babel

Babel 参考阮一峰的文章所写。 已细化重点知识，确保可以按步骤复现。并省略某些不常用的内容 解释： 1. 简单来说，就是可以把ES6的代码转换成ES5的代码，这样你就可以在ES5的环境中运行ES6而不必担心兼容性了； 2. ES7的转换也可以靠这个来完成； 3. 其是放置在node_modules文件夹下的插件，就像使用其他通过npm install安装的插件一样使用； 4. 默认只转换语法，不转换API。

ajax的手写、封装和自定义设置

Vue插件写、用详解（附demo）

Vue的异步组件

带你快速玩转canvas——写个折线图

ES5的Object对象新增的3个API

3D房间，从零到移动观察

Vuejs——（８~13）组件（从不懂到精通）

本篇资料来于官方文档： http://cn.vuejs.org/guide/components.html 本文是在官方文档的基础上，更加细致的说明，代码更多更全。 简单来说，更适合新手阅读 （二十五）组件的定义 ①组件的作用： 【1】扩展HTML元素，封装可重用的代码； 【2】组

Vuejs——（7）过渡（动画）

本篇资料来于官方文档： http://cn.vuejs.org/guide/transitions.html 本文是在官方文档的基础上，更加细致的说明，代码更多更全。 简单来说，更适合新手阅读 （二十四）过渡动画 ①过渡动画的定义； 简单来说，就是当模块消失、出现时，会以什么样的

Vuejs——（6）Vuejs与form元素

资料来于官方文档： http://cn.vuejs.org/guide/forms.html 本文是在官方文档的基础上，更加细致的说明，代码更多更全。 简单来说，更适合新手阅读 （二十三）表单绑定 ①常见绑定方法： 【1】文本输入框绑定； 【2】textarea绑定

Vuejs——（5）v-on

资料来于官方文档： http://cn.vuejs.org/guide/events.html 本文是在官方文档的基础上，更加细致的说明，代码更多更全。 简单来说，更适合新手阅读 （二十二）方法处理器 ①v-on的标准用法 用于监听DOM事件，典型的就是v-on:cl

Vuejs——（4）v-if、v-for

（二十）v-if ①标准v-if用法 简单来说，该值为true则显示该标签，为false则不显示； 如例： [javascript] view plain copy   <div id="app">       <div v-if="abc">{{abc

Vuejs——（3）计算属性，样式和类绑定

Vuejs——（2）Vue生命周期，数据，手动挂载，指令，过滤器

Vuejs——（1）入门（单向绑定、双向绑定、列表渲染、响应函数）

前端的小玩意（9.5）——做一个仿360工具箱的web页面（完结篇，可以跑起来的工具箱）

前端的小玩意（9.4）——做一个仿360工具箱的web页面（自动生成所有图标，对图标添加响应逻辑）

前端的小玩意（9.3）——做一个仿360工具箱的web页面（我的工具里的模板和样式）

前端的小玩意（9.2）——做一个仿360工具箱的web页面（全部工具里面的模板）

前端的小玩意（9.1）——做一个仿360工具箱的web页面（Tab按钮切换）

从零开始学_JavaScript_系列（26）——dojo的aspect方法

（86）apsect 模块：dojo/aspect 参数：apsect   【方法一】：aspect.after(对象, ”方法名”, 回调函数) 说明： 将在指定对象的方法执行结束后，执行回调函数；   例如，在点击 &lt;div id="aa" style="width:100px;height:100px;background-color:green"&gt

NodeJs——（16）用Nodejs 4.X版本，制作一个微博网站（多图，详细步骤）

（填坑中，预计7月底完成） 最后更新时间7/28晚， 更新页面基本样式已有 范例网址：121.41.66.68 【0】涉及到的框架、引擎、数据库： ① express 4.X ② jade ③ mysql 5.6.x   注： ①内容较长，我会尽力把整个框架、结构、顺序、思考方式说明白。 ②基础是《node.js开发指南》这本书，作者：BYVoid。但他书的版本较

Linux（1）——在Linux下安装Nodejs（详细教程，包会），并成功创建一个简单的服务器

操作系统： CentOS 6.5 64位，用的阿里云的ECS里最便宜的（但还是好贵啊！）   【0】下载 https://nodejs.org/en/download/ nodejs的官网， 我下的是64位。   文件的上传：上传到服务器的话，我是用ftp，对于我这种新手来说，用ftp来处理文件的转移/复制/粘贴最方便了。 如果是虚拟机的话，我不太清楚，反正感觉li

从零开始学_JavaScript_系列（26）——只需要前端知识的ajax教程

（37）只需要前端知识，就能理解的ajax教程 ①新人学web前端时，遇见的第一个困难就是ajax 这里对于以下问题，不深入，只用 最简单的话 讲清楚什么是ajax，并且 让你会用ajax。 新人常见问题： 【1】到底什么是ajax？ 【2】ajax时发生了什么事情？ 【3】为什么ajax时要有url？ 【4】为什么ajax时，有时候会有一个对象（object），有时

NodeJs——（15）动态视图助手

（38）动态视图助手 express版本：4.13.4 ①作用：假如我们需要一个变量，在不同地方的模板（jade文件）都需要调用。 显然，我们不应该使用全局变量（因为可能会带来污染）； 事实上，我们需要的是仅仅在模板中起作用的变量，因此视图助手的作用就在这里了。     ②流程： 【1】首先，调用express模块，就像我们之前做的那样（事实上，不需要额外声明，当我们使

从零开始学_JavaScript_系列（25）——dojo(10)摧毁一个widget

（84）摧毁一个widget ①假如我们想摧毁一个widget该怎么办？   ②创建时，将该widget赋值给一个变量，通过调用该变量的destroy方法，可以直接摧毁；——成功   ③假如我们将该widget挂载到一个dom结点下，那么摧毁这个dom（例如domConstruct.empty(该dom结点)，只能让我们找不到这个widget，但实际上这个widget还是存在的；

从零开始学_JavaScript_系列（24）——查看对象属性，合并数组

（35）查看对象是否有某个属性（转） 来源： http://www.cnblogs.com/snandy/archive/2011/03/04/1970162.html   内容： 两种方式，但稍有区别 1，in 运算符 1 2 3 var obj = {name:'jack'}; alert('name' in obj); // --&gt; true

前端的小玩意（6）——使用padding的左定宽、右自适应布局

①情景： 有一父容器div，其高和宽不定，称之为P； 该父容器有两个子div，左右布局，左定宽，满高，右自适应剩余区域； 其中，定宽称之为A，变宽称之为B； A和B是等高的； P必然能容纳A和B   可能的附加条件： 【1】A和B的宽高度可能不会撑满P，即上下左右都可能留有空隙，但这些空隙的宽或者高是已知的； 【2】A和B之间可能有一定间隙；   备注： 【1】左自

NodeJs——（14）express框架的send()方法简介

（35）express框架的send方法 ①send方法用的还挺多的，因此需要明确其作用；   ②原型是： res.send([body|status], [body])   即既可以直接发送内容，也可以第一个参数状态，第二个参数内容。   如果直接发送内容的话，状态会被自动补全；   ③发送的内容： 示例： res.send(newBuffer('whoop'

NodeJs——（13）用连接池来控制mysql（入门版）

（34）用连接池来控制mysql（入门版） ①第一步，创建一个连接池：（和之前普通创建mysql的连接对象很像） var mysql = require("mysql"); var pool = mysql.createPool({ host: '127.0.0.1', user: 'root', password: '', port: '3306',

前端的小玩意（5）——用dojo写的二级下拉菜单自动添加功能

先上DEMO， 虽然丑，那是因为零级按钮的界面太丑了，图标也丑┑(￣Д ￣)┍ 这两个优化后会好很多，毕竟美观不是我的特长嘛 DEMO链接： http://download.csdn.net/detail/qq20004604/9568685 （83）二级下拉菜单 ①过程描述： 【1】数据来源：一个数组，具体格式为： var dataArr = [{text

NodeJs——（12）添加路由

①之前我们有这么一段代码： app.use('/', routes);   //假如是根目录，那么交给routes.js来处理； app.use('/users', users);   //假如是/users目录，交给users.js来处理   当访问根目录的时候，调用routes；当访问的是users路径是，由users来处理；   然后又知道，当访问其他路径时，会这么处理：

NodeJs——（11）控制权转移next

①之前有提到，假如有同一路径有两个方法来对其进行处理，那么只有匹配到的第一个方法会被执行，剩余的将略过；   那么有什么办法可以让两个一起执行呢？那就是next   具体而言，如代码： 在index.js中添加代码： router.get('/base/pageA', function (req, res, next) { res.send('index.js.');

NodeJs——（10）REST风格的路由规则

①REST指Representational State Transfer（表征状态转移），是一种基于HTTP协议的网络应用的接口风格，充分利用HTTP的方法实现统一风格接口的服务。   HTTP协议定义了以下八种标准的方法： 【1】GET 【2】HEAD（请求指定资源的响应头） 【3】POST 【4】PUT 【5】DELETE 【6】TRACE（回显服务器收到的请求，主要

NodeJs——（10）REST风格的路由规则

①REST指Representational State Transfer（表征状态转移），是一种基于HTTP协议的网络应用的接口风格，充分利用HTTP的方法实现统一风格接口的服务。   HTTP协议定义了以下八种标准的方法： 【1】GET 【2】HEAD（请求指定资源的响应头） 【3】POST 【4】PUT 【5】DELETE 【6】TRACE（回显服务器收到的请求，主要