用vue+webpack+es6+sass实现Cnode网站(一)

写在文章前：最近把官网的vue文档过了一遍，准备写个项目来巩固下自己对vue的学习。因为cnode网站有开放的api，所以我决定用vue+webpack+es6+sass的技术栈去实现这个网站(单页面的形式)。这篇系列的文章我主要是分享下自己怎么开发还有怎么实现一个个vue组件去构建整个网站。关于webpack配合vue的使用可以关注我的另外一篇博文webpack+vue配

业界 2016年07月18日

Vue-Cleave - 在Vue中使用CleaveJS格式化你的输入内容

项目地址：https://github.com/jrainlau/vue-cleaveWhat's CleaveJS?CleaveJS是最近github上的一个热门项目，在短短的一个多月中star数达到了2500+，且保持着强劲的上升势头。它的主要目的是Format input text content when you are typing格式化你的输入内容可以查看官方的

业界 2016年07月17日

Vue.js+LeanCloud 单页面博客

Vue.js+LeanCloud 单页面博客之前看了好多关于 Vue.js 的东东，路由哇，状态管理呀，稀里糊涂的一堆东西，每个都相对独立，这些单独的 demo 和教程看起来觉得明白了，揉到一起不好说了就。。所以想结合起来写一写，作为一只前端汪怎么可以没有博客~写的过程中有一些心得和踩坑，后续会整理出来~如果觉得有帮助的话，谢谢帮忙 star ^_^本项目github地址简

业界 2016年07月14日

自动化文件目录结构生成工具——filemap.js

项目地址：https://github.com/jrainlau/filemap 开发环境node版本为5.4.1 简介 作为一个经常写博客的人，在介绍自己的项目的时候往往需要介绍文件目录结构。在以往的情况下，要么一行一行手动码字输入，要么简单粗暴地截图，都无法方便快速地构造一个文件目录结构图出来。后来在学习算法的时候，发现文件目录结构跟树的概念非常像，于是便萌生出制作一个

业界 2016年07月14日

React项目中出现频率较高的ES6语法

学习React过程中，发现无论是github上的Demo还是React相关文档，ES6语法都有大量的使用。如果不了解一些ES6语法，很难学习下去。如果转战ES6，系统学习战线又较长。所以把一些常用的ES6语法做一些总结，有助于读懂React，Redux的文档。特别提醒：一些细节学习还是需要仔细查阅文档。可以通过这个在线工具写ES6代码：http://es6.ruanyife

业界 2016年07月06日

ES6学习笔记（1）--let和const

LET和const命令let和var三大区别：let声明的变量只在它所在的代码块有效，而非var为函数作用域let不会变量声明提前，未声明前使用，直接报错，var不会报错undefinedlet回暂时性死区，一旦区块内let声明了a，全局变量a不会在该区块起let不允许在相同作用域内，重复声明同一个变量为什么引进块级作用域？防止内层变量可能覆盖外层变量for循环的i变量控制

业界 2016年05月13日

ES6部分方法点评（三）：babel-preset-es2015-loose可转换且移动端兼容性较好的语法

前言由于目前各浏览器对ES6兼容性较低，再加上需要兼容历史上各种版本的浏览器，因此，使用编译器将ES6语法转译成ES5语法则势在必行了。babel是目前最常用的ES6转ES5的工具，但即使是ES5，各浏览器的支持度也是不一的，因此便产生了本文，找出一些能够被翻译成兼容性高代码的ES6语法。讨论基础兼容IE10+、android4.0+、ios6+。使用babel的一个pre

业界 2016年07月06日

6个讨喜的 ES6 小技巧

【编者按】本文作者为 Axel Rauschmayer，主要介绍6个 ES6 小技巧。文章系国内 ITOM 管理平台 OneAPM 编译呈现。在本文中，笔者将介绍6个由 ES6 新功能带来的小技巧。在每个技巧末尾，都会附上笔者的拙作“《探索 ES6》”中的相关阅读材料（本书可在线上免费阅读）。1、通过参数默认值实现强制参数ES6 的参数默认值只有在真正使用时才会求值。这可以

业界 2016年07月06日

ES6箭头函数学习笔记

语法具有一个参数的简单函数var single = a => asingle('hello, world') // 'hello, world'没有参数的需要用在箭头前加上小括号var log = () => {alert('no param')}多个参数需要用到小括号，参数间逗号间隔，例如两个数字相加var add = (a, b) => a + badd(3, 8) /

业界 2016年07月06日

React开发——获取不到当前触发事件的元素

应用场景：一组列表，需获取当前触发 onClick 事件元素上的 data-key ；就一个事件冒泡导致的问题；初步没解决方案是给 li 下的所有子元素都加上 data-key显然这是很很很笨的方法，仅为当时测试用。实在不行，其他地方也要解决这个问题就停下脚步得深挖下，事件捕捉/冒泡的过程（有空补全）既然是子元素冒泡上来了，就得去子元素下阻止冒泡想了5秒，子元素下要有100

业界 2016年07月05日