自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

莫普斯

记录一些遇到的小bug。

  • 博客(15)
  • 收藏
  • 关注

转载 四级联动下拉菜单

转载:https://blog.csdn.net/jy02988278/article/details/78968997(自我收藏)数据库导出地址数据联动显示下拉菜单1.先说数据库结构,上图:结构副id形式,sid是本条数据的id,fid是本条数据的上级数据的sid.就是把这种级别关系建立在数据库里,之后用起来就简单了. 2.前端代码html:<!-- 联动 ...

2018-07-25 09:47:21 5789 2

转载 前端常见跨域解决方案(全)(转载)

什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链3.) 脚本请求: js发起的aja...

2018-07-16 10:17:48 183

转载 (转载)解决 npm i 及 yarn install 都无法进行安装的问题和node-sass安装太慢的问题

转载自:https://blog.csdn.net/tyro_java/article/details/79772442发现问题info There appears to be trouble with your network connection. Retrying...info There appears to be trouble with your network connection...

2018-07-09 14:12:01 13735 2

转载 什么是跨域?怎么解决跨域问题?引入font字体报错

引入FontAwesome字体后,报错 Access-Control-Allow-Origin header 404什么是跨域? 跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。所谓同源是指,域名,协议,端口均相同,不明白没关系,举个栗子:http://www.123.com/index.html 调用 http://www.1...

2018-06-26 09:31:25 1549

转载 vue中周期函数被多次触发(vue中使用eventbus踩过的坑)

感谢作者的分享一开始的需求是这样子的,我为了实现两个页面组件之间的数据传递,假设我有页面A,点击页面A上的某一个按钮之后,页面会自动跳转到页面B,同时我希望将页面A上的某一些参数携带过去给页面B。(我知道,小参数的时候可以通过路由的params或者query去传参数,或者大型数据可以用vuex来处理,很遗憾我到现在还没有做很大型的项目,所以还没有用过vuex,接下来会学习一下。)作者:Kather...

2018-06-22 09:32:51 4265

转载 Vue实例--音乐播放器:歌单数据接口分析

   z这里如果我们和之前获取轮播图的数据一样来获取表单的数据  发现根本获取不到 原因是qq音乐在请求头里面加了authority和refer等 但是如果我们通过jsonp实现跨域来请求数据的话  是根本不能够修改请求头的  所以我们就考虑用axios  但是axios又不能进行跨域  那么我们要怎么拿到qq音乐的服务器的数据呢??其实是有办法解决的:我们可以进行后端接口代理  那么什么是后端代...

2018-06-14 14:51:55 2646 1

原创 用better-scroll做轮播图,不能无缝循环

2018年6月13日  引用  "better-scroll": "^1.12.0",现象:可以轮播,但不能循环(不能从第一张往前翻,不能从最后一张往后翻)按教程里给slider-group增加了2个slider的宽度,但他们出现在轮播图片的末尾(2个空白)第一张图没有对应dot,第二张图对应第一个dot,以此类推后经网友分享,发现0.1.15中可以正常运行,原来是better-scoll版本的问...

2018-06-13 17:36:39 1063 3

转载 npm run build 打包后,如何运行在本地查看效果

目前,使用vue-cli脚手架写了一个前端项目,之前一直是使用npm run dev 在8080端口上进行本地调试。项目已经进行一半了,今天有时间突然想使用npm run build进行上线打包,试试能否成功看到我的项目效果。一开始是毫无头绪,什么都不懂,直接是就在命令行上敲下:npm run build命令。好开心啊,竟然没有报错。以为就这么简单的成功了,在浏览器上输入:http://local...

2018-06-13 14:36:32 17605

原创 vue-lazyload(懒加载)

demo 地址:https://www.cnblogs.com/xyyt/p/7650539.html一. vue lazyload插件:插件地址:https://github.com/hilongjw/vue-lazyloaddemo:http://hilongjw.github.io/vue-lazyload/二. 简单使用实例:这个插件还是蛮好用的,就是感觉这个插件的开发文档有点太啰嗦了,一...

2018-06-13 14:18:38 409

转载 vue中引入jQuery和bootstrap

一、引入jQuery:首先在当前项目的根目录下(就是与package.json同目录)运行命令npm install jquery --save-dev   这样就将jquery安装到了这个项目中运行命令npm install bootstrap --save-dev   这样就将bootstrap安装到了这个项目中然后修改webpack.base.conf.js两个地方:其一:加入var web...

2018-06-13 14:17:27 1324

转载 No 'Access-Control-Allow-Origin' header is present on the requested resource.'Ajax跨域访问解决方案

已经记不得第几次遇到这种问题了,从来没直面解决过这个问题,趁现在不忙的情况下,做个笔录No 'Access-Control-Allow-Origin' header is present on the requested resource.当使用ajax访问远程服务器时,请求失败,浏览器报如上错误。这是出于安全的考虑,默认禁止跨域访问导致的。一、什么是跨域访问举个栗子:在A网站中,我们希望使用Aj...

2018-06-13 14:16:30 6079

原创 最新的vue没有dev-server.js文件,如何进行后台数据模拟

参照了别人写的记录一下最新的vue里dev-server.js被替换成了webpack-dev-conf.js在模拟后台数据的时候直接在webpack-dev-conf.js文件中修改第一步,在const portfinder = require(‘portfinder’)后添加//第一步const express = require('express')const app = express...

2018-06-13 14:15:01 453 2

转载 Vue+表单验证 VeeValidate 实践

为什么需要用表单验证插件,想想自己重写过几次表单验证,重复造轮子相当的痛苦,当然你可以自己造一套通用的组件。我比较懒,表单验证就用现成的,VeeValidate 可扩展性也不错,所以就使用它来做表单验证。  jquery.validate 也是不错的选择,这是后话了,本文就只介绍 VeeValidate 在 Vue 中的实践。官网: https://baianat.github.io/vee-va...

2018-06-13 14:13:40 2694 1

原创 vue中如何引入公共样式的的styl文件

刚开了个新项目,仿照视频去写,引用了styl格式的css,从来没引用过,在vue文件中还可以正常引用,只需要在<style scoped lang="stylus" rel="stylesheet/stylus">中添加 lang="stylus"即可但是在main.js中引入公共样式的时候,死活出不来,寻求了百度爸爸,安装stylus stylus-loader style-load...

2018-06-13 14:11:15 12001

原创 mintUi のaction sheet使用

关于vue的mintUI(移动端)中 action sheet 的使用方法action sheet操作表,从屏幕下方移入。Import按需引入:import { Actionsheet } from 'mint-ui';Vue.component(Actionsheet.name, Actionsheet); 全局导入:全局导入后不用再导入importMint from'mint-ui'impor...

2018-06-13 13:57:29 1955

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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