2016年02月_理个以哈呦

原创 sessionStorage

/**页面关闭数据随之消失**/<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>sessionStorage</title></head><body> <div style="width: 400px;text-align: center;margin: 0 auto;">

2016-02-29 15:09:56 1532

原创 localStorage

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>Storage</title></head><body> <div style="width: 400px;text-align: center;margin: 0 auto;"> <input class="inpu

2016-02-29 15:03:10 427

原创 HTML5文件操作(2)

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>HTML文件操作（读取）</title></head><body>1.FileList一个文件集合当在input中添加multiple就支持多文件上传2.Blob是一个原始数据对象，它提供了slice方法可以读取原始数据中的某块数据。另外

2016-02-29 11:27:54 967

原创 Html5文件操作(1)

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>HTML文件操作</title></head><body>1.FileList一个文件集合当在input中添加multiple就支持多文件上传2.Blob是一个原始数据对象，它提供了slice方法可以读取原始数据中的某块数据。另外有两个属

2016-02-29 11:25:52 458

转载 SCC3实现文字背景动态滑动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .te{ width: 600px; height: 700px; margin: 10px aut

2016-02-18 13:41:24 772

原创图片左右垂直居中显示

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .te{ width: 700px; height: 600px; margin: 10px aut

2016-02-18 13:20:46 311

原创 css selection改变文字反选的背景颜色

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> p::-moz-selection{ /*针对Firefox*/ background:#cc0000; color:#ff

2016-02-17 22:30:49 553

转载 css overflow:hidden为什么会失效

现象是给元素设置了overflow:hidden，但超出容器的部分并没有被隐藏，难道是设置的hidden失效了吗？我们知道，overflow属性值有这几种： visible：声明内容不会被剪裁。比如内容可能被渲染到容器外面。 hidden：声明内容将被剪裁，并且也甭想使用滚动条来查看剪裁掉的内容。 scroll：声明内容将被剪裁，但有可能出现滚动条来查看被剪裁掉的内容。滚动条出现的位置在inn

2016-02-17 21:41:58 10872 2

原创 Math ceil()、floor()、round()、random()使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .click{ width: 200px; height: 200px; background-co

2016-02-17 20:32:26 326

转载 js判断字符串中出现次数最多的字符并统计出现次数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> var str = "abcdefgaaaaaaddda"; var obj = []; var arr =

2016-02-17 20:15:30 910

原创 css绘制带箭头对话框

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Test</title> <style> .tip { position: relative; background-color: deepskyblue; margin

2016-02-17 16:37:27 8892 1

转载根据IP地址判断所属城市

/**根据IP地址判断所属城市**/ $(function(){ var province = '' ; var city = '' ; jQuery.getScript("http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js",function(){

2016-02-17 16:06:15 2551

原创 css中文字体对应英文写法

宋体 SimSun黑体 SimHei微软雅黑 Microsoft YaHei微软正黑体 Microsoft JhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB仿宋 FangSong楷体 KaiTi仿宋_GB2312 FangSong_GB2312楷体_GB2312 KaiTi_GB231

2016-02-17 16:04:32 425

转载 js判断鼠标进入容器的方向

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #wrap{ position: absolute; top: 50%; left: 50%;

2016-02-17 15:55:30 321

转载 IE版本判断

原文来自：http://www.oschina.net/code/snippet_575130_12609html判断IE版本1.  除IE外都可识别 2. 3. 4. <!-

2016-02-17 15:20:35 901

原创 js 字符串

$(function(){ var str="asdfghjkl"; var resul_sub=str.substring(0,4);//截取前四个字符 console.log(resul_sub);//asdf var str1="a|s|d|f|g|h|j|k|l"; var result_sp=str1.split('|'); console.l

2016-02-16 10:17:24 217

原创 js去除数组重复元素

/** 去除数组元素的，过程就是将arr[]中的元素赋值到result[]元素，在赋值的过程中，需要判断result[]中的元素是否和arr[]，如果相等不进行赋值直接break，如果不相同进行赋值。**//**js代码实现**/function unique(arr) { var result = [],isRep; for (var i = 0; i <= arr.

2016-02-15 16:28:50 319

原创 grunt使用方式

一、Grunt是基于Node.js基础上运行的。需要能正常运行Grunt，必先在你的系统上正确安装Node.js和NPM。如下图安装成功：二、通过npm安装grunt(grunt有Server版本和Client版本这里安装Client)安装命令：npm install -g grunt-cli//直接复制到cmd命令提示行下成功提示：C:\Users\hehua\AppData\Roa

2016-02-15 11:32:01 298

原创七层传输协议

Data Encapsulation 数据封装。HDR=hearder 报头。Flow 流segment 分割Cost 开销Security 安全Availabulity 有效Topology 拓扑七层传输协议：四层：传输层（Transport）数据为段（TCP UDP）。三层：网络层（NetWork）数据为包（IP）。二层：数据链路层（DataLink）数据

2016-02-14 14:47:42 744 2

原创 DOM标准事件的三个阶段

/*事件一开始从文档的根节点流向目标对象（捕获阶段），然后在目标对向上被触发（目标阶段），之后再回溯到文档的根节点（冒泡阶段）。*/

2016-02-14 14:39:25 4159

原创 jQuery工具函数

/**clearQueue**/clearQueue()函数用于清空每个匹配元素的指定队列中所有尚未执行的项。（清楚为执行完的动画）demo：<input id="start" type="button" value="开始动画" /><input id="stop" type="button" value="清空未执行动画" /><div id="n1" style="width: 200

2016-02-05 13:23:09 258

原创 setInterval和setTimeout

/**setTimeout**/setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。/**setInterval**/setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。demo:/** 定时函数每隔1000毫秒(1s)执行一次i的输出，验证码倒计时**/var clear;function startInterval(){

2016-02-05 12:42:38 250

.