github地址 本地安装环境准备 安装node： * https://nodejs.org/en/download/ 配置webpack： npm install -g webpack(sudo权限) windows配置cnpm： npm install -g cnpm --registry=https://registry.npm.taobao.org 因为npm的默认仓库在国外，下载很慢，国...

github链接 借鉴吾记APP，使用 vue2.0+vue-router+vuex 为主要技术栈，elementui做为ui框架，多模块 spa 模式，webpack2.0 负责模块打包，gulp 负责处理静态资源打包、压缩，欢迎打赏star！！！ 吾记前端构建流程 本地环境准备 安装node： * https://nodejs.org/en/download/ （"node"...

AirLog https://github.com/bigggge/AirLog 基于 WebSocket 和 Vue 的前端远程实时 LOG 工具，适用于手机调试和远程调试 远程实时查看和筛选 LOG 信息 查看网页性能信息 可将 LOG 导出为 JSON 格式的文件 Install npm install airlog Run Server 启动 airlog server , 可自定义端口号...

基于 Vue 全家桶 (2.x) 制作的移动端音乐 WebApp ，一个媲美原生的移动端音乐 App，项目完整、功能完备、UI美观、交互一流。 收获： 总结了一套 Vue 通用组件，可以在其它项目中复用的 10+ 个基础组件、15+ 个业务组件 总结了一套常用的 SCSS mixin 库 总结了一套常用的 JS 工具函数库 体会到组件化、模块化开发带来的便捷 体会到将对象封装成类(ES6 clas...

简介 最近在学习 Vue，看到大多数项目首页都有轮播效果，然后自己也是做了一个轮播图，希望在此来分享给大家。 主要技术 v-if: 条件渲染 v-for：列表渲染 v-bind：属性绑定 transition: 过渡效果 组件交互: 父组件通过 props 将数据传递给子组件 主要思路 轮播图中，它显示的那张图片在浏览器中可以看到有dom元素。隐藏的是没有dom元素的。所以如果显示一张图片，实际上...

惯例插件安装导入 npm install --save-dev better-scroll 使用的基本流程 1.给要滚动的内容区域div等，定义一个可做标识的class类，这里使用xx-xx-hook 2.惯例导入插件 import xx from 'better-scroll',此处这里的别名将作为实例化对象的构造类 3.实例对象，传入滚动内容元素，因为要监听内容区域的高度，...

关于书籍： HTML、CSS 类别书籍，都是大同小异，在网上搜索一下很多推荐。如果感觉学的差不多了，可以关注一下《CSS禅意花园》，这个很有影响力。 Javascript 的书籍 推荐看老外写的，国内很多 Javascript 书籍的作者对 Javascript 语言了解的都不是很透彻。这里推荐几本 Javascript 书籍： 初级读物：《JavaScript高级程序设计》：一本非常完整的经典入...

什么是状态管理 一个较大的项目中，会涉及到很多数据，有的是纯前端的，也有来自后台的，随着 View 层交互行为的驱动，整个项目中的数据需要涉及到大量的数据变更，这种变更会十分复杂，以至于我们无法追踪状态的源头，这个时候，就需要采用一些方案，来管理这些数据状态，所谓的状态管理，管理的是从视图层事件源到数据变迁的映射过程。Facebook 公司提出了最早的 Flux 状态管理技术，现在前端框架流行的状...

1.双向绑定 <div id="app"> <p>{{message}}</p> <input v-model="message"/> </div> new Vue({ el:'#app', data:{ message:'Hello vue.js' } })...

本人在自学vue，之后想在学习过程中加以实践。由于之前有做过jquery的播放器效果，ui仿照网易云，地址 点击进入 于是就想做vue 的网易云播放器，网上也有类似的项目。看了一下都挺不错的，于是就想自己做一个试试 对 JUST DO IT !!! DO IT !!! 项目基于Vue 2.0 使用Vue-router，axios获取本地的data.json文件（所有的用户，音乐信息），以及vuex...