自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 vue-router 守卫

1、全局前置守卫可以使用 router.beforeEach 注册一个全局前置守卫:const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})当一个导航触发时,全局前置守卫按照创建顺序调用。守卫是异步解析执行,此时导航在所有守卫 resolve 完之前一直处于 等...

2019-02-28 15:05:48 111

转载 豆瓣API接口

1、获取正在热映的电影:接口:https://api.douban.com/v2/movie/in_theaters访问参数:start : 数据的开始项count:单页条数city:城市如:获取 广州热映电影 第一页 10条数据:https://api.douban.com/v2/movie/in_theaters?city=广州&start=0&count=10...

2019-02-27 16:02:17 4084

原创 js获取当月的第一天以及最后一天

废话不多说直接上代码 //获取当前月份第一天 var date = new Date(); date.setDate(1); var months = parseInt(date.getMonth() + 1); var days = date.getDate(); if (months < 10) { months = '0' ...

2019-02-27 10:11:37 1472 1

原创 Vue UI组件库

Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后,开发效率大大提高,自己写的代码也少了,很多界面效果组件已经封装好了。在选择Vue UI组件库的过程中,通过GitHub上根据star数量、文档丰...

2019-02-25 09:39:34 290

原创 vue开发 Element UI 的使用

1、npm安装elementuinpm i element-ui -S2、引入 Element在 main.js 中写入以下内容:import Vue from 'vue';import { Button } from 'element-ui';Vue.prototype.$ELEMENT = { size: 'small', zIndex: 3000 };Vue.use(But...

2019-02-23 17:53:10 294

原创 vue 开发App监听手机 返回键返回上级路由以及退出

vue 开发App监听手机 返回键返回上级路由以及退出一、mui进行手机物理键的监听首先安装 vue-awesome-muinpm i vue-awesome-mui二、在main.js注册vue-awesome-muiimport Mui from "vue-awesome-mui"Vue.use(Mui)三、在index.html中监听手机返回键 <script>...

2019-02-19 00:24:19 2383 7

原创 vue开发APP切换页面动画过度效果

实现问题1.如何判断切换路由时是前进还是后退2.每次切换时向左向右切换动画如何实现实现原理1.我们需要给各个页面定义层级,在切换路由时判断用户是进入哪一层页面,如果用户进入更高层级那么做前进动画,如果用户退到低层级那么做后退动画.import VueRouter from 'vue-router'import Home from '../components/home/home'im...

2019-02-17 23:18:52 1831

原创 vux的使用操作

vux的使用最近有个基于微信端的项目,使用vue框架。由于时间紧,组件要求多,特尝试使用vux组件框架进行尝试。官方demo:https://vux.li/demos/v2/?x-page=github#/demo;用vue_cli安装好项目后。进入项目目录<1>. 在项目里安装vuxnpm install vux --save<2>. 安装vux-loade...

2019-02-16 10:22:32 525

转载 vue中引入bootstrap

原文链接:https://blog.csdn.net/wild46c…想要在vue中引入bootstrap,引入的时候需要按照如下的步骤进行。1、引入jquery2、引入bootstrap阅读本文前,应该能够搭建环境,使用vue-cli进行项目的创建,可以参考文章:http://blog.csdn.net/wild46ca…好,下面上货。1、首先按照上面文章中的内容,新建一个vue工...

2019-02-16 10:22:16 1623 1

原创 在vue中引入Echarts

一.初始化Vue的项目这里使用vue-cli中webpack-simple这个模板初始化项目, 在命令行中以此输入vue init webpack-simple echarts01cd echarts01npm install npm run dev二.引入Echart包1. 通过以下命令安装Echartsnpm install echarts --save2. 引入Echa...

2019-02-16 10:22:04 549

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除