学习笔记 - 随笔分类 - 赵小磊

摘要：倒计时天时分秒天时分秒阅读全文

posted @ 2016-08-14 01:56 赵小磊阅读(236) 评论(0) 推荐(0)

摘要：效果预览：PS：1、昨天用3个DIV实现了太极图（点击查看），，今天试着用1个Div来做。2、公司刚忙过双10周年庆，最近空闲下来，闲着也是闲着，总得写点东西吧。3、高手莫喷，小弟仅仅是没事折腾一下，做个的记录。4、有网友反应旋转的时候会卡。5、IE浏览器，出门左拐、走好不送 ~~~实现步骤：HTM... 阅读全文

posted @ 2014-10-17 14:24 赵小磊阅读(6506) 评论(4) 推荐(2)

click事件300 毫秒点击延迟的来龙去脉

摘要：原文地址：What Exactly Is..... The 300ms Click Delay快速响应是所有 UI 实现的重中之重。研究表明，当延迟超过 100 毫秒，用户就能感受到界面的卡顿。然而，出于对手指触摸滑动的区分，移动端页面对于触摸事件会有 300 毫秒的延迟，导致多数用户感觉移动设备... 阅读全文

posted @ 2014-08-29 10:54 赵小磊阅读(923) 评论(0) 推荐(0)

Javascript函数声明与递归调用

摘要：Javascript的函数的声明方式和调用方式已经是令人厌倦的老生常谈了，但有些东西就是这样的，你来说一遍然后我再说一遍。每次看到书上或博客里写的Javascript函数有四种调用方式，我就会想起孔乙己：茴字有四种写法，你造吗？尽管缺陷有一堆，但Javascript还是令人着迷的。Javascrip... 阅读全文

posted @ 2014-04-23 00:30 赵小磊阅读(232) 评论(0) 推荐(0)

正则表达式30分钟入门教程

posted @ 2014-04-17 22:47 赵小磊阅读(319) 评论(0) 推荐(0)

前端开发面试题整理（JS篇）

摘要：以下都是网上整理出来的JS面试题，答案仅供参考。/2，截取字符串abcdefg的efg//alert('abcdefg'.substring(4));//3，判断一个字符串中出现次数最多的字符，统计这个次数/*var str = 'asdfssaaasasasasaa';var json = {};for (var i = 0; i iMax){ iMax = json[i]; iIndex = i; }}alert('出现次数最多的是:'+iIndex+'出现'+iMax+'次');*///4，IE与FF脚本兼容阅读全文

posted @ 2014-01-10 23:30 赵小磊阅读(5869) 评论(0) 推荐(0)

byClass

