云云酱 markyun

Buoyant Responsive Logo

Derived from am original design by Ryan McLaughlin. Uses cross-browser filters for underwater blur, vw units to make the logo responsive, and CSS animations triggered by window resizes.

A Pen by MarkYun on CodePen.

License.

	JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如：

	setTimeout(function() {
	alert('你好!');
	}, 0);
	setInterval(callbackFunction, 100);

	认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而说,而是JavaScript API文档明确定义第二个参数意义为隔多少毫秒后,回调方法就会被执行. 这里设成0毫秒,理所当然就立即被执行了.
	同理对setInterval的callbackFunction方法每间隔100毫秒就立即被执行深信不疑!


	//图片上传预览 IE是用了滤镜。
	function previewImage(file)
	{
	var MAXWIDTH = 260;
	var MAXHEIGHT = 180;
	var div = document.getElementById('preview');
	if (file.files && file.files[0])
	{
	div.innerHTML ='<img id=imghead>';

	(function(){
	//jQuery变量定义
	var jQuery = function(){...};
	//jQuery原型定义(包含核心方法)
	jQuery.fn = jQuery.prototype = {...};
	//看上去很奇怪吧? 非常巧妙的设计，后面详细介绍
	jQuery.fn.init.prototype = jQuery.fn;
	//提供jQuery静态方法与对象方法的扩展函数
	jQuery.extend = jQuery.fn.extend = function(){...};
	//后面依次有多个对jQuery静态方法的扩展

	国内各大互联网公司相关技术站点2.0版（集合腾讯、阿里、百度、搜狐、新浪、360等共49个）



	利用闲暇时间整理了一份国内各大互联网公司的相关技术站点，希望能够对大家有所帮助，也欢迎各位帮忙补充。

	腾讯系列（13）阿里系列（18）百度系列（3）搜狐系列（3）新浪系列（2） 360系列（2）其他（9）

	腾讯系列（13）

	/**
	* i use closure to simulate private method in OOP,because i don't wanna disturb the others js libraris you may use like jQuery,which uses $
	* remember the only variable i inject to window is Slider
	*
	* (c)logan liu
	* Email:[email protected]
	* if you find bugs,Don't hesitate contacting me.
	*/
	(function(window){

	根据name取值：
	$("input[name='mobile']").val()


	根据id取值:
	$("#mobile_reg_form").html()

	根据name取值了遍历：
	$("input[name='mobile']").each(
	function(){

	<!--[if IE 6]><script>alert("你浏览器弱爆了，哥不带你玩！")</script><![endif]-->

	我们公司还要兼容IE6. 我Tm用的bootstrap啊！！！伤不起啊，。于是我下了一面一段来兼容它：

	<!--[if IE 6]><script>alert("你浏览器弱爆了，哥不带你玩！");window.close();</script><![endif]-->

	<!DOCTYPE HTML>
	<html>
	<body>

	<div class="a"></div>
	<div class="a"></div><div class="a"></div>
	<div class="a"></div><div class="a"></div>
	<div class="a"></div><div class="a"></div>
	<div class="a"></div><div class="a"></div>
	<div class="a"></div><div class="a"></div>