心若向阳,无谓悲伤的博客

记录自己的成长经历,让自己每天都比昨天优秀一点

升级AndroidStudio后,打包安装APK后闪退

最近因为项目需要,升级了AndroidStudio,并对项目支持的targetSDK做了一次全面升级,但是切换到之前的项目后,打包和安装都没问题,但是在点击APP进入的时候,就出现闪退,后来是通过下面这篇文章解决了问题,分享给大家。有相同问题的小伙伴可以试一下。 good luck~ http...

2019-07-18 15:18:33

阅读数 2

评论数 0

vue js引用路径报错解决方案

最近在做项目的时候,需要在index.html中引用js文件,但是一直报Failed to load resource: the server responded with a status of 404。 从字面上看,就是路径找不到,但是检查了一圈之后,发现路径没有错误啊。最后在浏览器调试台看...

2019-04-01 15:33:14

阅读数 313

评论数 0

vue 出现Uncaught SyntaxError: Unexpected token 解决方案

最近在做vue项目时,需要引入一个第三方的js文件,在index.html中通过以下方式引入JS文件编译后,就报了这个问题。 根据广大的网页的思路,导致这一现象的原因可能有以下几种: 原因一.引用文件的位置不正确 js文件放在static文件夹下和放在assets文件夹下的引用方式是不一...

2019-03-28 15:55:38

阅读数 1757

评论数 0

css drop-shadow使用方法

大家可能都习惯了使用box-shadow来设置盒阴影,但顾名思义,盒阴影一般阴影的投影是一个方形,如果我们遇到其他姓张,想要做阴影效果应该怎么实现呢,比如下面这种? 那就要用到drop-shadow啦~drop-shadow滤镜可以给元素或图片非透明区域添加投影。 box-shadow: ...

2019-03-21 16:12:01

阅读数 97

评论数 0

css中设置多张背景图片

