通过css和js实现水流效果,附效果图和原理解析
css , js / 2018-7-4 22:57:31 1,235 views

css和js实现水流效果 最终实现的效果图   实现的原理 通过1 和2实现三角形(当然最终也可以制作成圆形或者其他形状),水波的原理在于3,主要是通过动画的transform:rotate()旋转360deg和border-radius而生成。 水波不断增高是通过改变width、height、left、top而成。就是让它旋转的中心点不断变高,水流的快慢可以通过具体的animation…

Flex 弹性布局 附详细demo,可以自己慢慢玩!
css , js / 2018-3-25 22:00:41 1,185 views

      Flex 概念部分原文:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html  本文只是对概念部分加以实例帮助理解和巩固。 如果你要源码,欢迎start或者fork 1.flex的基本概念 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称”容器”。它的所有子元…

你清楚js中的this指向问题吗?戳这里!!
js , 面试题 / 2018-3-16 21:09:14 1,097 views

this指向的规则 1.默认绑定 默认绑定就是什么都匹配不到的情况下,非严格模式this绑定到全局对象window或者global,严格模式绑定到undefined; 2.隐式绑定 隐式绑定就是函数作为对象的属性,通过对象属性的方式调用,这个时候this绑定到对象; 3.显示绑定 显示绑定就是通过apply和call调用的方式; 4.new绑定 new绑定就是通过new操作符时将this绑定到当前…

TypeError: Illegal invocation
js / 2018-3-14 22:52:45 1,457 views

var args = Array.prototype.slice.call(arguments); console.log.apply(null, args); 发现报错: TypeError: Illegal invocation This is expected because console.info expects its “this” reference to be console, n…

js 正则匹配中文姓名
js / 2018-2-6 22:41:20 2,249 views

姓名正则 /^[\u4e00-\u9fa5]{1,6}(·[\u4e00-\u9fa5]{1,6}){0,2}$/ 匹配1到6个中文中间允许”·”+1到6个中文出现0到2次。主要为了考虑少数民族的名字  例如:买买提伊敏·伊敏诺夫 /^[\u4e00-\u9fa5]{1,6}(·[\u4e00-\u9fa5]{1,6}){0,2}([,,][\u4e00-\u9fa5]{1,6}(·[\u4e00…

你真的会用setTimeout吗?
js / 2018-1-30 15:15:27 1,450 views

关于setInterval()和setTimeout()返回值 setInterval(),setTimeout() 会返回一个值,一般认为是ID,将这个ID值传递给clearInterval(),clearTimeout() 可以取消执行,例如: js 代码: var intervalTimer=setInterval(function(){ console.log(1) },3000); co…

js XDM跨文档信息传递
js / 2018-1-25 23:27:20 1,881 views

跨文档信息传递 跨文档信息传送,指的是在来自不同域的页面间传递消息 例如 :www.wrox.com域中的页面与位于一个内嵌框架中的p2p.wrox.com域中的页面通信 postMessage() XDM的核心方法是postMessage(), 它的主要目的是向另一个地方传递数据,另一个地方指的是包含在当前页面中的<iframe>元素,或者由当前页面弹出的窗口。 接收2个参数: &l…

js Ajax的XMLHttpRequest对象
js / 2018-1-18 23:13:34 1,299 views

Ajax的核心是XMLHttpRequest对象 var xhr=new XMLHttpRequest(); XHR的用法 在使用XHR对象时,要调用的第一个方法是open()方法,接收3个参数, open() 1.要发送的请求类型(get,post等) 2.请求的URL 3.表示是否异步发送请求的布尔值 例如 xhr.open(“get”,”example.php”,true);//这段代码会启…

js中的JSON.stringify()与JSON.parse()
js / 2018-1-17 23:18:13 2,153 views

如何区分js对象与JSON对象? 1.json中没有声明变量(json中没有变量的概念) 2.没有末尾的分号 json数组 [{“title”:”hello” },{ “title”:”mike” }]   解析JSON对象 eval()函数,解析json对象 较早版本可以使用shim 对象的2个方法: 接续与序列化 stringify():用于把js对象序列化为json字符串 pars…

ajax与HTML5 history pushState/replaceState实例
js / 2018-1-16 23:33:00 697 views

1、ajax载入与浏览器历史的前进与后退 众所周知,Ajax可以实现页面的无刷新操作——优点;但是,也会造成另外的问题,无法前进与后退!曾几何时,Gmail似乎借助iframe搞定,如今,HTML5让事情变得如同过家家般简单。 当执行Ajax操作的时候,往浏览器 history 中塞入一个地址(使用 pushState )(这是无刷新的);于是,返回的时候,通过URL或其他传参,我们就可以还原到A…