2017年04月_安静的对折

08月 07月 06月 04月 01月

原创 js解决微信屏蔽内置浏览器的下载功能以及判断手机系统

今天一后台同事问我：为什么从App里面分享到微信好友时，在微信里没有发下载分享里的软件，而在浏览器中却可以？于是我在微信公众号中试了一下，发现果然不可以下载。通过google 发现，原来是微信屏蔽了内置浏览器的下载功能。那么有没有解决办法呢？肯定是有的。1：判断发现是在微信中打开，给提示让其从右上角选择在浏览器中打开，这样的效果对于用户体验来说肯定是差的。2：将要下载的app上传到腾

2017-04-26 14:55:16 10187

原创 vue组件——slot分发内容

slot元素作为组件模板之中的内容分发插槽。这个元素自身将被替换。有 name特性的 slot 称为具名 slot。有 slot 特性的内容将分发到名字相匹配的具名 slot。内容分发就是指混合父组件的内容与子组件自己的模板单个slot如果子组件的模板不包含 slot，那么父组件的内容就会被抛弃父组件html中的内容：王者荣耀

2017-04-20 09:17:31 10611

原创 vue嵌套路由-params传递参数（四）

在嵌套路由中，父路由向子路由传值除了query外，还有params，params传值有两种情况，一种是值在url中显示，另外一种是值不显示在url中。1、显示在url中index.html main.js params传值是通过 :[参数值] 如path: "/home/game/:num"import Vue from 'vue'import VueRout

2017-04-18 22:07:54 118216 10

原创 vue嵌套路由-query传递参数（三）

在嵌套路由中我们经常会遇到父路由向子路由里面传递参数，传递参数有两种方法，通过 query 或者 paramsindex.html main.js 同样通过重定向来显示父路由import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)//引入两个组件import home fro

2017-04-17 18:50:29 65363 1

原创 vue嵌套路由（二）

在实际项目中我们会碰到多层嵌套的组件组合而成，但是我们如何实现嵌套路由呢？因此我们需要在 VueRouter 的参数中使用 children 配置，这样就可以很好的实现路由嵌套。index.html，只有一个路由出口 main.js，路由的重定向，就会在页面一加载的时候，就会将home组件显示出来，因为重定向指向了home组件，redirect的指向与path的必须一致。chi

2017-04-17 17:46:50 23989 2

原创 vue简单路由（一）

在项目中，将vue的单页面应用程序改为了多页面应用程序，因此在某些场景下，需要频繁的切换两个页面，因此考虑使用路由，这样会减少服务器请求。使用vue-cli（vue脚手架）快速搭建一个项目的模板（webpack-simple）,运行起来后，将原来index.html页面挂载点中的内容删除index.html 默认会被渲染成一个 `` 标签 --> home ga

2017-04-17 16:22:05 1837

原创 css样式，中间文字，两边横线

在项目中遇到过中间文字，两边横线的布局，如下图：两边横线我们可以使用标签的上边框或者下边框，然后对中间的文字使用 vertical-align 属性来控制。html 产品清单 css .order { height: 60px; line-height: 60px; text-align: center;} .or

2017-04-10 18:30:23 38314