Meteor+Vue 从入门到放弃

前一段时间忙完公司的项目开始闲下来，打算自己写个todolist什么的小应用，然后就跑去调研了一下nodejs环境下有那些比较好的框架写后端服务，本打算用express+sequelize写restful风格API的，可惜没找到更方便的工具快速制作，然后就遇到meteor。meteormeteor比起express还是使用restful规范的服务端来得更先进，用起来更舒服。

业界 2016年07月23日

学习meteor时遇到的问题

简单记录一下学习meteor时遇到的问题，将会持续更新！ 方案大概有后端模板结合型和前端后端分离型两种，支持的包也比较多，目前尤大推荐使用webpack:webpack的方案相对靠谱。 博主自己写的例子：meteor-vue-webpack-example 使用webpack:webpack这个包貌似存在些问题，比如vue components热更新问题并没有得到很好的支持

业界 2016年07月21日

使用 Webpack 为单页面应用发布新版本

简介现在单页面网站开发一般会用 npm run build 执行 webpack 打包程序用来压缩 js css 之类。某一天，跟同事交流时发现可以这样搞：服务器上跑一个 nodejs 进程，如 http://yoursite.com:8080在 Webpack 打包结束时自动 request.get 一下服务器 http://yousite.com:8080/?newha

业界 2016年07月06日

基于Vue的简单的单页面应用的实现

基于Vue的简单的单页面应用在对Vue和webpack有了一定了解后，我们就可以开始利用所了解的东西做一个简单的webapp了，不了解的同学可以看下我的前两篇关于vue和webpack的基本应用：webpack+vue起步利用webpack和vue实现组件化构建项目首先创建各个组件，我的目录结构如下：//没有后缀名的都是文件夹|-wechat|-dist|-src| |-

业界 2016年07月06日

一次React+Redu实践及思考

本部分的代码参考ConfigurableAPIServer 这是笔者第一次将React+Redux应用到一个较为复杂的项目中，这个项目初期遇到最大的问题是以何种粒度进行组件拆分，因为该项目没有专配的UI，所以是程序猿直接按照自己的理解进行开发，在这种情况下，笔者习惯性的先写了一个包含菜单以及常见控制项的整体项目，然后再进行拆分。笔者在本文中就是把一些迭代和自己感受到的点扯扯

业界 2016年05月15日

webpack使用之基础篇

说到自动化构建，你想到了什么？基于AMD的requirejs？还是基于commoJS的browserify？他们都在各自的领域或者说时代发挥了很重要的作用。但是时代的变迁，webpack成了现在的佼佼者，我们不知道什么时候wepback也会被取代，但是现在我们必须要掌握。我不担心我学完webpack新东西来了就没用了，相反的我很期待也很高兴有新的东西来取代webpack，因

业界 2016年07月13日

-webkit-fle 被移除了

背景： 用的是webpack + autoprefixer + css-loader。 开发的时候好好的，上线之后的代码发现-webkit-flex 被移除了，真的被移除了。 这里有两个问题: 1 autoprefixer新版本会默认不提供-webkit-flex. 可以去这里试试 https://autoprefixer.github.io/ ，并没有生成 -webkit

业界 2016年07月14日

babel 到底将代码转换成什么鸟样？

原文链接：https://github.com/lcxfs1991/blog/issues/9前言将babel捧作前端一个划时代的工具一定也不为过，它的出现让许多程序员幸福地用上了es6新语法。但你就这么放心地让babel跑在外网？反正我是不放心，我就曾经过被坑过，于是萌生了研究babel代码转换的想法。本文不是分析babel源码，仅仅是看看babel转换的最终产物。es6

业界 2016年05月12日

webpack配合vue.js实现完整的单页面demo

本篇文章主要是我在开发前研究了webpack+vue.js的单页面应用，因为需要用到node的npm，所以确保安装了node，建议官网安装最新的稳定版本。并且在项目中需要加载一些npm包，由于npm的服务器在国外，可能我们下载的过程会比较慢，所以建议用阿里的镜像cnpm安装，10分钟实时更新一次npm的镜像。具体的下载配置参考阿里的cnpm官网。本文章只是和大家探讨怎么利用

业界 2016年06月21日

Nodejs 代码中为 Gulp Webpack 等 Iterm2 窗口添加端口识别标记

缘由最近两年来经常在 Iterm2 中打开好几个窗口运行 Gulp, Webpack 等，在每个窗口布满 log 后，想找到哪个窗口是干嘛的都有些困难，更不用说这个窗口占用了哪个端口。所以得有方法标记每个窗口是哪个占用哪个端口号，在跑啥。解决方案一个 npm 包npm i set-iterm2-badge两行代码var setIterm2Badge = require('s

业界 2016年06月22日