${"#幼名小熊"}/*活着就是给力的瞎折腾*/140字随笔关于小站微博应用知识试一试运气赞助商广告不动手！6 五月, 2015 by 幼名小熊·不动手！已关闭评论搞不懂自己，不动手做不来。该改改！很好很基本的一个分支策略，其实平时不一定遵守16 一月, 2015 by 幼名小熊·很好很基本的一个分支策略，其实平时不一定遵守已关闭评论创建一个简单的帮助框（纯文字，HTML内嵌，带图片的~）11 一月, 2015 by 幼名小熊·创建一个简单的帮助框（纯文字，HTML内嵌，带图片的~）已关闭评论// html 效果<div class="help-tip"><p>这里是文字.</p></div>// html<div class="help-tip"><p>文字<br><br><img src="balloon.jpg" width="300" /><br><a href="www.upour.com">链接</a></p></div>// css.help-tip{position: absolute;top: 18px;right: 18px;text-align: center;background-color: #BCDBEA;border-radius: 50%;width: 24px;height: 24px;font-size: 14px;line-height: 26px;cursor: default;}.help-tip:before{content:'?';font-weight: bold;color:#fff;}.help-tip:hover p{display:block;transform-origin: 100% 0%;-webkit-animation: fadeIn 0.3s ease-in-out;animation: fadeIn 0.3s ease-in-out;}.help-tip p{/* The tooltip */display: none;text-align: left;background-color: #1E2021;padding: 20px;width: 300px;position: absolute;border-radius: 3px;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);right: -4px;color: #FFF;font-size: 13px;line-height: 1.4;}.help-tip p:before{ position: absolute;content: '';width:0;height: 0;border:6px solid transparent;border-bottom-color:#1E2021;right:10px;top:-12px;}.help-tip p:after{ width:100%;height:40px;content:'';position: absolute;top:-40px;left:0;}/* CSS animation */@-webkit-keyframes fadeIn {0% { opacity:0; transform: scale(0.6);}100% {opacity:100%;transform: scale(1);}}@keyframes fadeIn {0% { opacity:0; }100% { opacity:100%; }}1.1了解javascript函数调用和“this”21 十一月, 2014 by 幼名小熊·1.1了解javascript函数调用和“this”已关闭评论了解javascript函数调用和“this”函数定义：function hello(something) {console.log(this + " says hello " + something);}函数被调用：hello.call("TinyBear", "world") //=> TinyBear says hello world接着：function hello(thing) {console.log("Hello " + thing);} // this:hello("world")hello.call(window, "world");// 在严格模式下：hello.call(undefined, "world");// 函数自运行(function() {})()// 等价于：(function() {}).call(window);// 成员函数：var person = {name: "TinyBear",hello: function(thing) {console.log(this + " says hello " + thing);}} // this:// 打印输出： [object Object] says hello worldperson.hello("world")person.hello.call(person, "world");// 如果改成先定义全局函数function hello(thing) {console.log(this + " says hello " + thing);} person = { name: "TinyBear" }person.hello = hello; person.hello("world") person.hello.call(person, "world") hello("world") // 输出： [object Window] says hello world 说明这里的this指向window// 还可以这样 使用Function.prototype.bindvar person = {name: "TinyBear",hello: function(thing) {console.log(this.name + " says hello " + thing);
}
}
 
var b = function(thing) { return person.hello.call(person, thing); }
 // 这里this指向对象本身 打印：TinyBear says hello world
b("world");
b.call(window, "world");
var bind = function(func, thisValue) {
return function() {
return func.apply(thisValue, arguments);
}
}
 
var b = bind(person.hello, person);
b("world")