自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 欢迎进行技术交流

方便大家交流,建了一个微信群,以后大家有什么不明白的问题,可以在群里进行沟通。

2018-03-28 09:58:11

阅读数 138

评论数 2

原创 抖音推荐机制

好久没来写博客了。今天不写硬代码了。今天说一说最近火的发紫的抖音推荐机制;2018今年的一匹短视频黑马,非抖音莫属。我习惯称他为黑马,虽然有的数据会说在17年的年底,他的数据增速已经很漂亮了,但是,在抖音出来之初,大家以为已经有了7亿粉丝的快手,头条系也有了火山,或许抖音不会掀起什么大风大浪。可是...

2018-04-09 11:30:52

阅读数 11860

评论数 0

原创 数组排序,选出最优选择

话不多说,先讲需求吧。 我们都会遇到这样一个场景:在天猫或者京东中,优惠券的使用,假设你的个人账户有好多优惠券,那么当消费满减的时候,会有一个最优的选择。 举个栗子:你消费50元,现在你有3张优惠券,分别是:满20减5块,满10块减10块,满30减5块。请写出使用优惠券的方案::1(满20减5...

2017-05-18 15:22:10

阅读数 467

评论数 0

原创 解决IE8 不支持getDate

第一,先说需求:后台返回一个时间,我需要获取这个时间的后一天时间。再次或许系统时间和后一天时间进行比较,依次做不同业务。 第二,因为要在 后台时间加一天,我用到了getDate()这个方法,IE8不支持, 第三,解决方法:`//兼容IE8 function par...

2017-03-24 11:43:11

阅读数 937

评论数 0

原创 移动端下拉刷新

做了一个小的demo,移动端下拉刷新页面数据。没用插件。主要实现思路。大致说一下: 1.首先进入页面要进行ajax请求数据。 2.监视页面产生下拉动作,再次请求数据。 3.奏是这么简单粗暴。 4.上代码:第一步: $.ajax({ url: basePath + &...

2017-01-06 17:13:26

阅读数 1994

评论数 1

原创 css3-animation超级好用的动画小插件

css3小动画,实在是丰富了前端展示页面的效果。虽然IE8不兼容(爱兼容不兼容,奏是这么傲娇)。但是在谷歌,火狐表现都 没差。今天就介绍一个css3动画小插件,分分钟满足你实现各种妖魔化动画效果。 1.需要引入css文件:animate.css 2.引入js文件:wow.min.js 3.找...

2016-12-21 15:04:41

阅读数 2241

评论数 3

原创 兼容IE8图片轮播

最近在做一个活动,其中产品给的需求是:一共是8张图片,开始显示2张,点击第3张,这时候页面显示3张。中间为大图,两边是小图。好了,直接贴代码了;//轮播JS /*未元素的首尾添加补白*/ var $panels = $('#slider .scrollContainer...

2016-12-19 14:28:21

阅读数 3226

评论数 0

原创 IE8加载后台数据失败(location.origin兼容问题)

在本地起了个 sever,用于ajax跟后台交互。写完页面之后,在谷歌,火狐,360相继测试一切正常。但是要求最低兼容IE8,最后就在IE8下进行测试,发现:页面根本没有加载任何后台数据。于是乎,费尽力气在IE下调试JS。奈何,JS真难调。此时,对IE8的愤怒已经到了极点。但是还得找问题。最后发现...

2016-10-20 14:44:15

阅读数 4385

评论数 1

原创 git撤销commit操作

使用git的时间不是很长,所以一旦操作不当就会出现问题。之前遇到问题都是抓瞎,立马跑去问头咋得回事。今天有遇到一个问题。push失败。原因是commit的时候没加说明,正确的是:commit -m “说明”,我直接:commit -m,结果Push失败。后来就想着,将缓存到分支的文件删除,重新再将...

2016-10-13 11:25:43

阅读数 1597

评论数 0

原创 获取url?后的参数

在我们编写页面的时候,两个页面之间互相传参,是很应用很频繁的。抛开安全因素之外。我们一般习惯在进项页面跳转的时候直接添加在跳转地址之后,比如像这样:window.location.href=b.html?investmentmoney="+investmentmoney+"&a...

2016-09-29 15:44:55

阅读数 1556

评论数 0

原创 swiper在IE8下失效

最近在做一个轮播的效果。找到了swiper这个插件。在移动端用着挺好的。但是在PC端的话,IE下效果全部失效。后来了解到,swiper3是专门针对移动端写的。如果想兼容IE8的话,应该引入swiper2. 也就是:idangerous.swiper.js。 另外还有一个Js可以兼容IE8,用着...

2016-09-20 15:32:11

阅读数 18332

评论数 0

原创 无缝隙跑马灯

<div id=""> <ul> <li>11111</li> <li>11111</li> <li>11...

2016-09-06 09:55:49

阅读数 319

评论数 0

原创 跑马灯

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body>...

2016-09-04 17:20:24

阅读数 336

评论数 0

原创 前端小工具

作为前端经常修改页面样式。改来改去都忘到底修改了什么。在这给各位推荐一个小神器:html代码对比工具。说到这,这种工具有好多,今天我只介绍一种,我用着感觉很方便的。 https://www.diffchecker.com 我是一般直接用在线的。 把你想对比的html或者css文件分别粘贴...

2016-09-01 15:04:58

阅读数 333

评论数 0

原创 JS A页面跳转B页面后,B页面样式全部失效

页面跳转是最平常不过得操作。我比较常用的是loaction.href=”XXX.html”,但是从A页面跳转到B页面之后,B页面的样式全都乱掉了。如果你也遇到了这样的情况,希望从 以下几个方面去排查。 1.看css是否加载了进去。如果确定没有加载进去,可以将 外链的css写到&lt;he...

2016-08-01 09:27:47

阅读数 2326

评论数 2

原创 Tab页的切换

废话不多少,直接贴代码。<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible&...

2016-07-29 10:11:06

阅读数 228

评论数 0

原创 手机APP字体随着屏幕的变化而变化

最近手写移动端样式比较多。其中涉及一个很重要的就是字体的大小。现在移动端分辨率不尽相同,在不同分辨率下显示不同不同字体大小,是做移动开发的基础。实现方法有多种,可以是媒体查询,也可以JS控制。媒体查询的我就不贴了,在这我贴出JS控制字体大小。<script> (func...

2016-07-26 11:57:46

阅读数 1750

评论数 0

原创 IE8兼容border-radius

最近在写PC端活动页面,UI给的设计稿里边有大量的圆角。咨询过做PC端的同事,说只能兼容到IE9。但是心里不甘心,于是在网上找到了PIE.htc文件。发现它能完美兼容IE8。在这里我把代码步骤给大家罗列一下。 1.下载PIE.htc文件。放到任意位置,前提是你引用的时候可以找得到。 2.给需要...

2016-07-13 10:53:33

阅读数 12023

评论数 4

原创 video.js在IE8下无法正常播放

使用video.js插件在PC端播放视频,官方说可以兼容IE8,但是下载DEMO下来后在本地测试,发现IE 8不能播放。后来搜索资料发现了video.js兼容版本。这个应该是国内的在video.js基础上做了修改。发现特别给力。在这里要特别感谢兼容版本作者。 1. 基本代码结构: 2.现...

2016-06-16 11:26:32

阅读数 9826

评论数 13

原创 关于Data的问题汇总

1.后台返回字符串“20160608”需要将后台的时间转换为“2016年06月08号” 实现方法: var str ="20160608"; var ts=str.substring(0,4)+'年'+str.substring(4,6)+'...

2016-06-08 16:02:37

阅读数 257

评论数 0

原创 微信分享缩略图不显示

项目活动页面有个微信分享的功能,在分享出去以后,分享链接缩略图不显示。微信默认的是从body中找取第一个img标签。 但是整个活动页面都是作为背景图片显示的。为了不影响原来页面结构,刚开始是硬生生的添加了img,给他的display设置的none.发现这样设置以后,微信也 找不到了。所以这种 行不...

2016-06-06 12:50:04

阅读数 5462

评论数 1

原创 如何让多个显示器显示不同屏幕

现在公司给配了一个小本+外显示器。 如何让显示器显示不同屏幕 点击空白右键—-屏幕分辨率—多显示器–扩展这些显示。然后将想显示的窗口往右拖。就完成了~~~

2016-05-31 13:13:47

阅读数 905

评论数 0

转载 跨域CORS原理及调用具体示例

我们知道,在前端开发中会遇到跨域问题,一般会使用jsonp解决跨域问题。但是使用jsonp的话,有其自身不足就是只能使用GET提交,若传输的数据量大,这个JSONP方式就歇菜了。那今天就来介绍另一种跨域介绍方案—CORS。相对JSONP,CORS支持POST提交,并且实施起来灰常简单,CORS原理...

2016-05-17 14:08:39

阅读数 248

评论数 0

原创 css3 placeholder中含有文字和字符,字符如何在input中垂直居中

有这个一个小功能 星号垂直居中。这是最后要呈现的效果。">``` 如果只是单纯让这样写,它会是这样的效果: ![这里写图片描述](http://img.blog.csdn.net/20160513102416971) 这时候只需要加上 font-family: sans-seri...

2016-05-13 10:26:36

阅读数 1204

评论数 1

原创 jquery 插件tmpl

每次拿到后台接口返回来的数据结构,总是自己一层一层写循环。导致代码看起来一坨一坨的赶脚。沉重并且不美观。经过别人介绍,接触到了jquery的一款插件:tmpl.js.用起来很简单,并且很方便 1.首先在也页面中插入tmpl.js<script src="js/jquery.tmp...

2016-04-21 11:50:20

阅读数 398

评论数 0

原创 页面中插入QQ表情

在页面中插入QQ表情。用的是一款jquery插件:jquery.qqFace.js。 1.页面引入jquery+jquery.qqFace.js两个js文件<script type="text/javascript" src="jquery-1.7.2.min...

2016-04-20 17:39:29

阅读数 510

评论数 0

原创 JS 数组去重

话不多说,直接贴代码:<script> Array.prototype.numberRepeat=function(){ var numberContent=[this[0]]; for(var i=1;i<this.length...

2016-04-06 16:30:24

阅读数 384

评论数 0

转载 D3.js中文文档

Api参考 此文档翻译自 API Reference (英语),版本为 2013-9-9 。不能保证文档的同步更新,因此,需要了解最新的开发特性,请移步英文版 API 参考 。 d3 库所提供的所有 API 都在 d3 命名空间下。d3 库使用语义版本命名法(semantic ve...

2016-03-23 10:39:39

阅读数 1335

评论数 0

原创 Node.js初体验

作为前端人员,只会前端,貌似还不够,但是花费大量时间去系统学习一门后端语言貌似又不现实。这时候,大家都在讨论node.js.一门用javascript编写的服务器语言。简直太酷了有没有?!听说了好久。但是一直没时间深究。最近大概浏览了一遍。算是初次相识。当然了,了解的都是最基本,最浅显的东西。 ...

2016-03-18 16:07:12

阅读数 187

评论数 0

原创 前端如何实现商品规格

最近做了一个商品规格,咱们平时买东西会选择一些譬如:颜色,大小之类的。乍一看,挺简单。但是真正实现起来,突然发现自己对于JS的数组掌握的不是特别好。同时也明白了,学好JS数组很重要,学好JS数组很重要,学好JS数组很重要。这个必须要说三遍。因为我当时学习JS的时候,不知道为何,心里有点排斥它。所以...

2016-03-17 16:04:46

阅读数 5614

评论数 0

原创 融云聊天--web SDK API

因为产品需求,需要有聊天功能,客服功能。用的是融云的,他把什么方法都集成好了,用起来很方便。并且是免费的。但是第一次接触,并不是那么顺利,并且在网上搜不到相关核心资料,只能硬着头皮看文档,实在没办法就去融云提交工单。深知做前端第一次接触融云不不易,所以我在这梳理一下融云的相关方法。方便和我一样找不...

2016-03-03 11:20:50

阅读数 13820

评论数 39

原创 JqueryMobile的pageinit事件

A页面跳转B页面带着一堆参数,B页面通过传递来的参数做一系列操作。一开始,初次加载页面A跳转B页面后,B页面可以正常操作,但是离开B页面,再从A进入B页面,B页面操作全部失常。解决的方法是在A跳转B页面的时候添加个参数:reloadPage:true 例如:$.mobile.change(&qu...

2016-03-02 15:33:35

阅读数 862

评论数 0

原创 JqueryMobile地址选择显示问题

最近在做三级地址选择,用的是JqueryMobile框架。省,市,区,为三个独立的页面,出现的bug为:第一次加载页面的时候,所有地址列表都正常显示,但是返回再次选择地址的时候,只会出现省,市+区页面不会显示出来,并且有时候省市区会乱跳,看控制台,获取地址列表的接口也正常返回,所有问题出在绑定数据...

2016-02-24 16:12:52

阅读数 386

评论数 0

原创 CSS 垂直居中问题总结

在做页面的时候,不论PC端,还是移动端,都会遇到各种垂直居中的问题,在这里,我列举了一些,有些是在工作中遇到了,有的是自己整理的,还不是特别全面,以后会后续更新,如果有不同看法,或者有新的这种CSS垂直居中问题,欢迎在评论下方积极参与。大家共同进步。<!DOCTYPE html> &l...

2016-01-13 11:30:19

阅读数 490

评论数 0

原创 JQueryMobile+融云webSDK创建的聊天室有多余空白

做了一个视频电商,要求上边放视频,下边有聊天室可以聊天。因为融云提供免费的即时通讯服务,所以用的融云的web SDK .但是有一个问题就是,聊天室我给了样式:#chatRoom{height:10rem;overflow:scroll;} 发送消息的时候,消息内容距离发送框有一大截空白,并且不同...

2015-12-18 10:00:26

阅读数 1405

评论数 0

原创 用HTML5写的视频,在IOS应应用中可以打开,在安卓应用中打不开。

最近在写一个视频电商,看着挺简单,写起来发现没想象的那么简单。遇到的小问题就是一些样式问题,最大的问题是写好的视频打包后,在安卓应用里无法播放。我一直认为是打包的问题,因为我的页面用手机的浏览器可以播放,打包的说是我的事,经过一番争论,从我这开始找问题,发现原来是因为,安卓不支持HTML5的sou...

2015-12-14 13:17:58

阅读数 2121

评论数 1

原创 APP气泡聊天框

好久没写博客了。今天给大家分享一个气泡聊天框。div.speech { margin: 10px 0; padding: 8px; table-layout: fixed; word-break: break-all; position: relative;...

2015-11-13 15:44:59

阅读数 567

评论数 0

原创 写了一个HTML页面,想用手机打开怎么办?

写了个HTML页面,想用手机访问怎么办?有三种方式 一:xampp服务器(需要电脑一台,手机,xampp服务器)     具体实施步骤: 1.到官方下载xampp安装到电脑上 2.打开xampp,将写好的H5页面放到XAMPP文件夹中的htdocs文件夹中。 3.查看本机的局域网IP地址,如:19...

2015-10-29 14:10:53

阅读数 18943

评论数 1

原创 WEB移动端的click ,tap ,touchend事件的对比

在做移动端项目时,用的是JqueryMobile+H5+Jquery,需要用到点击事件,一开始用的是click,但是click在移动端会有200-300ms延迟现象,所以用tap代替,但是现在问题来了,安卓手机测试时正常的,在IOS上跑的话,会自动触发两次点击事件,并且这种情况在不同的IoS系统表...

2015-10-22 09:51:20

阅读数 4049

评论数 0

原创 HTML5+Canvas 正方体旋转

H5+canvas 正方体旋转

2015-10-16 15:54:34

阅读数 1831

评论数 0

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