2019年02月_前端小李

原创 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 4086

原创 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 1474 1

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

2019-02-25 09:39:34 291

原创 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 295

原创 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 2385 7

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

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

2019-02-17 23:18:52 1832

原创 vux的使用操作

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

qq_43287934的博客