- 博客(9)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 vue 出现Uncaught SyntaxError: Unexpected token 解决方案
最近在做vue项目时，需要引入一个第三方的js文件，在index.html中通过以下方式引入JS文件编译后，就报了这个问题。根据广大的网页的思路，导致这一现象的原因可能有以下几种：原因一.引用文件的位置不正确js文件放在static文件夹下和放在assets文件夹下的引用方式是不一样的。简而言之： 1.assets用来放置样式、静态图片，只要src下面的组件中用到的资源就放...
2019-03-28 15:55:38
70603
5
原创 css drop-shadow使用方法
大家可能都习惯了使用box-shadow来设置盒阴影，但顾名思义，盒阴影一般阴影的投影是一个方形，如果我们遇到其他姓张，想要做阴影效果应该怎么实现呢，比如下面这种？那就要用到drop-shadow啦~drop-shadow滤镜可以给元素或图片非透明区域添加投影。box-shadow: h-shadow v-shadow blur spread color inset;h-shado...
2019-03-21 16:12:01
7862
原创 css中设置多张背景图片
有一些应用场景中，我们需要叠加设置多张图片，一般我们可能是采用img来设置，但还有一种更简单的方法，采用背景属性来设置，css提供了可同时设置多张背景图的属性。语法如下：.bg{ background: url('../img/bg1.png'), url('../img/bg2.png'), url('../img/bg3.png')}为不同的背景图片...
2019-03-21 15:35:12
14264
1
原创 在VUE中使用Lottie动画
使用方法及步骤：1.在webStorm的terminal窗口中下载vue-lottie插件，下载命令：npm install --save vue-lottie2.在main.js文件中引入vue-lottie插件,你可以将其设置为全局组件，也可以在需要使用的时候单独引入第一种：全局引入,在main.js中加入如下代码import lottie from 'vue-lotti...
2019-03-21 14:12:44
10688
8
转载 实现点击3D翻转效果
最近在项目开发中需要实现很多特效，其中一个卡片就是点击后，要3D翻转显示背面信息，再点击再3D翻转回正面。实现代码是参考以下这篇文章：http://www.php.cn/html5-tutorial-389335.html但其中有两个参数我改了一下，因为在移动端，发现这样写效果和图片中的不一致。...
2019-03-20 15:08:57
1323
原创 使div滑动到父元素的指定位置
最近有一个项目需求，需要在界面顶部竖排显示菜单栏，菜单栏底部显示内容，点击菜单栏中的选项，让底部显示的相应内容置于内容显示区的顶部，而不是页面的顶部，这样做的好处是可以不遮盖菜单栏，方便用户操作。说一下实现思路：总体思路：采用js原生的Scroll实现。因为是在vue中实现，引入jquey显得很笨重，所以直接用原生写，代码也是非常简单。第一步，计算父元素div到顶部的高度第二步...
2019-03-13 11:30:03
2287
原创 Vue 从文件中获取文本信息
最近在使用vue做项目的时候，遇到一个需求，界面中需要显示大量的说明文字，为了保持界面的整洁和赶紧，决定采用单独的文件来存储显示信息，然后通过文件读取的方式显示到界面上。刚开始我使用的是File和FileReader对象获取，但是比较气人的是这两个对象是IE浏览器特有的属性，chrome不支持，而且为了安全起见，现在浏览器是不推崇这种做法的，因为很容易造成文件被外部恶意删除或增加内容，安全性太...
2019-03-13 09:41:28
7426
原创 Unexpected token: name (Dom7)
今天在运行vue项目的时候，报了这个异常，异常引起的原因是由于在vue项目中使用了4.0以上版本的swiper,Dom7是swiper4.0+版本的依赖库，所以在编译的时候，因为无法找到dom7这个依赖，就报错了。我看了很多种解决方法：第一种：修改webpack.base.conf.js（在/build目录下）,新增这两句代码,但这个方法对我不起作用，还引入了新的问题。resolve...
2019-03-07 15:15:15
3676
原创 vue-awesome-swiper滑动失效的问题解决方案
最近在做项目的时候遇到这样一个问题，就是在vue项目的不同页面使用了swiper插件后，导致其他界面的swiper插件失效，最终摸索了一天终于解决了。我遇到的情况是这样的，在界面A中，使用这种定义变量式的方式来初始化swiper.var mswiper = new Swiper('.swiper-container', { effect : 'coverflow', ...
2019-03-04 18:03:15
6092
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人