随笔分类 -  HTML/JS

摘要：// 获取文件名称后缀 、不带后缀function getFilePath(filePath){ var path = []; var pos = filePath.lastIndexOf('.'); path['fileExt'] = filePath.substring(pos... 阅读全文

摘要：var upImg_config = { e0:'上传出错，请重试！', e2:'今日上传超过限制次数', e3:'照片格式不符合要求！', e4:'上传出错，请重试！', e5:'照片大小超过限制！', e6:'照片不能小于0M！'}//检查是什么浏览器func... 阅读全文

摘要：用户名密码明文直接POST到后端，很容易被别人从监听到。注：包括使用MD5等哈希函数处理后的数据，这里也算做明文（现在MD5爆破网站已经很多了~）。对安全性要求较高的网站，比如银行和大型企业等都会使用HTTPS对其进行加密通讯。但是由于效率原因，使用HTTPS的代价是及其昂贵的，对于访问量稍大的网站就会造成严重的性能瓶颈。解决方法一般只能采用专门的SSL硬件加速设备如F5的BIGIP等。所以很多网站选择了模拟SSL的做法，使用RSA来对密码等安全信息进行公钥加密，服务端用私钥解密。通常是对密码进行加密，具体如下：1.加载三个RSA的js库文件，可以到这里下载http://www.ohdav.. 阅读全文

摘要：css实现的圆角图形下面是css实现的圆角图形下面是原图效果如下： 阅读全文

摘要：div点击添加css动画 111 444 222 444 333 444 效果如下： 阅读全文

摘要：此方法主要用于移动端html5开发，因为box-flex是css3新添加的盒子模型属性，它的出现打破了我们经常使用的浮动布局，实现垂直等高、水平均分、按比例划分。但是它有一定的局限性，在firefox、chrome这浏览器下需要使用它们的私有属性来定义：firefox(-moz)、chrome（-webkit）。 div未知高度水平、垂直居中 2222 效果如下： 阅读全文

摘要：利用image对象的onerror事件来判断，出错则更换image对象的src为默认图片的URL。第一种情况：图片存在，正常显示 第二种情况：图片不存在，显示默认图片 注意：如果使用不当，在IE内核的浏览器下会造成死循环。比如：当【默认图片的url地址】也加载不成功（比如网速比较慢的时候）或不存在的话，就会反复的加载，最后造成堆栈溢出错误。因此， 需要用下面两种方法解决：a、更改 onerror 代码为其它处理方式或者确保 onerror 中的默认图片足够小，并且存在。b、控制onerror事件只触发一次，需要增加这句话：this.onerror=null; 增加后如下：下面是通过js的判.. 阅读全文

摘要：如果你用过jQuery UI，那么你应该会知道它内置有一个拖动排序(sortable)的功能。今天给大家推荐一个轻量级的拖动排序插件，让你能够摆脱jQuery UI。HTML5 Sortable是一个简单易用的轻量级jQuery插件，它可让你轻松实现列表的拖动排序功能，它基于原生HTML5的拖动 API 而实现。更重要的一点是它支持包括 IE 在内的所有主流浏览器。如何使用请参考http://farhadi.ir/projects/html5sortable/首先引入jQuery框架HTML5 Sortable插件。然后像这样添加一个 UL 列表，同时可以再加上自定义的样式。Item 1 .. 阅读全文

摘要：Highcharts简介Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。目前HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。使用1.引入文件，定义container(图表显示的位置) //如果要导出的话，加上这个 2.获取数据，绘制图表$(function () { $('#container').highcharts({ chart: { type... 阅读全文

摘要：效果如下:html中加入如下代码:js代码:function offset(node){ var x = node.offsetLeft; var y = node.offsetTop; var w = node.offsetWidth; var h = node.offsetHeight; var parent = node.offsetParent; while (parent != null){ x += parent.offsetLeft; y += parent.offsetTop; parent = parent.offsetParent; } if(w==0){ w+=p... 阅读全文

摘要：百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。该套API免费对外开放。自v1.5版本起，您需先申请密钥（ak）才可使用，接口（除发送短信功能外）无使用次数限制。http://api.map.baidu.com/api?v=1.4 //参数v表示您加载API的版本，使用JavaScript APIv1.4及以前版本可使用此方式引用。http://api.map.baidu.com/api?v=1.5&ak=您的密钥 //使 阅读全文

摘要：闲来无事，玩玩瀑布流一、使用masonry和infinitescroll结合(仿花瓣网) masonry是基于Jquery插件，用于对CSS布局的可移动层进行重新布局。Masonry愿意石工，可以这样形象的理解，页面上很多大小不一的移动层可以想象成散乱的石头，经过Masonry这个石工处理后，变成一堵美观的墙。官网地址：http://masonry.desandro.com infinitescroll是基于Infinite Scroll也是基于Jquery插件，用于当滚动条滚动时追加页面内容，有网友称这种效果为”无刷新无分页完美瀑布流”展现方式。官网地址：http://infinite-.. 阅读全文

摘要：英文原文：Manipulating Browser URLs Using JavaScript (Without Refreshing the Page)现在的浏览器里,有一个十分有趣的功能，你可以在不刷新页面的情况下修改浏览器URL;在浏览过程中.你可以将浏览历史储存起来，当你在浏览器点击后退按钮的时候，你可以冲浏览历史上获得回退的信息，这听起来并不复杂，是可以实现的，我们来编写些代码。来看看它是如何工作的。var stateObject = {};var title = "Wow Title";var newUrl = "/my/awesome/url&quo 阅读全文