摘要：function getByClass(obj,sClass){ var aRr=[]; var aTag=obj.getElementsByTagName('*'); for(var i=0;i<aTag.length;i++) { var aClass=aTag[i].className.split(" "); for(var j=0;j<aClass.length;j++) { if(aClass[j]==sClass) { aRr.push(aTa... 阅读全文

posted @ 2013-11-29 11:51 赵小磊阅读(283) 评论(0) 推荐(0)

insertAdjacentHTML方法示例

摘要：添加HTML内容与文本内容以前用的是innerHTML与innerText方法，最近发现还有insertAdjacentHTML和insertAdjacentText方法，这两个方法更灵活，可以在指定的地方插入html内容和文本内容。insertAdjacentHTML方法：在指定的地方插入html标签语句原型：insertAdajcentHTML(swhere,stext)参数：swhere: 指定插入html标签语句的地方，有四种值可用：1. beforeBegin: 插入到标签开始前2. afterBegin:插入到标签开始标记之后3. beforeEnd:插入到标签结束标记前4. af 阅读全文

posted @ 2013-09-05 13:58 赵小磊阅读(374) 评论(0) 推荐(0)

js实现选中文字分享功能

摘要：分享 CSS布局的未来大家都知道，css有着奇妙的特性，然而让人失望的是，css对基本页面布局上的支持有所欠缺。但是这种情况正在得到改变，更多的动态页面正是由css所支持的，正如peter gasston所说的。在这里，我能够保证在数年之后，css3必定能够引领潮流。一揽子的前端工具正在应运而生，方便为我们带来rounded corners圆角，gradients渐变，opacity透明度，transformations，transitions，animations，甚至更多效果。但是现在我们都有了fun stuff，eye candy，还有需要什么呢？下一个我们... 阅读全文

posted @ 2013-07-27 22:48 赵小磊阅读(1217) 评论(0) 推荐(0)

Js取数组中最大值和最小值

摘要：Array.prototype.max = function(){ //最大值 return Math.max.apply({},this)} Array.prototype.min = function(){ //最小值 return Math.min.apply({},this)}console.log([1,2,3].max())// => 3console.log([1,2,3].min())// => 1 Array.max=function(array){ return Math.max.apply(Math,array);}Array.min=function(... 阅读全文

posted @ 2013-07-23 23:42 赵小磊阅读(174) 评论(0) 推荐(0)

利用运动框架实现左右焦点图

摘要：焦点图阅读全文

posted @ 2013-06-26 23:52 赵小磊阅读(262) 评论(0) 推荐(0)

JavaScript登陆弹窗，可拖拽

摘要：JavaScript登陆弹窗，可拖拽用户登录账户：密码：阅读全文

posted @ 2013-06-04 01:36 赵小磊阅读(883) 评论(0) 推荐(0)

网页打开速度慢怎么办

摘要：网页打开速度慢怎么办？首先，我们应该找出网页打开速度慢的原因，然后对这些可能造成网页打开速度慢的原因进行改进。这里武汉seo整理了常见可能会应该网页打开速度慢的原因供大家参考：1、网站空间的选择一个稳定的空间对于网站的打开速度有着直接影响，要是空间不稳定三天两头的出问题，那这个网站还怎么运营，迟早要关门大吉。所以我们选择空间服务商也要慎重。2、页面缓存技术的运用。在平时当中，各大网站的缓存处理，站长们这是为了减轻服务器的负担。建议对一些不常更改的文件比如模板全部做缓存处理3、图片的处理。图片的压缩*：有些网站上的图片根本就没有压缩过，直接放上去，网站像这样的图片有很多的话，直接严重地影响网页的阅读全文

posted @ 2012-10-17 16:30 赵小磊阅读(885) 评论(0) 推荐(0)

scrolltop、clientWidth、offsetWidth 、scrollWidth、screenTop等

摘要：网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body.scrollWidth;网页正文全文高： document.body.scrollHeight;网页被卷去的高： document.body.scrollTop;网页被卷去的左： document.body.scrollLeft;网页阅读全文

posted @ 2012-10-08 15:13 赵小磊阅读(512) 评论(1) 推荐(0)

JS运动框架

摘要：function startMove(obj, json, fn){ clearInterval(obj.timer); obj.timer = setInterval(function(){ var bStop = true; for(var attr in json){ var iCur = 0; if(attr == "opacity"){ iCur = Math.round(parseFloat(getStyle(obj, attr)*100)); }else{ iCur = parseInt(getStyle(obj, attr)) || 0;... 阅读全文

posted @ 2012-09-29 10:54 赵小磊阅读(663) 评论(0) 推荐(0)

侧边栏：在线客服

摘要：<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">body { height:2000px; }#box { width:150px; height:300px; background:#ccc; position:fixed; left:-150px; font-size:14px; }#box span { width:20px; pa 阅读全文

posted @ 2012-09-19 23:38 赵小磊阅读(668) 评论(0) 推荐(0)

学习笔记：《BOM》回到头部

摘要：<!doctype html><html><head><meta charset="utf-8"><title>回到头部</title><style type="text/css">body { height:5000px; }#gotop { width:50px; height:50px; display:block; background:#666; position:fixed; right:5px; bottom:20px; }</style>< 阅读全文

posted @ 2012-09-05 23:44 赵小磊阅读(204) 评论(0) 推荐(0)

学习笔记本：getNextElement与nextSibling的疑惑

摘要：function getNextElement(node){ if(node.nodeType == 1) { return node; } if(node.nextSibling) { return getNextElement(node.nextSibling); } return null;}下面是各个语句的解释：function getNextElement(node)//声明getNextElement函数，参数为node节点{ if(node.nodeType == 1) { return node;//如果n... 阅读全文

posted @ 2012-08-11 11:17 赵小磊阅读(3431) 评论(1) 推荐(1)

学习笔记：js Tab选项卡和手风琴

摘要：看了妙味课堂js视频教程，课前预热第二节后，明白选项卡的实现原理，就是：点击菜单所以的元素的className都为空，然后只给点击的当前元素添加className;Tab选项卡和手风琴是一样的原理。<!doctype html><html><head><meta charset="utf-8"><title>手风琴</title><style type="text/css">* { margin:0; padding:0; }#menu { width:280px; ma 阅读全文

posted @ 2012-08-04 16:02 赵小磊阅读(595) 评论(0) 推荐(0)

jQuery练习写的简单的手风琴效果

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2012-07-31 16:20 赵小磊阅读(200) 评论(0) 推荐(0)

随笔分类 - 学习笔记

公告