lishuai05251986
lishuai05251986

Dojo mobile TweetView 系列教程之三——Tweets和Mentions视图

Dojo mobile TweetView 系列教程之三——Tweets和Mentions视图

分类： Javascript Dojo扩展 （dojox） 2011-05-18 19:13  2211人阅读  评论(0)  收藏  举报
dojo mobile function class twitter float
 

目录(?)[+]

 

作者：David Walsh

翻译：Siqi（[email protected] ）

原文：Getting Started with TweetView: Tweets and Mentions

 

在上一个教程Dojo mobile TweetView 系列教程之二——TweetView启程 中，我们介绍了将要使用dojox.mobile创建的移动应用程序“TweetView”，并为其创建了整体布局模板，现在是时候为TweetView添加更多的代码让它真正工作起来了！本教程将重点介绍“Tweets”和“Mentions”这两个视图的实现。在我们开始码代码前，让我们先整理好TweetView的文件目录结构并回顾几条移动应用程序开发的理念。

 

版本：1.6

难度：中级

系列：TweetView

 

 

打理好你的项目文件结构

TweetView将会使用和大多数基于Dojo的项目一样的文件结构：应用程序的HTML放在根目录下，TweetView的JavaScript文件、图片以及样式表则放在js文件夹中各自命名空间同名的文件夹下。

 

 

！TweeView使用很少的自定义图片来减少加载时间。为了使图片资源尽可能小，可以使用诸如Pngcrush 来压缩每一张图片。CSS文件则可以通过Dojo自带的打包工具来进行压缩。

 

 

写在开始编码前：移动开发准则

各位看官请先暂且停下！在我们开始码代码前，还有几件关于dojox.mobile和移动web开发的事我们需要了解下：

 

  • 大小很重要： 在开发移动应用程序时，一个字节的大小也很重要，所以尽可能的缩写你的代码，虽然某些缩写可能在你开发标准的Web应用程序时是不可接受的。另外请注意，你添加的每一个依赖项都会增加你应用程序的加载时间。
  • 最佳实践：Mobile!=Web： 在使用JavaScript编程时有一些常用的最佳实践，如不要扩展原生对象，不要使用全局变量，保证你创建的对象尽可能的灵活、范型。但这些最佳实践往往会以增加代码量为代价，所以在创建移动应用程序时，你可能需要抛弃这些条条框框来提高你的代码性能。
  • 保持简单： 创建一个包含很多自定义样式、控件、布局的过度复杂的移动应用程序会很快让你抓狂。所以创建一个简单的布局，然后往上添你需要的东西，这才是比较好的创建移动应用程序方法。

！在TweetView中我们不会摒弃所有的最佳实践。我们将寻求代码大小与这些最佳实践之间的平衡。

 

在记住这些之后，还有最后一点：我们将暂时不使用缓存。

 

 

Mobile Devices and Caching

大多数移动设备严重依赖缓存来缓解数据传输的重担。这对于产品级的应用程序来说是很好，但我们现在还处于开发初始阶段，所以缓存对我们来说只会在测试这个应用程序的时候让我们沮丧。所以在开发Setting视图前，让我们添加一些防止缓存的META标签：

 

 

[xhtml]  view plain copy
 
  1.   
  2. <meta http-equiv="cache-control" content="no-cache">  
  3. <meta http-equiv="pragma" content="no-cache">  
 

 

 

这些META标签将在开发过程中发挥很大作用，在TweetView真正产品化时，我们将移除这些META标签。

 

 

Tweets and Mentions视图

 

“Tweets”和“Mentions”视图时三个视图中最为复杂的。它们的功能和外观都很相似，所以我们将重点介绍如何创建一个可以同时顾及到这两个视图的类。在看过效果图之后，我们知道我们将需要以下控件：

  • dojox.mobile.ScrollableView - 整个视图框架
  • dojox.mobile.Heading - “Tweets”标题栏
  • dojox.mobile.RoundRectList - 列表容器
  • dojox.mobile.ListItem - 列表元素

效果图也清楚的告诉了我们将要通过与Twitter交互来获取用户信息，所以我们将需要一些额外的Dojo资源：

  • dojo.io.script - 使用JSONP来从Twitter获取信息
  • dojo.DeferredList - 让我们在获取到所有信息之后一次性处理多个Twitter请求。

底部的控制条已经在上一个教程中完成了。（Dojo mobile TweetView 系列教程之二——TweetView启程 ）

 

 

Developing TweetView

准备好了？现在就让我们一块一块开始做吧！

 

 

Adding Resources to the Page

我们需要向app.html页面添加我们自己的样式表"TweetView.css":

 

 

[xhtml]  view plain copy
 
  1. <link href="js/tweetview/resources/TweetView.css" mce_href="js/tweetview/resources/TweetView.css" rel="stylesheet" />  

 

 

这个样式表将包含整个应用程序所需要的样式，不仅仅是Setting视图。

 

 

Tweets和Mentions视图模板

我们在上一个教程中已经创建了Tweets和Mentions视图的模板：

 

 