有一些应用场景中,我们需要叠加设置多张图片,一般我们可能是采用img来设置,但还有一种更简单的方法,采用背景属性来设置,css提供了可同时设置多张背景图的属性。语法如下: .bg{ background: url('../img/bg1.png'), url('../i...

2019-03-21 15:35:12

阅读数 374

评论数 0

在VUE中使用Lottie动画

使用方法及步骤: 1.在webStorm的terminal窗口中下载vue-lottie插件,下载命令:npm install --save vue-lottie 2.在main.js文件中引入vue-lottie插件,你可以将其设置为全局组件,也可以在需要使用的时候单独引入 第一种:全...

2019-03-21 14:12:44

阅读数 348

评论数 0

实现点击3D翻转效果

最近在项目开发中需要实现很多特效,其中一个卡片就是点击后,要3D翻转显示背面信息,再点击再3D翻转回正面。 实现代码是参考以下这篇文章: http://www.php.cn/html5-tutorial-389335.html 但其中有两个参数我改了一下,因为在移动端,发现这样写效果和图片中...

2019-03-20 15:08:57

阅读数 98

评论数 0

使div滑动到父元素的指定位置

最近有一个项目需求,需要在界面顶部竖排显示菜单栏,菜单栏底部显示内容,点击菜单栏中的选项,让底部显示的相应内容置于内容显示区的顶部,而不是页面的顶部,这样做的好处是可以不遮盖菜单栏,方便用户操作。 说一下实现思路: 总体思路:采用js原生的Scroll实现。 因为是在vue中实现,引入jqu...

2019-03-13 11:30:03

阅读数 59

评论数 0

Vue 从文件中获取文本信息

最近在使用vue做项目的时候,遇到一个需求,界面中需要显示大量的说明文字,为了保持界面的整洁和赶紧,决定采用单独的文件来存储显示信息,然后通过文件读取的方式显示到界面上。 刚开始我使用的是File和FileReader对象获取,但是比较气人的是这两个对象是IE浏览器特有的属性,chrome不支持...

2019-03-13 09:41:28

阅读数 1083

评论数 0

Unexpected token: name (Dom7)

今天在运行vue项目的时候,报了这个异常,异常引起的原因是由于在vue项目中使用了4.0以上版本的swiper,Dom7是swiper4.0+版本的依赖库,所以在编译的时候,因为无法找到dom7这个依赖,就报错了。 我看了很多种解决方法: 第一种:修改webpack.base.conf.js(...

2019-03-07 15:15:15

阅读数 299

评论数 0

vue-awesome-swiper滑动失效的问题解决方案

最近在做项目的时候遇到这样一个问题,就是在vue项目的不同页面使用了swiper插件后,导致其他界面的swiper插件失效,最终摸索了一天终于解决了。 我遇到的情况是这样的,在界面A中,使用这种定义变量式的方式来初始化swiper. var mswiper = new Swiper('.sw...

2019-03-04 18:03:15

阅读数 532

评论数 0

vue post application/x-www-form-urlencoded如何传参

  今天在使用axios进行参数获取时,始终获取不到,但是调用postman是正常的,所以初步估计是参数格式不正确,那么正确的应该怎么写呢? 一般按照正常的逻辑,我们在传递application/x-www-form-urlencoded时,参数应该这样写,但实际操作中发现一只获取不到参数。 ...

2019-02-27 16:09:27

阅读数 1175

评论数 0

Vue 数组赋值踩过的坑

最近需要在Vue当中完成动态赋值数组操作,从服务器拿到数据后,刷新数组中的数据,但是发现无论使用什么方法都不行,通过打log,发现数据在这里就无法向下执行,而且也没有报任何的异常,最终问题解决,在这里做个记录。 Vue中的数组赋值和在普通的JS中赋值还是有所区别。 以下操作可以引起界面刷新:p...

2019-02-27 14:03:36

阅读数 1863

评论数 0

Vue 实现横向滑动效果 从小到大

最近项目中遇到一个需求,需要实现横向滑动,并且在滑动过程中,中间的大,两边的小,通过参考其他的人代码以及自己的实践,终于做出来啦,给大家做个参考。 实现效果如下图: 先来说一下实现思路吧: 整体思路:采用vue+vue-awesome-swiper完成 因为我们的项目是采用vue来做的...

2019-02-21 17:38:55

阅读数 771

评论数 0

Vue 实现带图标的input框

最近由于项目需要,需要实现一个带图标的input框,但一直没有找到一个很好的方法,所以只能自己动手写了。 该控件是单独写的,所以可以拿来直接使用。 先说一下该控件支持的功能: 1.从外部动态传入placeholder的值 2.从外部传入图标地址并给图标增加点击事件 3.外部监听input...

2019-02-20 17:42:37

阅读数 1188

评论数 0

mint-ui picker 实现省市区县三级联动

实现效果: 首先说一下实现思路: 1.采用单独的js文件存储省市区数据,可以是json或者js文件,数据可参考我的上一篇博客。 2.使用mt-picker进行赋值,(需要提前引入mint-ui)根据省的数据的改变,动态的改变市和区的显示数据。 3.最好采用单独的组件实现,方便修改和复用...

2019-02-16 18:20:30

阅读数 510

评论数 2

2018最新版省市区三级联动数据

这个也是我在网上找的相对比较新的数据,提供给大家参考。 其中附加了三个方法和四个参数,分别用来获取省的列表,第一个省中包括市的列表以及市中包括的区县的列表,可以直接导出,在想使用的地方直接引用(限于支持export和import属性的版本哦~) 为什么这么做? 之前在网上看了很多人写的方法,...

2019-02-16 18:02:42

阅读数 367

评论数 0

使用mt-range实现一个数字随着滑动杆变化的效果

最近开发中有一项需求,需要实现数字随着滑竿移动的这样一个效果。 对于我来说,我喜欢用最少和最简单的代码来实现看似复杂的功能,所以在这里记录一下我的实现思路和方法,希望有更好的实现方法的小伙伴,可以多多交流~ 先上效果图(录制GIF图失败,只能上静态图凑活看o(╥﹏╥)o) 1.实现思...

2019-01-24 11:01:47

阅读数 361

评论数 0

MintUI mt-range 事件

最近开发中在使用饿了么的移动端UI框架MintUI,但发现这个框架虽然用起来很方便,但是官方给的文档真的有点坑爹,好多属性和调用方法都没给出来,在这里只能自己动手总结啦~ Q1.mt-range在Vue中调用后,无法显示的问题? 第一次调用的时候就遇到这个问题,而且在网上查了一圈儿也没人回答这...

2019-01-24 10:29:33

阅读数 561

评论数 0

Webpack打包后报错问题解决办法

最近使用Vue+WebPack进行项目开发,在完成开发后,执行npm run build生成dist文件后,打开index.html,界面一直未加载成功,通过console窗口看到所有资源文件都在报404错误。 意思很显然是路径不对,但是检查过后,感觉路径也没有大的错误,后来发现只要其实是一...

2019-01-08 17:57:35

阅读数 613

评论数 0

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