起风了

“路海长 青夜旷 越过群山追斜阳”

Vue.js——vue-resource全攻略

image
概述 上一篇我们介绍了如何将$.ajax和Vue.js结合在一起使用,并实现了一个简单的跨域CURD示例。Vue.js是数据驱动的,这使得我们并不需要直接操作DOM,如果我们不需要使用jQuery的DOM选择器,就没有必要引入jQuery。vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就...

Vue.js——使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用

35
概述 上一篇我们介绍了如何使用vue resource处理HTTP请求,结合服务端的REST API,就能够很容易地构建一个增删查改应用。这个应用始终遗留了一个问题,Web App在访问REST API时,没有经过任何认证,这使得服务端的REST API是不安全的,只要有人知道api地址,就可以调用API对服务端的资源进行修改和删除。今天...

Vue.js——60分钟browserify项目模板快速入门

image
概述 在之前的一系列vue.js文章,我们都是用传统模式引用vue.js以及其他的js文件的,这在开发时会产生一些问题。 首先,这限定了我们的开发模式是基于页面的,而不是基于组件的,组件的所有代码都直接写在页面中,这对于一些复杂的页面来说,不是好事情,代码的可读性会较差,也不便于管理。 其次,定义在HTM...

Vue.js——60分钟webpack项目模板快速入门

image
概述 browserify是一个 CommonJS风格的模块管理和打包工具,上一篇我们简单地介绍了Vue.js官方基于browserify构筑的一套开发模板。webpack提供了和browserify类似的功能,在前端资源管理这方面,它提供了更加出色的功能。官方基于webpack提供了两种项目模板,分别是vue-webpack-simple模板和vue-webpack模板...

Vue.js——vue-router 60分钟快速入门

image
概述 vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。...

Vue.js——60分钟快速入门

MVVM
Vue.js介绍 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。 如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无...

Vue + WebApi 小项目:构造自己的在线 Markdown 笔记本应用

Vue + WebApi 小项目:构造自己的在线 Markdown 笔记本应用缩略图
Vue + WebApi 小项目:构造自己的在线 Markdown 笔记本应用 目录 概要 知识点 完整示例图 代码与资源文件 流程步骤   概要   基于 MVP 最小可行性产品设计理念,我们先完成一个可以使用,并具备基本功能的 Markdown 笔记本应用,再进行逐步完善。   知识点   本文会指导初学者如何一步步...

如何使用Vue-cli快速构建单页应用

如何使用Vue-cli快速构建单页应用缩略图
vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:vue-cli github vue-cli 模板使用: 首先下载Git工具和node.js,有嫌慢的同学也可以去我的网盘下载node.js和GIt,下载完成后一路回车安装即可 首先新建一个文件夹(名字最好是纯英文).然后在文件夹里右键打开Git B...

快速上手Element UI 库

快速上手Element UI 库缩略图
Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型. 本文参考Element UI 官网指南, 首先需要安装Git工具和node.js,下载完成后回车安装即可,也可以使用我网盘里的下载Git工具和node.js 然后新...

vue-cli 路由webpack打包过程

vue-cli 路由webpack打包过程缩略图
vue-cli 路由webpack打包过程 安装cnpm cnpm npm install -g cnpm 安装脚手架 cnpm install -g vue-cli 安装webpack-simple模板 并创建一个demo01的文件夹vue init webapck-simple demo01 进入demo01文件cd demo01 下载webpack-simple的依赖 cnpm init 开启虚拟服务器 npm run dev 下载路由 cnpm install vue...