当前位置: 秋叶网络博客
Javascript表格数据分析处理
作者: 发表时间:2016年03月05日
mysql数据库迁移导入到mongodb详细教程
关于数据的方面,往往跟表格联系在一起,因为表格能容纳大数据,使得数据看起来更整洁直观,再经过js的批量分析操作,会使得原本整洁直观表格数据变得更加整洁直观。 以下是处理表格中的数据的一个方法,将数据小于60%的标注为红色背景,将大于60%但小于80%的标注为黄色背景。相当于成绩的警告系统。如果数据量大的话,比如说一个学校几万人的成绩表格,要把里面的挂科人数找...
目录: 前端编程 标签: 表格数据 5条评论 6279次阅读
Facebook赞(like)与分享(share)sdk接口使用与回调
作者: 发表时间:2016年03月03日
mysql数据库迁移导入到mongodb详细教程
第一步:span Facebook官网主页上的点赞以及网页的分享,facebook都提供了一个公共接口文件,即: <script src="https://connect.facebook.net/en_US/sdk.js"></script>pre div 要使用这些功能,当然不止赞和分享,还有登录登出,社会化插件,App分析,广告等等都是用用这个文件,要使用Facebook的这些功能,首先要在页面中头部引入这个文件。当然你也可以使用F...
目录: 前端编程 标签: Facebook 7条评论 9653次阅读
js图片简单放大缩小功能
作者: 发表时间:2016年02月24日
mysql数据库迁移导入到mongodb详细教程
点击鼠标左键放大图片,点击鼠标右键缩小图片 // < ![CDATA[ function stopDefault(e) {//阻止默认行为(可有可无,确保万无一失) if (e && e.preventDefault) e.preventDefault(); else window.event.returnValue = false; return false; } (function() { var img = document.getElementById("smartPic");//获取点击元素 var i = 1;//定义i初始值 var imgWidth=parseInt(i...
目录: 前端编程 标签: 图片缩放 10条评论 6347次阅读
图片延迟加载、懒加载原理及代码实现
作者: 发表时间:2016年02月06日
mysql数据库迁移导入到mongodb详细教程
图片延迟加载主要是用来解决一个页面中图片太多,导致打开页面的时候一次性加载太多图片导致打开速度慢的问题。现在在很多网站上都用得很多,比如说微店,淘宝等一些图片量较大的网站,采取懒加载也是利于用户体验。 原理即是网页代码中有img标签,但是没有src属性,只是把src原本应该放的图片链接放到另外一个属性值去,比如说data-src,这样浏览器就不能把图片渲染出来。但...
目录: 前端编程 标签: 延迟加载 1条评论 7096次阅读
仿支付宝客户端的咻一咻
作者: 发表时间:2016年02月01日
mysql数据库迁移导入到mongodb详细教程
最近支付宝里面的咻一咻抽红包挺火的,主要运用的是css3技术实现,试着自己做了一个,代码如下: @keyframes scale{ 0%,100%{ transform:scale(1.1); } 50%{ transform:scale(1.3); } } @keyframes scale2{ 0%{ transform:scale(1.1); } 50%{ transform:scale(5); opacity:0; } 100%{ transform:scale(1.1); opacity:0; } } .xiu_pay{ width:80px; height:80px; background:...
目录: 前端编程 标签: 咻一咻 6条评论 6918次阅读
JavaScript完美弹性运动+拖拽
作者: 发表时间:2016年01月28日
mysql数据库迁移导入到mongodb详细教程
代码详情:p #div1{background:green;width:100px;height:100px;border-radius:50%;background-size: cover;position:absolute;cursor:default;top:100px;left:100px;color:white;line-height:100px;text-align:center;} style 请拖动我div $(function(){ var oDiv=document.getElementById('div1'),width=oDiv.offsetWidth,height=oDiv.offsetWidth; var speedX=0,speedY=0...
目录: 前端编程 标签: 弹性运动 0条评论 5485次阅读
css高斯模糊效果
作者: 发表时间:2016年01月28日
mysql数据库迁移导入到mongodb详细教程
.span blurspan {span filter:span span url(blur.svg#blur); /*span FireFox, Chrome, Opera */span span -webkit-filter:span span blur(10pxspan span ); /*span Chrome, Opera */span span -moz-filter:span span blur(10pxspan span ); -ms-filter:span span blur(10pxspan span ); filter:span span blur(10pxspan span ); filter:span span progid:span span DXImag...
目录: 前端编程 标签: css高斯模糊 5条评论 6279次阅读
滚动到页面底部ajax请求加载填充数据模拟
作者: 发表时间:2016年01月27日
mysql数据库迁移导入到mongodb详细教程
前后端交互往往离不开ajax的身影,这种无刷新加载数据现在运用得越来越广,也为增加用户体验新添了一笔,有了ajax,前端就跟数据打交道了。那么什么才是ajax,ajax的实现方法大家都很耳熟能详(理论),然而实际的数据分析操作却少之又少。 今天花了点时间写了个简洁易懂的ajax数据交互demo供初学者学习参考,代码如下,注释如下。。: (function(){//用闭包自执行形成代码保...
目录: 前端编程 标签: 前端交互 0条评论 6348次阅读
CSS文字两端绝对对齐
作者: 发表时间:2016年01月25日
mysql数据库迁移导入到mongodb详细教程
什么叫两端对齐?演示一下: 你div :div 你们div :div 我们div :div 我和你们div :div 你们和我去哪div :div 去你家吃饭div :div div .qiuye_justify > div {overflow:hidden;line-height:42px;} .qiuye_justify > div > div { border:1px solid #ddd; margin:5px; float:left; width:100px; height:30px; line-height:30px; overflow:hidden; padding-right:20px; text-ali...
目录: 前端编程 标签: 文字对齐 0条评论 5306次阅读
JS变量的基本类型和引用类型及内存机制详解
作者: 发表时间:2015年12月19日
mysql数据库迁移导入到mongodb详细教程
在javascript中,所有的变量可用基本类型和引用类型区分开来,而运行javascript时是在内存中运行,此时内存会被划分为栈内存和堆内存,栈内存是放基本类型的值,这些值分别存在所分配的物理位置,占据着固定大小的空间(小片段),而堆内存是放引用类型的对象,注意这里并不是值而是对象,是一个指针,这个指针指向内存中的另一个位置,这个位置存放着这个对象,这个对象占据...
目录: 前端编程 标签: js内存机制 1条评论 8376次阅读