“前端笔记“
关于js的闭包
关于js的闭包 闭包定义：指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。 简单的理解：指有权访问另一个函数作用域中的变量的函数 闭包可以用在许多地方。它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。 使用闭包的注意点 1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。 2）闭包会在父函数外部，改变父函数内部...
上传图片后实时预览
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <style type="text/css"> preview, .img, img{width:200px;height:200px;} preview{border:1px solid #000;} </style> </head> <body> ...
html5的history新特性
html5的history新特性 html5的history新特性 history.pushState和history.replaceState history.pushState(state, title, url) 将当前URL和history.state加入到history中，并用新的state和URL替换当前。不会造成页面刷新。 state：对象 –state对象是一个JavaScript对象，它关系到由pushState()方法创建出来的新的history实体。用以存储关于你所要插入到历史 记录的条目的相关信息。State对象可以是任何Json...
textarea内容换行
textarea内容换行 很多在网页里提交的textarea的内容到数据库后，读取到网页里，无换行效果 下面是一种比较简单的解决办法,适合一个页面多个要输出textarea内容的方法 <div class="textarea_br"><?php echo $cont1; ?></div> <div class="textarea_br"><?php echo $cont2; ?></div> <div class="textarea_br"><?php echo...
jquery点击空白处隐藏弹出层
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery点击空白处隐藏弹出层</title> <style type="text/css"> .pop {width:200px;height:150px;background:green;display:none;} </style> <...
html5表单验证pattern属性修改提示信息
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>html5表单验证pattern属性修改提示信息</title> <script type="text/javascript"> function validateIt(inputelement){ if(inputelement.validity.patter...
iframe与form的target实现局部刷新
iframe与form的target实现局部刷新 ........
用canvas画的网站背景(转)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>particle nets</title> <style> html,body{ margin: 0; padding: 0; height: 100%; overflow: hi...
html中引入css或者js文件后面加随机数的作用
html中引入css或者js文件后面加随机数的作用 浏览器为了提高用户访问同一页面的速度，会对页面数据进行缓存。 当url请求地址不变时，有时候会导致浏览器不发送请求，直接从缓存中读取之前的数据。 如果数据改变了，而没加随机数，读取的数据会跟之前一样。 加上随机数，就是欺骗浏览器url改变了，会每次都向服务器发送请求而不去读缓存。
js cookie
记录下 <script type="text/javascript"> function SetCookie(name,value)//两个参数，一个是cookie的名子，一个是值 { var Days = 30; //此 cookie 将被保存 30 天 var exp = new Date(); //new Date("December 31, 9998"); exp.setTime(exp.getTime() + Days2460601000); document.cookie = name +...