自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 h5手动滑动进度条效果(移动端)

公司项目需要在手机上做手动滑动进度条的效果(移动端),自己琢磨了一下,用原生js和h5的touchmove事件写了这个效果,可以参考一下,先看看效果图。红色的圆点可以在黑色区域任意滑动。全部代码如下: 手动滑动进度

2017-11-30 09:50:21 12912 3

原创 阻止事件冒泡

阻止事件冒泡事比较常见的,举个例子:一个元素上有个click事件,其内的一个子元素也有click事件,当点击子元素的click事件时,其父元素的click事件也会触发。我一般用的方法是兼容性写法,代码如下://阻止冒泡 function stopPropagation(event){ var event=event || window.event;

2017-11-29 14:07:09 277

原创 基于jquery的上传文件插件ajaxUpload

以前做web端时用到一个上传文件的插件ajaxupload,主要用于上传图片和文档,没有试过上传视频,这里给大家分享一下。插件可以到网上下载。1,引入jquery和ajaxupload,2,定义上传函数,修改一些配置(可以写在页面的script标签里,也可以写在插件里)//上传图片 $.fn.uploadImg= function(options) { var opts =

2017-11-29 10:30:34 950

转载 cropper js基于vue的图片裁剪上传功能。

前端时间公司的vue项目需要头像裁剪上传功能,看了一篇博客,在此基础上做的修改完成了这个功能,与大家分享一下。原文:http://m.blog.csdn.net/JaneLittle/article/details/72037910。首先下载引入cropper js,npm install cropper js --save在需要的页面引入:import Cropper fro

2017-11-28 15:52:19 16251 15

原创 vue绑定图片路径数据问题

初次使用vue,遇到了许多小细节问题,比如data里面的静态图片路径渲染到页面上的问题,天真的我以为直接写图片的相对路径就可以了,然而失败了,我还是太嫩了,如图,里面的图片路径无法渲染在页面上,百度了一下,基本用两种方法解决。1、加require,如 headerImg: require('../../../assets/img/man.png'),这样就可以显示出来了。

2017-11-27 14:25:02 6388 3

原创 Vue单页开发项目搭建

公司新项目开发要使用vue框架,自学了一下vue单页开发,分享一下vue单页项目搭建的学习效果,主要使用vue脚手架 vue-cli 和 vue全家桶(vue、vue-router、vuex、vue-resource/axios),很多地方不了解,大家多多指点 一、项目搭建,使用vue-cli会生成一套提前定义好的构建文件,和相应的文件。1,npm install -g v

2017-11-27 14:20:32 1655

空空如也

空空如也

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

TA关注的人

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