自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Android手机vivoY20t刷机教程

首先要清楚刷机的概念,刷机分为卡刷和线刷两种。卡刷,是手机能开机,刷机包放在手机卡中进行刷机。线刷,是手机无法开机变砖头,这个时候只能进行线刷。需要知道刷机的手机型号,我的Android手机的手机型号是vivoY20t,下面就详细介绍Android手机vivoY20t刷机步骤。一  刷机前的准备工作:1 准备好数据线,一会要用到数据线连接手机和电脑进行刷机2 下载手机型号对应的线刷安装包到电脑,点...

2018-04-14 21:40:14 2511 1

原创 javascript 图片懒加载

基于 jQuery 的图片延迟加载插件,在用户滚动页面到图片之后才进行加载。对于有较多的图片的网页,使用图片延迟加载,能有效的提高页面加载速度。前端开发仓库:http://code.ciaoca.com/jquery/lazyload/

2017-12-19 15:05:10 474

原创 JavaScript 保留两位小数

当我们遇到小数点加减乘除运算时,会产生多位数和计算精度丢失的情况,这是因为js是按照二进制来处理小数的加减乘除,在arg1基础上将arg2的精度进行扩展或逆扩展匹配。在解决小数点的这个精度问题之前我们需要熟悉几个javascript处理小数的方法:toFixed( )               把Number四舍五入为指定小数位数的数字Math.ceil( )            

2017-12-19 10:21:03 4750

原创 几款表单验证插件

nice validator需要引入jQueryhttps://niceue.com/validator/Validform  一行代码搞定整站的表单验证,需要引入jQueryhttp://validform.rjboy.cn/document.html

2017-07-20 14:32:17 449

原创 htmlcanvas2实现将网页生成图片,自定义保存图片的名称

首先熟悉htmlcanvas2的使用方法,看看github使用说明https://github.com/niklasvh/html2canvas html2canvas(document.body).then(function(canvas) { document.body.appendChild(canvas); });使用htmlc

2017-06-22 16:00:32 20969 2

原创 调用微信接口实现图片预览效果

最近在微信开发中用到了点击图片查看预览图的效果。在网上搜到了两种解决方案,大家可以作为参考:解决方案一:http://www.mamicode.com/info-detail-124081.html解决方案二:http://www.cnblogs.com/xinlinux/p/4223338.html经过测试发现都有bug,所以自己理解分析了一下,说一下调用微信接口实现图片预览效果

2016-12-08 12:04:11 21960 2

原创 offsetWidth,clientWidth的区别

offsetWidth  offsetHeight  ,offsetLeft  offsetTopscrollWidth  scrollHeight  ,scrollLeft  scrollTopclientWidth  clientHeight 对象的实际宽度和高度            offsetWidth,offsetHeight    offsetWidth=width+padd

2016-08-10 16:01:35 1011

原创 css3动画库

CSS Shake – 摇摆摇摆!动感的 CSS 抖动效果演示地址github下载地址:https://github.com/elrumordelaluz/csshake

2016-06-20 15:34:32 723

原创 css3实现小箭头,各种图形

https://segmentfault.com/a/1190000002780453#articleHeader18css实现各种图形真是太赞了,再也不用切图了,直接用css就可以实现。最常用的就是用css实现的小三角了#triangle-up {display:inline-block;width:0;height:0;border-left:30px solid transp

2016-05-25 18:44:18 37300 3

原创 JQuery实现点击缩略图查看大图效果

function imgshow(){ var winW = $(window).width(); var winH = $(window).height(); var imgW = $('.imgclass').width(); var imgH = $('.imgclass').height(); console.log(winW,winH,imgW,imgH); va

2016-05-18 16:00:20 22108 3

原创 js 购物车数量增减,总价格联动变化

前端JS实现购物车功能,点击商品加减按钮商品数量加减,点击单选按钮和全选按钮颜色变化,总价联动变化。项目中应用的都是bootstrap的样式,css就不一一贴出来了。加函数,减函数,手动修改数量判断库存函数,总价格计算函数,单选事件,全选事件,一共分为6个事件 原味手剥大瓜子

2016-04-29 17:46:26 31737 2

原创 css3实现多行文本溢出显示省略号...

我们常用的就是实现单行文本溢出显示省略号,此时需要定宽度,代码如下:.box{width:200px; overflow: hidden; text-overflow:ellipsis;//文本溢出显示省略号 white-space: nowrap;//文本不换行}那如何实现多行文本溢出呢?首先想到的是定高度

2016-04-29 16:55:45 7734

原创 css3遮罩——新功能引导层

看了张鑫旭的《腾讯微云黑色遮罩引导蒙版更好的CSS实现方式》和《CSS3下的圆形遮罩效果实现与应用》,终于搞明白了遮罩新功能引导层是如何实现的。原文链接:http://www.zhangxinxu.com/wordpress/?p=5290    http://www.zhangxinxu.com/wordpress/?p=2118要实现遮罩层和部分区域高亮显示,这里的思路是应用了元素

2016-04-29 16:44:11 11882 1

翻译 Bootstrap之Carousel不能自动播放的解决办法,支持左右滑动手势

解决bootstrap3 自带的轮播图不能自动轮播http://www.weste.net/2014/7-15/97829.html

2015-09-24 15:44:13 3454

翻译 checkbox实现全选,全不选,反选。Bootstrap-用ICheck插件给CheckBox换新装!

先来了解一下checkbox的checked属性。复选框的正确使用方法:复选框选中,就为复选框增加checked属性,复选框不选中,移除checked属性。无论复选框的checked属性是true和false,复选框都是选中的。jquery实现复选框全选全不选12全选反选$(function(){ $("#checkall").click(function(){ //第一种方法 全

2015-09-09 18:21:13 14007

原创 jQuery跟随鼠标方向出现遮罩层

鼠标从哪个方向划入,遮罩从哪个方向划入,鼠标从哪个方向划出,遮罩层从哪个方向划出。这个特效的重点是,判断鼠标的方向。*{margin:0;padding:0;list-style: none;}.main{width:922px;margin:0 auto;}.imgbox li{width:294px;height:267px;margin-left:20px;float:left;

2015-08-05 15:17:53 2152

翻译 jQuery京东分类导航菜单

$('.all-sort-list > .item').hover(function(){ var eq = $('.all-sort-list > .item').index(this), //获取当前滑过是第几个元素 h = $('.all-sort-list').offset().top, //获取当前下拉菜单距离窗口多少像素 120px s = $(window

2015-08-05 15:04:10 1455

转载 js事件委托

一个ul列表,里边有一个1000个li元素,如何为这1000个li元素添加click事件? 1 2 3 4 5 6 7 8 .......... 1000 (function(){ var a=document.getElementById('list'); var b=a.getElementsByTagName('li'); for(var i=0;

2015-08-04 09:42:35 463

原创 CSS小技巧

1 如何实现一个盒子在页面中水平垂直居中 .mydiv{width:300px;height:200px;position:absolute;left:50%;top:50%;margin:-100px 0 0 -150px; }2 左右两个盒子,左边的盒子宽度固定,右边的盒子宽度随着浏览器窗口的宽度改变而改变 .mydiv{width:100%;} .left{width:300px;

2015-08-03 15:10:28 371

空空如也

空空如也

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

TA关注的人

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