摘要： 1.根目录下新建middleware文件夹并新建文件unknownRoute.js，代码如下 /** * 未知路由重定向 到首页 */ export default ({store, route, redirect}) => { if(!route.matched.length){ redirect 阅读全文

摘要： vue项目练习中，遇到的一个计算问题，来记录一下~~~ 想要实现的效果就是触摸字母列表时，页面中与之对应城市的首字母区块滑动到最顶端 明确目的就是需要计算出当前触摸的字母对应的index值 求出index值与页面中内容一 一对应 我的思路是 求出当前字母距离字母表最顶端（A顶端）总距离 总距离 / 阅读全文

摘要： 最近做了PC端改版，要求移动端有更好的体验，一些产品滚屏的展示，就用了swiper插件，以方便用户在移动端访问可以滑动翻屏展示。 本次项目中使用的是swiper2.0版本。 首先要引入swiper的js库和css库（此处不做赘述） 然后在此生成一个swiper实例，以供举例子 var mySwipe 阅读全文

摘要： 1.教科书级别概念：正则表达式(regular expression)描述了一种字符串匹配的模式（pattern）， 可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。 （纸上得来终觉浅 啊！！！） 2.写法 (1). var reg=/a/; （ps:简写 阅读全文

摘要： 本篇文章主要总结了几个简单的数组操作方法。数组就是一组数据的集合，接下来我们就了解一下几种数组的操作方法。 1. join方法：把数组的所有元素放入一个字符串。举例如下： var arrJoin=["how","are","you"]; console.log(arrJoin.join("") ); 阅读全文

摘要： 本文主要介绍一下使用npm搭建vue脚手架。（以下是windows系统下的操作，win7+） 1. npm是个命令行工具，在搭建vue脚手架之前首先要安装node.js 下载地址为 https://nodejs.org/en/，如下图 左边的8.11.3是我写博文这个时候的最稳定版本， 生产环境请下 阅读全文

摘要： 切换和轮播是前端遇到过最多的效果和写过最多的效果。网上也有很多类似插件。但是我在这里还是要记录一下自己写的轮播图效果，与大多数轮播不同，这次要分享的是一个垂直的轮播图切换效果。请我的唯一一个粉丝来赏析，哈哈哈。。。。 首先是页面布局代码丢在这里 <div id="box"> <ul> <li><im 阅读全文

摘要： 显示方式如图所示， 直接给文本的父容器添加如下css属性 text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; - 阅读全文

摘要： 简单粗暴，直接上代码：代码结构：<dl><dt><a href="https://mdeen.tidebuy.com/mode/13192123.html"><img src="https://ssde.tidebuy.com/m/13192123_7.jpg" alt="" /></a></dt> 阅读全文

摘要： 图片相对父元素垂直居中, css3属性给父级元素设置 display: -webkit-box; -moz-box-align: center; -webkit-box-align: center; -moz-box-pack: center; -webkit-box-pack: center; 需 阅读全文