[c-sharp]  view plain copy
 
  1.   
  2. "tweets" dojoType="dojox.mobile.ScrollableView" selected="true">  
  3.     "dojox.mobile.Heading">  
  4.           
  5.         "dojox.mobile.ToolBarButton" class="mblDomButton tweetviewRefresh" style="float:right;" mce_style="float:right;" icon="images/refresh.png">
  
  •         Tweets  
  •       
  •     "dojox.mobile.RoundRectList">  
  •         "dojox.mobile.ListItem">  
  •             这里将是Tweet条目  
  •         
    •   
  •       
    •   
  •    
  •   
  • "mentions" dojoType="dojox.mobile.ScrollableView">  
  •     "dojox.mobile.Heading">  
  •           
  •         "dojox.mobile.ToolBarButton" class="mblDomButton tweetviewRefresh" style="float:right;" mce_style="float:right;" icon="images/refresh.png">
    •   
  •         Mentions  
  •       
  •     "dojox.mobile.RoundRectList">  
  •         "dojox.mobile.ListItem">  
  •             Mention tweet item here  
  •         
    •   
  •       
    •   

     

     

    我们在新控件完成时对这些模板进行更新，但现在我们不需要对这些HTML布局进行修改。

     

     

    新的类：tweetview._ViewMixin

    在看过所有的三个视图（Tweets, Mentions和Settings）之后，很明显每一个视图都需要修改dojox.mobile.RoundRectList控件的domNode。为了防止每个视图对象中出现重复的代码，我们创建一个名为_ViewMixin的类来提供一个用来获取列表节点的方法，这样我们就可以根据需要隐藏或显示这些节点。_ViewMixin还提供一个substitue方法，它相当与一个非常原始的模板系统。此外还有一个getElements方法用来根据CSS类获取元素。

     

     

    [javascript]  view plain copy
     
    1. // 提供类  
    2. dojo.provide("tweetview._ViewMixin");  
    3.    
    4. // 声明类  
    5. dojo.declare("tweetview._ViewMixin", null, {  
    6.     // 返回列表节点  
    7.     getListNode: function() {  
    8.         return this.getElements("tweetviewList",this.domNode)[0];  
    9.     },  
    10.     // 更新列表控件状态  
    11.     showListNode: function(show) {  
    12.         dojo[(show ? "remove" : "add") + "Class"](this.listNode, "tweetviewHidden");  
    13.     },  
    14.     // 将数据写入模板  
    15.     substitute: function(template,obj) {  
    16.         return template.replace(//$/{([^/s/:/}]+)(?:/:([^/s/:/}]+))?/}/g, function(match,key){  
    17.             return obj[key];  
    18.         });  
    19.     },  
    20.     // 根据CSS类获取元素  
    21.     getElements: function(cssClass,rootNode) {  
    22.         return (rootNode || dojo.body()).getElementsByClassName(cssClass);  
    23.     }  
    24. });  

     

     

    你会发现这些方法在整个教程中都很有用。

     

    ！花一点时间看看每一个效果图，你会发现共享的列表控件访问方法、模板，是很有必要的。如果你现在还不明白_ViewMixin方法的作用的话，不用担心，我们将在创建每个视图的时候重新讲解一遍。

     

    同时请注意，getElements方法是dojo.query的一个替代品。dojo.query方法包含了很多的功能和代码，而我们仅仅需要根据根据样式表类名来寻找节点，所以为了提高性能，我们不使用dojo.query

     

     

    新的类：tweetview.TweetView

    由于Tweets和Mentions视图需要根据内容定制，我们将创建一个名为tweetview.TweetView的新类。这个类会扩展ScrollableView和_ViewMixin，并监管这个视图内所有的功能和内容：

     

     

    [javascript]  view plain copy
     
    1. // Provide the UI class  
    2. dojo.provide("tweetview.TweetView");  
    3.    
    4. // Dependencies here  
    5. dojo.require("tweetview._ViewMixin");  
    6. dojo.require("dojox.mobile.ScrollableView");  
    7. dojo.require("dojo.DeferredList");  
    8. dojo.require("dojo.io.script");  
    9.    
    10. // 导入本地化模块  
    11. dojo.require("dojo.i18n");  
    12. dojo.requireLocalization("dojo.cldr", "gregorian", "", "");  
    13.    
    14. // 声明类：继承ScrollableView  
    15. dojo.declare("tweetview.TweetView",[dojox.mobile.ScrollableView,tweetview._ViewMixin],{  
    16.    
    17.     // 属性和方法  
    18.    
    19. });  

     

     

     

    在Tweets and Mentions视图 这一节中提到的额外的dojo资源也在这里被加载。我们还加载了本地化模块，这样我们的时间戳（比如“小时”，“分钟”，“日期”）就会根据用户语言环境正确显示。

     

     

    TweetView属性

    TweetView类创建完了，它同时用来支撑Tweets和 Mentions视图。现在我们必须思考这两个视图的区别，并为TweetView类创建可配置的属性。首先，我们知道获取tweets和mentions信息的URL格式是不同的，所以我们需要为其创建一个属性。我们使用如下格式的URL来获取tweets信息：

     

    [javascript]  view plain copy
     
    1. // 获取tweets的URL  
    2. serviceUrl: "http://twitter.com/statuses/user_timeline/${account}.json?since_id=${since_id}",  

     

     

    ！注意serviceUrl中的$(account)和$(since_id)片段。还记得我们创建的_ViewMixin么？每次请求用户信息时，这个URL会被传到substitue方法中。

     

    看一下效果图，你会发现tweet列表中的每一条记录需要经过格式化来使得各个部分信息得以正确显示。所以让我们创建一个属性来提供tweet模板：

     

    [javascript]  view plain copy
     
    1. // 为tweets创建模板  
    2. tweetTemplateString: '' +  
    3. '${time}
    ' +  
  • ' ' +  
  • '${user}
    • ' +  
  • '${text}
    • ' +  
  • '
    • ',  

     

     

    最后一个需要的自定义属性是表示获取新tweets中的GIF图片的路径：

     

     

    [javascript]  view plain copy
     
    1. // 加载状态图标  
    2. iconLoading: dojo.moduleUrl("tweetview", "resources/images/loading.gif"),  

     

     

    ！通过使用dojo.moduleUrl，我们可以避免硬编码路径。这种方式使得我们可以更灵活地引用任何资源时——你不可能永远知道你所需要的模块来自哪里。

     

    现在我们定义好了TweetView类，接下来我们需要更新我们的HTML模板来使用TweetView类为指定的视图提供定制的功能。

     

     

    实现TweetView

    如同使用Dijit控件一样，你必须先在app.html中使用require来导入所需资源：

     

     

    [javascript]  view plain copy
     
    1. // 为"Tweets"和"Mentions"导入资源  
    2. dojo.require("tweetview.TweetView");  

     

     

    在导入了需要的类之后，需要为这两个视图更新HTML模板：

     

     

    [xhtml]  view plain copy
     
    1.   
    2. <div id="tweets" dojoType="tweetview.TweetView" selected="true">  
    3.     <h1 dojoType="dojox.mobile.Heading" fixed="top">  
    4.           
    5.         <div dojoType="dojox.mobile.ToolBarButton" class="mblDomButton tweetviewRefresh" icon="js/tweetview/resources/images/refresh.png">div>  
    6.         Tweets  
    7.     h1>  
    8.     <ul dojoType="dojox.mobile.RoundRectList" class="tweetviewList">ul>  
    9. div>  
    10.    
    11.   
    12. <div id="mentions" dojoType="tweetview.TweetView" serviceUrl="http://search.twitter.com/search.json?q=@${account}&since_id=${since_id}">  
    13.     <h1 dojoType="dojox.mobile.Heading" fixed="top">  
    14.           
    15.         <div dojoType="dojox.mobile.ToolBarButton" class="mblDomButton tweetviewRefresh" icon="js/tweetview/resources/images/refresh.png">div>  
    16.         Mentions  
    17.     h1>  
    18.     <ul dojoType="dojox.mobile.RoundRectList" class="tweetviewList">ul>  
    19. div>  
     

     

     

    请注意我们对模板所作的修改：

    ！注意我们正在使用Tweitter的查询API来获取mentions信息。 Twitter的mentionsAPI需要OAuth验证，而实现OAuth超出了本教程的范围。如果你选择实现一个OAuth,你所需要做的就是把serviceUrl参数换成你自己搭建的服务地址。

     

     

    处理Twitter帐号

    TweetView中每一个视图（Tweets，Mention，和Settings）都依赖一串账户信息。这意味着账户信息对所有的TweetView控件必须是可用的。我们可以创建一个“controller”控件来监督所有的TweetView控件并管理账户状态，不过这也超出了我们现在所需要的功能了。所以，我们还是直接把账户信息放到tweetview的命名空间中去：

     

     

    [javascript]  view plain copy
     
    1. // 在命名空间中直接设置账户信息  
    2. tweetview.ACCOUNTS = {  
    3.     dojo: { enabled: true },  
    4.     sitepen: { enabled: true }  
    5. };  

     

     

    ACCOUNTS对象包含一系列子对象，这些子对象包含了帐号名以及启用状态。更多属性将被添加到这些子对象中，不过它们都不需要被初始化。

     

     

    TweetView startup

    现在一切就绪，是时候来添加TweetView的startup方法了。让我们一行行来看代码。

     

    保留控件原生startup方法所提供的功能：

     

    [javascript]  view plain copy
     
    1. // 当控件启动时  
    2. startup: function() {  
    3. // 保留dojox.mobile.ScrollableView的startup方法所提供的功能  
    4. this.inherited(arguments);  

     

     

    获取控件刷新按钮的引用，并保存原始图片路径（这是为了以后我们要从刷新状态图标切换回来）

     

     

    [javascript]  view plain copy
     
    1. // 获取刷新按钮和图片  
    2. this.refreshButton = dijit.byId(this.getElements("tweetviewRefresh", this.domNode)[0].id);  
    3. this.iconImage = this.refreshButton.iconNode.src;  

     

     

    为刷新按钮绑定onClick事件来刷新tweets：

     

     

    [javascript]  view plain copy
     
    1. // 为刷新按钮绑定onClick事件的处理函数"refresh"  
    2. dojo.connect(this.refreshButton, "onClick", this, "refresh");  

     

     

    马上通过调用refresh方法来加载tweets:

     

     

    [javascript]  view plain copy
     
    1. // 马上加载tweets!  
    2. this.refresh();  
     

     

     

    ！这个refresh调用将在Setting视图完成后被移除，不过在此之前它还是必要的。

     

    为该控件添加tweetviewPane样式：

     

     

    [javascript]  view plain copy
     
    1. // 添加CSS类  
    2. dojo.addClass(this.domNode, "tweetviewPane");  
     

     

     

    获取RoundRectList控件的引用以便之后使用。现在先将其隐藏，因为它现在没有任何内容。

     

     

    [javascript]  view plain copy
     
    1. // 获取列表控件  
    2. this.listNode = this.getListNode();  
    3. // 隐藏列表，因为它现在还没有填充数据  
    4. this.showListNode(false);  

     

     

    设定一个时间间隔，每过几分钟，刷新tweet时间：

     

     

    [javascript]  view plain copy
     
    1. // 每60秒，更新时间  
    2. setInterval(dojo.hitch(this, function() {  
    3.     dojo.forEach(this.getElements("tweetviewTime", this.domNode), function() {  
    4.         timeNode.innerHTML = this.formatTime(dojo.attr(timeNode, "data-dojo-time"));  
    5.     },this);  
    6. }),60000);  

     

     

    这就是TweetView startup方法，它将推动整个程序。接下来我们需要创建一个refresh方法来更新tweet列表！

     

     

    TweetView refresh

    refresh方法将会从Twitter获取tweets信息。由于我们不能在一次请求中获取多个用户的tweets信息，我们需要为每一个账户发送一个单独的请求，然后统一处理返回的数据。这意味着我们需要创建多个dojo.io.script调用，并在一个dojo.DeferredList回调函数中处理返回的结果。

     

     

    [javascript]  view plain copy
     
    1. // 从twitter获取tweets信息  
    2. refresh: function() {  
    3.     // 更新刷新按钮图标  
    4.     this.refreshButton.iconNode.src = this.iconLoading;  
    5.    
    6.     // 按钮被"按下"  
    7.     this.refreshButton.select();  
    8.    
    9.     // 为每一个帐号向defs添加一个deferred  
    10.     var defs = [], accounts = tweetview.ACCOUNTS;  
    11.     for(var account in accounts) {  
    12.         // 如果账户处于启用状态  
    13.         if(accounts[account].enabled) {  
    14.             // 获取 tweets!  
    15.             defs.push(dojo.io.script.get({  
    16.                 callbackParamName: "callback",  
    17.                 preventCache: true,  
    18.                 timeout: 3000,  
    19.                 // "substitute" 来自 _ViewMixin  
    20.                 url: this.substitute(this.serviceUrl, { account: account, since_id: accounts[account].since || 1 })  
    21.             }));  
    22.         }  
    23.     }  
    24.    
    25.     // 创建一个 dojo.Deferredlist 来处理所有返回的tweets  
    26.     // 添加 this.onTweetsReceived 作为回调函数  
    27.     new dojo.DeferredList(defs).then(dojo.hitch(this, this.onTweetsReceived));  
    28. },  

     

     

    ！请确保为dojo.io.script.get方法添加timeout参数，这样你的错误处理回调函数会被正确地触发。

     

    关于refresh方法的一些注释：

     

     

    TweetView onTweetsReceived 和 sortTweets

    onTweetsReceived方法获取所有通过dojo.io.script.calls创建的dojo.Deferreds的返回结果。现在我们已经有了每个账户中的tweets信息，但我们还有几个问题：

    在我们将tweets输出到控件中的列表前，我们必须先对其进行排序。其中第一部分是将他们放入同一个数组中：

     

     

    [javascript]  view plain copy
     
    1. // 将tweets放入一个数组，并根据日期排序  
    2. sortTweets: function(deflist) {  
    3.     // 为我们的tweets创建一个数组  
    4.     var allTweets = [];  
    5.    
    6.     // 为每一个def进行处理  
    7.     dojo.forEach(deflist, function(def) {  
    8.         // 定义要处理的属性  
    9.         // Tweet是“def[l]”, Mentions 是 def[1].results  
    10.         var tweets = (def[1].results ? def[1].results : def[1]);  
    11.    
    12.         // 如果我们获取了一些数据  
    13.         if(tweets.length) {  
    14.             // 获取用户名并更新since属性  
    15.             var username = !tweets[0].user ? def[1].query.replace("%40","") : tweets[0].user.screen_name;  
    16.    
    17.             // 更新该用户的since属性  
    18.             tweetview.ACCOUNTS[username].since = tweets[0].id_str;  
    19.    
    20.             // 如果这是一个查询，我们需要为tweet添加用户名  
    21.             if(def[1].query) {  
    22.                 dojo.forEach(tweets, function(tweet) { tweet.searchUser = username; });  
    23.             }  
    24.    
    25.             // 组成一个大数组  
    26.             allTweets = allTweets.concat(tweets);  
    27.         }  
    28.     },this);  

     

     

    ！注意def[1]的处理、用户名的获取以及def.query的检查。查询API返回一个与user timeline API不同的JSON结构。我们可以为处理mentions信息创建一个不同的子类，但是在本应用程序中我们还不需要花时间这么做，我们使用TweetView来处理tweets和mentions。

     

    现在所有的tweets都在一个大数组中了，接下来我们将把他们按时间排序，并将结果返回给onTweetsReceived方法。

     

     

    [javascript]  view plain copy
     
    1. // 按时间排序  
    2. allTweets.sort(function(a, b) {  
    3.     var atime = new Date(a.created_at),  
    4.         btime = new Date(b.created_at);  
    5.   
    6.     // 普通的排序算法会返回b-a而不是a-b  
    7.     // 不过，我们想要把最近的时间放前面  
    8.     // 所以我们使用atime-btime  
    9.     return atime - btime;  
    10. });  
    11.   
    12.   
    13. // 返回tweets  
    14. return allTweets;  

     

     

    所有的tweets排序完后，是时候停止刷新按钮的旋转状态，并将tweets传给updateContent方法来更新页面了：

     

     

    [javascript]  view plain copy
     
    1. // 当所有内容从Twitter加载完毕后触发  
    2. onTweetsReceived: function(rawTweetData) {  
    3.     // 将tweets排序  
    4.     tweetData = this.sortTweets(rawTweetData);  
    5.    
    6.     // 设置刷新按钮的图标  
    7.     this.refreshButton.iconNode.src = this.iconImage;  
    8.     this.refreshButton.select(true);  
    9.    
    10.     // tweets不为空  
    11.     if(tweetData.length) {  
    12.         // 更新内容  
    13.         this.updateContent(tweetData);  
    14.     }  
    15. },  

     

     

    ！Tweets根据时间排序，最新的排在最前面 ——这确保最新的tweets会被放在列表的最顶端。同时请注意，updateContent方法只有在哦我们确实获取了新tweets之后才会被调用。

     

     

    TweetView updateContent

    updateContent方法获取排序过的tweets，并为他们创建dojox.mobile.ListItem控件，然后将它们放到列表的顶端。在我们创建updateContent之前，我们需要一些工具方法来格式化tweet的时间戳和文字内容：

     

     

    [javascript]  view plain copy
     
    1. // 为一个字符串添加恰当的tweet linkification  
    2. formatTweet: function(tweetText) {  
    3.     return tweetText.  
    4.     replace(/(https?:/S+)/gi,'$1').  
    5.     replace(/(^|/s)@(/w+)/g,'$1@$2').  
    6.     replace(/(^|/s)#(/w+)/g,'$1#$2');  
    7. },  
    8.    
    9. // 格式化时间戳  
    10. formatTime: function(date) {  
    11.     // 获取当前时间  
    12.     var now = new Date();  
    13.    
    14.     // 根据时间戳字符串创建一个日期对象  
    15.     var tweetDate = new Date(date);  
    16.    
    17.     // 计算时间: 秒  
    18.     var secondsDifferent = Math.floor((now - tweetDate) / 1000);  
    19.     if(secondsDifferent < 60) {  
    20.     return secondsDifferent + " " + (this.l10n["field-second"]) + (secondsDifferent > 1 ? "s" : "");  
    21.     }  
    22.    
    23.     // 计算时间: 分钟  
    24.     var minutesDifferent = Math.floor(secondsDifferent / 60);  
    25.     if(minutesDifferent < 60) {  
    26.         return minutesDifferent + " " + this.l10n["field-minute"] + (minutesDifferent > 1 ? "s" : "");  
    27.     }  
    28.    
    29.     // 计算时间: 小时  
    30.     var hoursDifferent = Math.floor(minutesDifferent / 60);  
    31.     if(hoursDifferent < 24) {  
    32.         return hoursDifferent + " " + this.l10n["field-hour"] + (hoursDifferent > 1 ? "s" : "");  
    33.     }  
    34.    
    35.     // 计算时间: 天数  
    36.     var daysDifferent = Math.floor(hoursDifferent / 24);  
    37.     return daysDifferent + " " + this.l10n["field-day"] + (daysDifferent > 1 ? "s" : "");  
    38. },  

     

     

    有了上述方法之后，我们可以创建我们自己的updateContent方法了：

     

     

    [javascript]  view plain copy
     
    1. // 在获取tweets之后触发  
    2. updateContent: function(rawTweetData) {  
    3.    
    4.     // 处理每一条tweet信息  
    5.     dojo.forEach(rawTweetData, function(tweet) {  
    6.         // Get the user's screen name  
    7.         var screenName = tweet.searchUser || tweet.user.screen_name;  
    8.    
    9.         // 创建一个新的列表元素，并添加到列表顶部  
    10.         var item = new dojox.mobile.ListItem({  
    11.             "class": "tweetviewListItem user-" + screenName  
    12.         }).placeAt(this.listNode, "first");  
    13.    
    14.         // 使用我们的tweet模板更新列表元素的内容  
    15.         item.containerNode.innerHTML = this.substitute(this.tweetTemplateString, {  
    16.             text: this.formatTweet(tweet.text),  
    17.             user: tweet.from_user || screenName,  
    18.             name: tweet.from_user || tweet.user.name,  
    19.             avatar: tweet.profile_image_url || tweet.user.profile_image_url,  
    20.             time: this.formatTime(tweet.created_at),  
    21.             created_at: tweet.created_at,  
    22.             id: tweet.id  
    23.         });  
    24.     },this);  
    25.    
    26.     // 现在列表内容填充完毕，显示它  
    27.     this.showListNode(true);  
    28. },  

     

     

    ！注意，user-{screenName} CSS类被添加到每一个列表元素中。该CSS类将在下一个教程中将介绍的Settings视图中启用/禁用用户功能起到重要作用。

     

    我们为每一条获取的tweet创建一个新的列表元素。在新的列表元素创建之后，我们又为其填充格式化过的文字内容和时间戳。最后列表元素被添加到列表的最顶端。

     

     

    Tweets 和 Mentions 的功能完成了

    现在我们已经讲完了TweetView的TweeView类的所有JavaScript内容！Tweets和Mentions视图现在可以读取tweets并进行刷新!让我们回顾下我们是怎么做的吧:

     

     

    ！现在所有的功能已经完成，回过头再来看看startup方法。现在所有的方法都已经实现，应该不难理解整个控件的生命周期中发生了什么。

     

    现在只剩下最后一步了：修改列表的样式。

     

     

    修改TweetView和其中子控件的样式

    为列表修改样式是挺有意思的部分，可能也是最简单的。到目前为止，ListItem控件的内容只能使用单行文字，所以我们需要在我们的TweetView.css样式表中改进这一点。

     

     

    [xhtml]  view plain copy
     
    1. .tweetviewHidden { /* 我们使用这个来隐藏节点 */  
    2.     display:none;  
    3. }  
    4.    
    5. .tweetviewList li { /* 最小高度，确保用户头像可以显示 */  
    6.     min-height:55px;  
    7.     padding-top:8px;  
    8. }  
    9.    
    10. .tweetviewListItem { /* 内容可以分多行显示 */  
    11.     line-height:18px;  
    12.     height:auto;  
    13. }  

     

     

    现在ListItem可以显示多行内容了，接下来我们为已经在tweet item模板中定义的CSS类添加具体内容：

     

     

    [xhtml]  view plain copy
     
    1. /* 在底部提供适当的留白 */  
    2. .mblScrollableViewContainer {  
    3.     padding-bottom:40px !important;  
    4. }  
    5.    
    6. /* 用户头像 */  
    7. .tweetviewAvatar {  
    8.     float:left;  
    9. }  
    10. /* tweets内容区域 */  
    11. .tweetviewContent {  
    12.     padding-left:60px;  
    13. }  
    14.    
    15. /* 用户名样式 */  
    16. .tweetviewUser {  
    17.     font-size:80%;  
    18. }  
    19.    
    20. /* tweet文字样式 */  
    21. .tweetviewText {  
    22.     font-size:70%;  
    23.     font-weight:normal;  
    24.     padding-right:50px;  
    25.     padding-bottom:10px;  
    26. }  
    27.    
    28. /* tweet time */  
    29. .tweetviewTime {  
    30.     float:right;  
    31.     color:#777;  
    32.     font-size:65%;  
    33.     font-weight:normal;  
    34.     padding-right:10px;  
    35. }  
    36.    
    37. /* clears floats at the end of the list item */  
    38. .tweetviewClear {  
    39.     clear:both;  
    40. }  

     

     

    一切都搞定啦！一个和效果图一样漂亮的tweet列表！

     

    查看示例

     

     

    最难的部分已经过去！

    和本文开始的时候保证的一样，Tweets和Mentions视图是本系列教程中最复杂的。下一篇教程中，我们将着重介绍Setting视图，该视图用来启用/禁用指定账户。到那时，回顾下本教程中的示例和代码，确保你没有错过每一步!

    你可能感兴趣的:(iphone,Android,javascript,xhtml,json,ViewUI)

    • android系统selinux中添加新属性property 辉色投像
      1.定位/android/system/sepolicy/private/property_contexts声明属性开头：persist.charge声明属性类型：u:object_r:system_prop:s0图12.定位到android/system/sepolicy/public/domain.te删除neverallow{domain-init}default_prop:property
    • Long类型前后端数据不一致 igotyback 前端
      响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
    • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
      ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
    • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
      ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
    • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
      Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
    • node.js学习 小猿L node.jsnode.js学习vim
      node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
    • docker igotyback eureka云原生
      Docker容器的文件系统是隔离的，但是可以通过挂载卷（Volumes）或绑定挂载（BindMounts）将宿主机的文件系统目录映射到容器内部。要查看Docker容器的映射路径，可以使用以下方法：查看容器配置：使用dockerinspect命令可以查看容器的详细配置信息，包括挂载的卷。例如：bashdockerinspect在输出的JSON格式中，查找"Mounts"部分，这里会列出所有的挂载信息
    • 在Ubuntu中编译含有JSON的文件出现报错 芝麻糊76 Linuxkill_buglinuxubuntujson
      在ubuntu中进行JSON相关学习的时候，我发现了一些小问题，决定与大家进行分享，减少踩坑时候出现不必要的时间耗费截取部分含有JSON部分的代码进行展示char*str="{\"title\":\"JSONExample\",\"author\":{\"name\":\"JohnDoe\",\"age\":35,\"isVerified\":true},\"tags\":[\"json\",\"
    • Xinference如何注册自定义模型 玩人工智能的辣条哥 人工智能AI大模型Xinference
      环境：Xinference问题描述：Xinference如何注册自定义模型解决方案：1.写个model_config.json，内容如下{"version":1,"context_length":2048,"model_name":"custom-llama-3","model_lang":["en","ch"],"model_ability":["generate","chat"],"model
    • 2.2.6 通知类控件 Toast、Menu 常思行
      本文例程下载：WillFlow_Toast、WillFlowMenu一、什么是Toast？Toast也被叫做吐司，是Android系统提供的一种非常好的提醒方式，在程序中可以使用它将一些短小的信息通知给用户，它有如下两个特点：Toast是没有焦点的Toast显示的时间有限过一定的时间就会自动消失所以一般来讲Toast的使用并不会影响我们的正常操作，并且它通常不会占用太大的屏幕空间，有着良好的用户体
    • mac 备份android 手机通讯录导入iphone,iphone如何导出通讯录（轻松教你iPhone备份通讯录的方法）... weixin_39762838 mac备份android手机通讯录导入iphone
      在日新月异的手机更替中，换手机已经成为一个非常稀松平常的事情，但将旧手机上面的通讯录导入到新手机还是让不少小伙伴为难，本篇将给大家详细讲解这方面的知识：“苹果手机通讯录怎么导入到新手机”及“安卓手机通讯录导入到新手机”的方法。一、苹果手机通讯录导入到新手机常用方法(SIM卡导入)在苹果手机主频幕上找到“设置”，单击进入设置菜单，下拉菜单列表，点击“邮件、通讯录、日历”，然后找到“导入SIM卡通讯录
    • android 更改窗口的层次,浮窗开发之窗口层级 Ms.Bu android更改窗口的层次
      最近在项目中遇到了这样的需求：需要在特定的其他应用之上悬浮自己的UI交互(拖动、输入等复杂的UI交互)，和九游的浮窗类似，不过我们的比九游的体验更好，我们越过了很多授权的限制。浮窗效果很多人都知道如何去实现一个简单的浮窗，但是却很少有人去深入的研究背后的流程机制，由于项目中浮窗交互比较复杂，遇到了些坑查看了很多资料，故总结浮窗涉及到的知识点：窗口层级关系(浮窗是如何“浮”的)？浮窗有哪些限制，如何
    • Android应用性能优化 轻口味 Android
      Android手机由于其本身的后台机制和硬件特点，性能上一直被诟病，所以软件开发者对软件本身的性能优化就显得尤为重要；本文将对Android开发过程中性能优化的各个方面做一个回顾与总结。Cache优化ListView缓存：ListView中有一个回收器，Item滑出界面的时候View会回收到这里，需要显示新的Item的时候，就尽量重用回收器里面的View；每次在getView函数中inflate新
    • JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy） 跳房子的前端 前端面试javascript开发语言ecmascript
      在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
    • iPhone怎么删除重复照片，可以尝试这几种方法 2401_85240355 iphoneios
      在数字化时代，智能手机尤其是iPhone成为我们日常生活中不可或缺的一部分。随着我们不断使用iPhone拍照，重复照片的积累逐渐成为一个普遍问题。这不仅占用了大量的存储空间，也使得照片库变得杂乱无章。本文将介绍几种有效的iPhone怎么删除重复照片方法，并介绍如何利用CleanMyPhone来简化这一过程。iPhone怎么删除重复照片方法一：人工筛查人工筛查是最直接的方法，尽管它可能比较耗时。这种
    • 更改npm镜像源为淘宝镜像 骆小骆 基于node.js
      npm常用指令后缀*最近复习了一下node.js整理了一下跟node.js相关的指令后缀*--save、-S参数意思是把模块的版本信息保存到dependencies（生产环境依赖）中，即你的package.json文件的dependencies字段中；–--save-dev、-D参数意思是把模块版本信息保存到devDependencies（开发环境依赖）中，即你的package.json文件的de
    • COCO 格式的数据集转化为 YOLO 格式的数据集 QYQY77 YOLOpython
      """--json_path输入的json文件路径--save_path保存的文件夹名字，默认为当前目录下的labels。"""importosimportjsonfromtqdmimporttqdmimportargparseparser=argparse.ArgumentParser()parser.add_argument('--json_path',default='./instances
    • JavaScript `Map` 和 `WeakMap`详细解释 跳房子的前端 JavaScript原生方法javascript前端开发语言
      在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键
    • 切换淘宝最新npm镜像源是 hai40587 npm前端node.js
      切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库
    • Android实现监听事件的方法 Amy木婉清
      1.通过内部类实现2.通过匿名内部类实现3.通过事件源所在类实现4.通过外部类实现5.布局文件中onclick属性(针对点击事件)1.通过内部类实现代码:privateButtonmBtnEvent;//oncreate中mBtnEvent.setOnClickListener(newOnClick());//内部类实现监听classOnClickimplementsView.OnClickLis
    • 高级UI<第二十四篇>：Android中用到的矩阵常识 NoBugException
      （1）定义在数学中，矩阵（Matrix）是一个按照长方阵列排列的复数或实数集合。由m×n个数aij排成的m行n列的数表称为m行n列的矩阵，简称m×n矩阵。记作：图片.png这m×n个数称为矩阵A的元素，简称为元，数aij位于矩阵A的第i行第j列，称为矩阵A的(i,j)元，以数aij为(i,j)元的矩阵可记为(aij)或(aij)m×n，m×n矩阵A也记作Amn。元素是实数的矩阵称为实矩阵，元素是复
    • RK3229_Android9.0_Box 4G模块EC200A调试 suifen_ 网络
      0、kernel修改这部分完全可以参考Linux的移植：RK3588EC200A-CN【4G模块】调试_rkec200a-cn-CSDN博客1、修改device/rockchip/rk322xdiff--gita/device.mkb/device.mkindexec6bfaa..e7c32d1100755---a/device.mk+++b/device.mk@@-105,6+105,8@@en
    • golang获取用户输入的几种方式 余生逆风飞翔 golang开发语言后端
      一、定义结构体typeUserInfostruct{Namestring`json:"name"`Ageint`json:"age"`Addstring`json:"add"`}typeReturnDatastruct{Messagestring`json:"message"`Statusstring`json:"status"`DataUserInfo`json:"data"`}二、get请求的
    • 高性能javascript--算法和流程控制 海淀萌狗
      -for,while和do-while性能相当-避免使用for-in循环，==除非遍历一个属性量未知的对象==es5:for-in遍历的对象便不局限于数组，还可以遍历对象。原因：for-in每次迭代操作会同时搜索实例或者原型属性，for-in循环的每次迭代都会产生更多开销，因此要比其他循环类型慢，一般速度为其他类型循环的1/7。因此，除非明确需要迭代一个属性数量未知的对象，否则应避免使用for-i
    • spring mvc @RequestBody String类型参数 zoyation spring-mvcspringmvc
      通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ
    • kt文件和java文件_Java与Kotlin之间怎样进行互操作 铭空间 kt文件和java文件
      Java与Kotlin之间怎样进行互操作发布时间：2021-02-0210:50:43来源：亿速云阅读：98作者：小新这篇文章主要介绍了Java与Kotlin之间怎样进行互操作，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。前言目前kotlin是谷歌首推的开发Android的语言，但由于历史原因，我们绝大部分项目依旧还是以Java为主
    • 360前端星计划-动画可以这么玩 马小蜗
      动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
    • Android shell 常用 debug 命令 晨春计 Audiodebugandroidlinux
      目录1、查看版本2、am命令3、pm命令4、dumpsys命令5、sed命令6、log定位查看APK进程号7、log定位使用场景1、查看版本1.1、Android串口终端执行getpropro.build.version.release#获取Android版本uname-a#查看linux内核版本信息uname-r#单独查看内核版本1.2、linux服务器执行lsb_release-a#查看Lin
    • JavaScript中秋快乐！ Q_w7742 javascript开发语言ecmascript
      我们来实现一个简单的祝福网页~主要的难度在于使用canvas绘图当点击canvas时候，跳出“中秋节快乐”字样，需要注册鼠标单击事件和计时器。首先定义主要函数：初始化当点击canvas之后转到onCanvasClick函数，绘图生成灯笼。functiononCanvasClick(){//事件处理函数context.clearRect(0,0,canvas1.width,canvas1.heigh
    • Nginx从入门到实践(三) 听你讲故事啊
      动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin
    • tomcat基础与部署发布 暗黑小菠萝 Tomcat java web
      从51cto搬家了，以后会更新在这里方便自己查看。 做项目一直用tomcat，都是配置到eclipse中使用，这几天有时间整理一下使用心得，有一些自己配置遇到的细节问题。 Tomcat：一个Servlets和JSP页面的容器，以提供网站服务。 一、Tomcat安装     安装方式：①运行.exe安装包      &n
    • 网站架构发展的过程 ayaoxinchao 数据库应用服务器网站架构
      1.初始阶段网站架构：应用程序、数据库、文件等资源在同一个服务器上 2.应用服务和数据服务分离：应用服务器、数据库服务器、文件服务器 3.使用缓存改善网站性能：为应用服务器提供本地缓存，但受限于应用服务器的内存容量，可以使用专门的缓存服务器，提供分布式缓存服务器架构 4.使用应用服务器集群改善网站的并发处理能力：使用负载均衡调度服务器，将来自客户端浏览器的访问请求分发到应用服务器集群中的任何
    • [信息与安全]数据库的备份问题 comsci 数据库
            如果你们建设的信息系统是采用中心-分支的模式,那么这里有一个问题   如果你的数据来自中心数据库,那么中心数据库如果出现故障,你的分支机构的数据如何保证安全呢?    是否应该在这种信息系统结构的基础上进行改造,容许分支机构的信息系统也备份一个中心数据库的文件呢?  &n
    • 使用maven tomcat plugin插件debug关联源代码 商人shang mavendebug查看源码tomcat-plugin
      *首先需要配置好'''maven-tomcat7-plugin'''，参见[[Maven开发Web项目]]的'''Tomcat'''部分。 *配置好后，在[[Eclipse]]中打开'''Debug Configurations'''界面，在'''Maven Build'''项下新建当前工程的调试。在'''Main'''选项卡中点击'''Browse Workspace...'''选择需要开发的
    • 大访问量高并发 oloz 大访问量高并发
      大访问量高并发的网站主要压力还是在于数据库的操作上，尽量避免频繁的请求数据库。下面简 要列出几点解决方案： 01、优化你的代码和查询语句，合理使用索引 02、使用缓存技术例如memcache、ecache将不经常变化的数据放入缓存之中 03、采用服务器集群、负载均衡分担大访问量高并发压力 04、数据读写分离 05、合理选用框架，合理架构(推荐分布式架构)。
    • cache 服务器 小猪猪08 cache
      Cache   即高速缓存.那么cache是怎么样提高系统性能与运行速度呢？是不是在任何情况下用cache都能提高性能？是不是cache用的越多就越好呢？我在近期开发的项目中有所体会，写下来当作总结也希望能跟大家一起探讨探讨，有错误的地方希望大家批评指正。 　　1.Cache   是怎么样工作的? 　　Cache   是分配在服务器上
    • mysql存储过程 香水浓 mysql
      Description:插入大量测试数据 use xmpl; drop procedure if exists mockup_test_data_sp; create procedure mockup_test_data_sp( in number_of_records int ) begin declare cnt int; declare name varch
    • CSS的class、id、css文件名的常用命名规则 agevs JavaScriptUI框架Ajaxcss
        CSS的class、id、css文件名的常用命名规则     (一)常用的CSS命名规则 　　头：header 　　内容：content/container 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right
    • 全局数据源 AILIKES javatomcatmysqljdbcJNDI
      实验目的：为了研究两个项目同时访问一个全局数据源的时候是创建了一个数据源对象，还是创建了两个数据源对象。 1：将diuid和mysql驱动包（druid-1.0.2.jar和mysql-connector-java-5.1.15.jar）copy至%TOMCAT_HOME%/lib下；2：配置数据源，将JNDI在%TOMCAT_HOME%/conf/context.xml中配置好,格式如下：&l
    • MYSQL的随机查询的实现方法 baalwolf mysql
      MYSQL的随机抽取实现方法。举个例子，要从tablename表中随机提取一条记录，大家一般的写法就是：SELECT * FROM tablename ORDER BY RAND() LIMIT 1。但是，后来我查了一下MYSQL的官方手册，里面针对RAND()的提示大概意思就是，在ORDER BY从句里面不能使用RAND()函数，因为这样会导致数据列被多次扫描。但是在MYSQL 3.23版本中，
    • JAVA的getBytes()方法 bijian1013 javaeclipseunixOS
          在Java中，String的getBytes()方法是得到一个操作系统默认的编码格式的字节数组。这个表示在不同OS下，返回的东西不一样！      String.getBytes(String decode)方法会根据指定的decode编码返回某字符串在该编码下的byte数组表示，如： byte[] b_gbk = "
    • AngularJS中操作Cookies bijian1013 JavaScriptAngularJSCookies
              如果你的应用足够大、足够复杂，那么你很快就会遇到这样一咱种情况：你需要在客户端存储一些状态信息，这些状态信息是跨session(会话)的。你可能还记得利用document.cookie接口直接操作纯文本cookie的痛苦经历。         幸运的是，这种方式已经一去不复返了，在所有现代浏览器中几乎
    • [Maven学习笔记五]Maven聚合和继承特性 bit1129 maven
      Maven聚合   在实际的项目中，一个项目通常会划分为多个模块，为了说明问题，以用户登陆这个小web应用为例。通常一个web应用分为三个模块： 1. 模型和数据持久化层user-core, 2. 业务逻辑层user-service以 3. web展现层user-web， user-service依赖于user-core user-web依赖于user-core和use
    • 【JVM七】JVM知识点总结 bit1129 jvm
        1. JVM运行模式 1.1 JVM运行时分为-server和-client两种模式，在32位机器上只有client模式的JVM。通常，64位的JVM默认都是使用server模式，因为server模式的JVM虽然启动慢点，但是，在运行过程，JVM会尽可能的进行优化 1.2 JVM分为三种字节码解释执行方式：mixed mode, interpret mode以及compiler
    • linux下查看nginx、apache、mysql、php的编译参数 ronin47
      在linux平台下的应用，最流行的莫过于nginx、apache、mysql、php几个。而这几个常用的应用，在手工编译完以后，在其他一些情况下（如：新增模块），往往想要查看当初都使用了那些参数进行的编译。这时候就可以利用以下方法查看。 1、nginx [root@361way ~]# /App/nginx/sbin/nginx -V nginx: nginx version: nginx/
    • unity中运用Resources.Load的方法？ brotherlamp unity视频unity资料unity自学unityunity教程
      问：unity中运用Resources.Load的方法？ 答：Resources.Load是unity本地动态加载资本所用的方法,也即是你想动态加载的时分才用到它,比方枪弹,特效,某些实时替换的图像什么的,主张此文件夹不要放太多东西,在打包的时分,它会独自把里边的一切东西都会集打包到一同,不论里边有没有你用的东西,所以大多数资本应该是自个建文件放置 1、unity实时替换的物体即是依据环境条件
    • 线段树-入门 bylijinnan java算法线段树
      /** * 线段树入门 * 问题：已知线段[2,5] [4,6] [0,7]；求点2,4,7分别出现了多少次 * 以下代码建立的线段树用链表来保存，且树的叶子结点类似[i,i] * * 参考链接：http://hi.baidu.com/semluhiigubbqvq/item/be736a33a8864789f4e4ad18 * @author lijinna
    • 全选与反选 chicony 全选
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>全选与反选</title>
    • vim一些简单记录 chenchao051 vim
      mac在/usr/share/vim/vimrc linux在/etc/vimrc   1、问：后退键不能删除数据，不能往后退怎么办？       答：在vimrc中加入set backspace=2   2、问：如何控制tab键的缩进？       答：在vimrc中加入set tabstop=4 (任何
    • Sublime Text 快捷键 daizj 快捷键sublime
      [size=large][/size]Sublime Text快捷键：Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下一行Ctrl+Shift+L：
    • php 引用(&)详解 dcj3sjt126com PHP
      在PHP 中引用的意思是：不同的名字访问同一个变量内容. 与Ｃ语言中的指针是有差别的．Ｃ语言中的指针里面存储的是变量的内容在内存中存放的地址 变量的引用 PHP 的引用允许你用两个变量来指向同一个内容  复制代码代码如下: <?  $a="ABC";  $b =&$a;  echo
    • SVN中trunk,branches,tags用法详解 dcj3sjt126com SVN
      Subversion有一个很标准的目录结构，是这样的。比如项目是proj，svn地址为svn://proj/，那么标准的svn布局是svn://proj/|+-trunk+-branches+-tags这是一个标准的布局，trunk为主开发目录，branches为分支开发目录，tags为tag存档目录（不允许修改）。但是具体这几个目录应该如何使用，svn并没有明确的规范，更多的还是用户自己的习惯。
    • 对软件设计的思考 e200702084 设计模式数据结构算法ssh活动
      软件设计的宏观与微观    软件开发是一种高智商的开发活动。一个优秀的软件设计人员不仅要从宏观上把握软件之间的开发，也要从微观上把握软件之间的开发。宏观上，可以应用面向对象设计，采用流行的SSH架构，采用web层，业务逻辑层，持久层分层架构。采用设计模式提供系统的健壮性和可维护性。微观上，对于一个类，甚至方法的调用，从计算机的角度模拟程序的运行情况。了解内存分配，参数传
    • 同步、异步、阻塞、非阻塞 geeksun 非阻塞
      同步、异步、阻塞、非阻塞这几个概念有时有点混淆，在此文试图解释一下。   同步：发出方法调用后，当没有返回结果，当前线程会一直在等待（阻塞）状态。 场景：打电话，营业厅窗口办业务、B/S架构的http请求-响应模式。   异步：方法调用后不立即返回结果，调用结果通过状态、通知或回调通知方法调用者或接收者。异步方法调用后，当前线程不会阻塞，会继续执行其他任务。 实现：
    • Reverse SSH Tunnel 反向打洞實錄 hongtoushizi ssh
      實際的操作步驟： # 首先，在客戶那理的機器下指令連回我們自己的 Server，並設定自己 Server 上的 12345 port 會對應到幾器上的 SSH port ssh -NfR 12345:localhost:22 [email protected] # 然後在 myhost 的機器上連自己的 12345 port，就可以連回在客戶那的機器 ssh localhost -p 1
    • Hibernate中的缓存 Josh_Persistence 一级缓存Hiberante缓存查询缓存二级缓存
      Hibernate中的缓存   一、Hiberante中常见的三大缓存：一级缓存，二级缓存和查询缓存。 Hibernate中提供了两级Cache，第一级别的缓存是Session级别的缓存，它是属于事务范围的缓存。这一级别的缓存是由hibernate管理的，一般情况下无需进行干预；第二级别的缓存是SessionFactory级别的缓存，它是属于进程范围或群集范围的缓存。这一级别的缓存
    • 对象关系行为模式之延迟加载 home198979 PHP架构延迟加载
      形象化设计模式实战     HELLO!架构   一、概念 Lazy Load：一个对象，它虽然不包含所需要的所有数据，但是知道怎么获取这些数据。 延迟加载貌似很简单，就是在数据需要时再从数据库获取，减少数据库的消耗。但这其中还是有不少技巧的。     二、实现延迟加载 实现Lazy Load主要有四种方法：延迟初始化、虚
    • xml 验证 pengfeicao521 xmlxml解析
      有些字符，xml不能识别，用jdom或者dom4j解析的时候就报错 public static void testPattern() { // 含有非法字符的串 String str =       "Jamey&#52828;&#01;&#02;&#209;&#1282
    • div设置半透明效果 spjich css半透明
      为div设置如下样式：   div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}        说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认2、-moz-opaci
    • 你真的了解单例模式么？ w574240966 java单例设计模式jvm
          单例模式，很多初学者认为单例模式很简单，并且认为自己已经掌握了这种设计模式。但事实上，你真的了解单例模式了么。   一，单例模式的5中写法。（回字的四种写法，哈哈。）     1，懒汉式           （1）线程不安全的懒汉式 public cla
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他