`
alexcheng
  • 浏览: 181899 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

学习一下Retweet Button的代码

阅读更多

 

Retweet Button是John Resig写的一个简单的JS,用来把某个URL通过bit.ly的服务变短之后,发送到Twitter上去。 这个东西本来是比较简单的,代码也比较少,不过从中还是可以学到一些比较好的做法。

  • (function(){})(),创建一个匿名方法并马上执行,用来解决命名冲突的典型做法了。window.RetweetJS暴露一个惟一的全局变量作为入口点。
  • 通过<script>标签动态加载JavaScript文件。

 

var head = document.getElementsByTagName("head")[0] ||
		document.documentElement;
var script = document.createElement("script");
	script.src = "http://bit.ly/javascript-api.js?version=latest&login=" +
		RetweetJS.bitly_user + "&apiKey=" + RetweetJS.bitly_key;
	script.charSet = "utf-8";
	head.appendChild( script );

 这种做法也非常常见了,与我之前的做法不同的是,如果没有head元素的话,就使用文档的根元素。

 

  • 对于onload的处理,自己习惯了dojo.addOnLoad,已经不记得背后的细节了。

 

if ( document.addEventListener ) {
	document.addEventListener("DOMContentLoaded", loaded, false);

} else if ( window.attachEvent ) {
	window.attachEvent("onload", loaded);
}

 

 

 

  • insertBefore,从来没用过这个DOM方法。var insertedElement = parentElement.insertBefore(newElement, referenceElem
  • getElementsByClassName,如果有这个方法的话,就用之;没有的话,就取到元素列表,用正则表达式过滤元素的className。
  • 动态添加CSS样式。
var style = document.createElement("style");
		style.type = "text/css";

		try {
			style.appendChild( document.createTextNode( RetweetJS.styling ) );
		} catch (e) {
			if ( style.styleSheet ) {
				style.styleSheet.cssText = RetweetJS.styling;
			}
		}

		document.body.appendChild( style );
 

 

1
0
分享到:
评论

相关推荐

    MIRI Retweet Button-crx插件

    该扩展程序在Twitter上添加了一个转发按钮,单击该按钮后,您将获得supportmiri的最新推文。 这是support-miri的org转推扩展。 有了这个扩展,一个转推按钮将被添加到您的Twitter。 单击此按钮后,您将被带到support...

    retweet-bot:用Crystal编写的转发机器人

    4. **简洁的语法**: Crystal的语法清晰,易于阅读和编写,减少了学习曲线。 5. **Web开发友好**: 提供了Shards包管理器,便于依赖管理和项目构建,同时有Kemal这样的高性能Web框架。 **Twitter API** Twitter ...

    Python库 | twitter-auto-retweet-1.1.6.tar.gz

    在Python的世界里,库扮演着至关重要的角色,它们提供了一系列预定义的功能,使得开发者能够更高效地编写代码。本篇将详细介绍`twitter-auto-retweet-1.1.6`这个Python库,它专注于Twitter自动转发(retweet)功能。...

    Twitter的Follow关系和Retweet关系对比 (2014年)

    ### Twitter的Follow关系和Retweet关系对比 (2014年) #### 摘要 本文探讨了在Twitter这一在线社交网络中,Follow关系(即关注关系)与Retweet关系(即转发关系)在传播用户影响力及表征用户同质性两方面的差异。...

    community-retweet-bot:半自动@botwikidotorg帐户的源代码

    社区转推机器人关于一个简单的基于node.js的Twitter机器人(它使用 node.js库),可以从列入白名单的帐户转发@提及(您也可以...客制化确实不需要更改community-retweet-bot.js文件名,因为它实际上并没有显示在任何地

    retweet_bot:每次特定用户发推文时转发的Bot

    retweet_bot 每次特定用户发推文时转发的Bot。 通过添加API密钥和密钥来创建自己的keys.py文件,然后通过将@username参数更改为要不断转推的用户来运行retweet_bot.py。

    wordpress thems masunurin

    Masunurin is a two-column, fixed-width and widget-ready Wordpress theme with TweetMeme retweet button and lots of advertising blocks for monetization.

    Oneshot-Bot-Retweet

    压缩包内的`Oneshot-Bot-Retweet-main`可能是项目的主要源代码文件夹,里面可能包含`__init__.py`和其他Python脚本,如`config.py`(配置文件)、`bot.py`(主逻辑代码)等。 在实际应用中,需要注意的是,Twitter...

    Pinned Retweet-crx插件

    **Pinned Retweet-crx插件详解** 在社交媒体营销领域,有效地推广内容是至关重要的,尤其是在Twitter这样的平台上。"Pinned Retweet-crx插件"就是一款专为提高推文可见度而设计的工具,特别适合那些希望扩大影响力...

    Python-twittercontestenterer输入Retweettowin式内容

    twitter-contest-enterer-输入 "Re-tweet to win"-式 内容

    warsawio-retweet-bot

    提供config文件(基于 config.sample)。 使用 docker 运行一次 bot

    retweet-visualizations

    转推可视化运行pip install -r requirements.txt以确保您具有运行此程序所需的所有必需软件包。 运行python app.py以运行该应用程序。 “快速统计信息”选项卡显示传播时间,针对先前推文的基准,以及按关注者数量...

    snapkite-filter-is-retweet:验证推文是否被转发

    是否转推 验证推文是否为转推。 与一起使用。 安装 将example.config.json复制到config.json 。 根据需要编辑config.json 。 ...这个 Snapkite 过滤器是在 MIT 许可下发布的。... 本软件不附带任何明示或暗示的保证。

    learnitmyway:我的网站

    用我的方式学习 这是的源代码。 用作静态站点生成器,由托管。 布局和样式源自主题。 请查看获取有关我用于向该网站发布更新的工具,流程和实践的更多信息。 当地发展 npm install make start 有用的命令 添加新...

    RetweetBot::pizza:实现自动转发最新twitter到QQ的机器人

    Retweet newest tweets to QQ by using this bot, which based on tweepy and QQbot. Just make more convenience for people in our daily life (^_^) 感谢提供的代理服务 施工中……………… 基本功能 2018年7月4...

    ASP源码—微博源码 v2.0.zip

    6. 动作处理:如`retweet.asp`(转发功能)、`comment.asp`(评论功能)和`follow.asp`(关注功能)等,这些页面处理用户发起的特定动作,更新数据库中的相应记录。 7. CSS和JavaScript文件:提供页面样式和交互...

Global site tag (gtag.js) - Google Analytics