前端工程化是最近总听到一个词，而在业务不断发展的过程中，传统的开发流程早已不适用于前端爆发式发展的今天。在此，针对最近的探索以及mx内部使用的基本前端工程机构进行说明。

今天在使用localstorage处理继续制作的时候，偶然遇到一个问题，在此进行记录。

阅读全文 »

带着文笔差工科男的特质，已经要求自己写了几篇东西了。也希望自己能够经常习惯性的把遇到的问题记录下来，养成积累的习惯。今天在测试文件上传逻辑时经常会发现重复上传文件时总会出现进度错乱的问题，在此进行记录并将代码好好梳理下。

昨天介绍了过滤器的使用及如何自定义过滤器，我们今天就来趁热打铁，过一下本次重构项目中我们在哪些地方可以使用过滤器，列出我们常用的过滤器集合，以方便日常使用。

刚开始使用vue进行项目重构的时候，对于一些需要固定规则的变量，往往会通过计算属性进行实现，比如这样:

1
2
3
4
5
6
7
8
9
10
11

data: function() {
	return {
		imgUrl: './a.jpg'
	}		
},
computed: {
	imgSrc: function() {
		return `src(${this.imgUrl})`;
	}
}

Vue 学习笔记之–组件通信

1.基本的props传递

vue可以像react一样使用props为子组件传递数据，来实现最基本的父组件向子组件间进行通信。

使用方式

• 子组件显式生明

  • 子组件需要使用props属性对父组件传递下来的参数进行显示声明,
  • 同时，HTML不区分大小写，需要为驼峰式命名aBc转为a-bc.如：
    阅读全文 »

ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布。 以下将着重介绍几个常用的新特性，希望大家多多翻阅阮老师的 es6入门，多看、多练、多用。

箭头函数

使用箭头函数，简化了函数的书写，你可以用更优雅的方式书写代码。

比如这样：

1
2
3
4
5
6
7

// 使用箭头函数
var sum = x => x * x ;
// 等价于
var sum = function( x ) {
	return x * x;
}

引言

最近在尝试使用webpack+React进行工程打包。看了很多教程都没有特别详细，在此将学习过程记录，方便自己查看。

定义

在阅读代码的过程中，经常会看到call()和apply()两个函数。每次我见到这两个函数都很好奇他们的使用方法到底是怎样。今天抽空具体研究了一下，在此做下记录。