wex5 实战 wex5与js的组件关系与执行顺序（父子与先后）
时间： 18:54:15
&&&& 阅读：143
&&&& 评论：
&&&& 收藏：0
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&初学wex5,先理理让人容易混淆的三个概念：
一 基本概念：
1 wex5组件，顾名思义，在编辑窗口右侧的组件集合里的，都是wex5基于开源自创的组件，并封装了一套自已的方法。目的是为了方便。相关方法在api有提示，操作中也有提示。
JavaScript 中的所有事物都是对象：字符串、数值、数组、函数...
此外，JavaScript 允许自定义对象。
二 对像获取与取值方法
p() 效能较低，但操作方便
取值方法：p().val()
p().$domNode
取值方法为 p().$domNode.innerHtml 这样可以取出一个节点元素比如div里的text值
如果想转换成DOM节点，方法为p().$domNode,转换成DOM节点,为什么呢？因为有些js 方法，wex5的组件和方法都没有，我们又想操作某个元素，就必须这么操作
this.getElementByXid() 通过Xid得到组件，性能优于 p()
取值方法为：this.getElementByXid().val
(注意)取值方法，一个是val(), 一个是val，带不带()不一样。
js对像获取与方法，网上一大堆,简单总结一下
$(‘*‘).css(‘background‘,‘red‘); //选择本页所有元素
$(this.getElementByXid("div1")).css(‘background‘,‘red‘);
//选择Xid值为div1的元素
$(‘li‘).css(‘background‘,‘red‘);
//返回所有li元素
$(‘.x-col-10‘).css(‘background‘,‘red‘);
//返回所有class类为.x-col-10的元素
$(".x-titlebar-left").css(‘background‘,‘red‘);
//返回class为x-titlebar-left的元素
$("[src]").css(‘width‘,‘290px‘);
//返回所有带src属性的元素
$("id").hide()
这里说明一下，有些非wex5的组件没有Xid,可以手动增加id属性，用js的id选择器选择后操作
比如：color,video,audio 标签
jQuery方法*/
/*if($(this.getElementByXid("div1")).css("display")==‘none‘){
$(this.getElementByXid("div1")).show();
//显示div1元素
$(this.getElementByXid("div1")).hide();
//隐藏div1元素
/*if($(this.getElementByXid("image1")).css("display")==‘none‘){
$(this.getElementByXid("image1")).show(400);
//在400毫秒内显示div1元素
$(this.getElementByXid("image1")).hide(400);
//在400豪秒内隐藏div1元素
//$(this.getElementByXid("image1")).toggle(400);
//上面四行的整合（以后不再提示）
/*if($(this.getElementByXid("div1")).css("display")==‘none‘){
$(this.getElementByXid("div1")).slideDown("slow");
//下滑显示div1
$(this.getElementByXid("div1")).slideUp("slow");
//上滑隐藏div1
//$(this.getElementByXid("div1")).slideToggle("slow");
/*if($(this.getElementByXid("div1")).css("display")==‘none‘){
$(this.getElementByXid("div1")).fadeIn("slow");
//淡入div1
$(this.getElementByXid("div1")).fadeOut("slow");
//淡出div1
//$(this.getElementByXid("div1")).fadeToggle("slow");
//$(this.getElementByXid("image1")).animate({height:‘50px‘,width:"50px"});
//将image1的高度和宽度都动画变成50px
//$(this.getElementByXid("image1")).animate({height:‘+=50px‘,width:"+=50px"});
//将image1的高度和宽度都动画增加50px
//$(this.getElementByXid("row2")).remove();
//删除row2及其子元素
//$(this.getElementByXid("row2")).empty();
//删除row2子元素，保留frow2
/*if($(this.getElementByXid("row2")).hasClass("blue")){
$(this.getElementByXid("row2")).removeClass(‘blue‘) ;
//给row2添加blue类
$(this.getElementByXid("row2")).addClass(‘blue‘) ;
//给row2去除blue类
//$(this.getElementByXid("row2")).toggleClass(‘blue‘) ;
过滤选择器*/
//$("img[src$=‘jpg‘]").css(‘width‘,‘290px‘);
//返回所有属性src以jpg结尾的image元素
//$("img[src*=‘head.jpg‘]").css(‘width‘,‘290px‘);
//返回属性src包含head.jpg的img元素
//$(‘lidd‘).css(‘background‘,‘red‘);
//返回偶数行的li元素
//$(‘li:even‘).css(‘background‘,‘red‘);
//返回奇数行的li元素
//$(‘li:first‘).css(‘background‘,‘red‘);
//返回第一个li元素
//$(‘li:last‘).css(‘background‘,‘red‘);
//返回最后一个li元素
//$(‘li:eq(2)‘).css(‘background‘,‘red‘);
//返回第二个li元素
//$(‘li:gt(2)‘).css(‘background‘,‘red‘);
//返回第二个以后的li元素
//$(‘li:lt(2)‘).css(‘background‘,‘red‘);
//返回第二个以前的li元素
//$("li:not(:empty)").css(‘background‘,‘red‘);
//返回不为空的li元素
//$("div:empty").css(‘background‘,‘red‘);
//返回空的div元素
//$("li div:contains(‘冀‘)").css(‘background‘,‘red‘);
//在li元素下面选择文本包含冀的div元素
//$("li div:has(input)").css(‘background‘,‘red‘);
//在li元素下面，选择有子元素input的div元素
//$("li:visible").css(‘background‘,‘red‘);
//选择可见的li元素
//$("ul li:nth-child(3n + 1)").css(‘background‘,‘red‘);
//选择3n+1（n=1,2,3.。。。）的li元素
这么多方法，其实在开发中多多少少要用到，大家还是要多看一点。只用wex5的东西，有时也有限。这里只做一些说明。
组件关系：
js历史悠久， wex5组件基于各种框架而成，是明显的父子关系。
wex5的组件方法中，可以执行js的方法，而在js的方法中，无法执行wex5的方法。
举个例子：
在wex5的事件更新中，直接写js的方法，很好。返过来，在js中写p()什么的，认不了。想想也是啊，父亲是认不了儿子的行为的。儿子不仅认识父亲的方法，还自建一套。
四 执行顺序
js的执行速度最快，会在页面完成后执行。
而wex5的组件，需要modeLoad,初始化完成后才能执行。即使是modelParamsRecive也不能优于js
那问题来了，我如果页在中同时用了js与wex5,如何控制执行顺序呢？
如果把js代码放到页面中，它会先于其它执行，方法是把js方法装到wex5的组件方法中去，进行一次方法套用。
还是这个例子。如果把
$(".true").show();
$(".wrong").hide(); 放到页面之外，直接执行，执行是 执行了，值的改变就会成了马后炮。
在混合开发中，会遇到很多组件与方法共生共用的情况，大家要区别对待，不能盲写盲从，如果提示方法未定义，组件不存在，看看是不是把js和wex5的东西 用混用错了。标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&国之画&&&& &&
版权所有 京ICP备号-2
迷上了代码！下面是LPL夏季赛 GT vs WE 比赛情况 Ba
lol2016lpl夏季赛GT vs WE比赛视频 GT2:1WE获胜 - 热点_【北京联盟】
lol2016lpl夏季赛GT vs WE比赛视频 GT2:1WE获胜
/ 作者：admin
北京联盟摘要：下面是LPL夏季赛 GT vs WE 比赛情况 Ba
lol2016lpl夏季赛GT vs WE比赛视频 GT2:1WE获胜，上一篇：
下一篇： 。下面是LPL夏季赛 GT vs WE 比赛情况 北京联盟 / Ban人阶段，GT是针对XiyeBan掉了卡牌和扇子妈。WE则是封锁了吸血鬼和流浪还以颜色。来看选人方面，GT的阵容决定了他们是以抓人单杀为主的一个体系!小鱼人和乐芙兰都是比较灵活的刺客型英
下面是LPL夏季赛 GT vs WE 比赛情况 联盟 /Ban人阶段，GT是针对XiyeBan掉了卡牌和扇子妈。WE则是封锁了吸血鬼和流浪还以颜色。来看选人方面，GT的阵容决定了他们是以抓人单杀为主的一个体系!小鱼人和乐芙兰都是比较灵活的刺客型英雄。而WE这边阵容就相对比较笨重，注重打团的一个组合。那么来看这一回合的较量，哪边能够先拔头筹呢。北京联盟 /开局不久，GT就用一个传送形成一波四人包夹拿下了957的一血，拿下了一些小优势。但WE马上用几波小规模团战的胜利，追平了比分，还以颜色。而很关键的是WE这边，上单957的发育与GimGoon的差距相当大，让他们在前期的团战能力相当受影响。不过WE在中期还是成功将局势稳住，收获了他们梦寐以求的稳定发育期。北京联盟 /而在之后GT的一波偷龙作战中，Condi是直接抢下了GT将要到手的大龙!但拿下大龙BUFF后，WE却是失误被小鱼人传送绕后将局势又扳了回来。紧接着双方一次来回的攻防!GT是在收掉WEADC的情况下，抓到了机会拿掉了远古龙!再次掌握主动权。最后，GimGoon在WE拿下第二条大龙撤退的情况下!再次传送绕后。一个人留下了WE三人，帮助队友打出了WE的团灭!一波结束了比赛，拿下了首回合的胜利。恭喜GT，大比分1：0暂时领先北京联盟 /标签： lol2016lpl夏季赛 lol2016lpl夏季赛视频 lol2016lpl夏季赛GTvsWE ( 责任编辑:杨小咩)北京联盟 /来到第二回合，WE这边上来就把上把表现抢眼的烬和小鱼人统统Ban掉!GT这边则是封锁了吸血鬼和流浪。Pick方面，WE是拿出了维克托和挖掘机的中野组合。而GT这边，上路是拿到了这个版本较常出现在打野位置的人马!下路则是选到了灵活性相当强的EZ和扇子妈组合来对抗WE的寒冰和娜美的组合。那么来看，这把WE是否能够扳回一城呢!北京联盟 /这把一开始，Condi就对上把表现抢眼的GimGoon照顾有加!在没有闪现的情况下，GimGoon直接被Condi连续抓死了两次，丢掉了一二血。而在之后，WE凭借下路的双杀，以及中路的抓人，直接在前期打懵了GT。上把被GimGoon追着跑的957，这把也是反过来开始追着GimGoon跑了。北京联盟 /WE在拿下上路的所有外塔后，果断地开大龙。虽然republic交出传送，想要阻止WE的抢龙。但这把GT全队输出实在是相当有限，不仅无法阻止WE拿下大龙，还让WE又收获了2个人头。随后，WE的下路推进中。大舅子一支穿云箭直接开到了GT的ADC，帮助WE直接攻下了GT的下路高地。最后，WE整顿一波后转攻上路，虽然GT奋力抵抗，但收效甚微，惨遭团灭!WE顺势拿下了这场比赛，将大比分改写成1：1。恭喜WE!北京联盟 /来到决胜局，GT又是拿回了第一回合的Ban人策略，封锁掉卡牌和扇子妈。WE这边则依旧是Ban掉了流浪和吸血鬼。而阵容方面，GT几乎拿出了和第一回合完全一样的阵容，仅仅是将小鱼人换成了大树。不过这一手大树的选择不知道是不是针对957呢?感觉大树在GT这一套阵容中的效果并不如小鱼人好。再来看WE这边，依旧是拿出了维克托和寒冰。而上路被拿走大树的957是选到了艾克。那么这把究竟谁胜谁负，让我们拭目以待。北京联盟 /在一开始的发育期中，WE是凭借着上路的一波双人绕后包夹，拿到了大树的一血。但之后WE在掌握优势后的几次关键失误，反而是让GT在连续对攻中，收获了不小的优势。PentaQ的烬也在收获了几个人头后，隐隐有了起飞之势。而随后双方在小龙附近的交火中，虽然WE是强行秒掉了GT的主力输出PentaQ，但GimGoon开着他的“喵”凯就是追着WE的双C位跑，让WE惨遭团灭!北京联盟 /一波团灭对WE的影响无疑是毁灭性的，GT在拿下大龙后，已经将经济差距拉扯得相当大。这让WE几乎无法抵抗GT的攻势了。最后，GT强势开团，烬爆炸输出帮助队伍带走WE三人后，成功攻破了WE的主堡。那么，恭喜GT，大比分2：1赢下了这场比赛。北京联盟 /
lol2016lpl夏季赛GT vs WE比赛视频 GT2:1WE获胜
免责声明：本站文章除注明来源“北京联盟”外的文章均来自网络和网友投稿，著作权归原作者所有。北京联盟不承担任何连带责任！&&& GT打野无双wushuang：从Acfun到WE再到GT迎来属于自己的时代
GT打野无双wushuang：从Acfun到WE再到GT迎来属于自己的时代
15岁背井离乡义无反顾选择开始了自己的职业生涯，16岁俱乐部解散回到贵州老家做起了游戏主播。17岁再次离家签约 [&]
15岁背井离乡义无反顾选择开始了自己的职业生涯，16岁俱乐部解散回到贵州老家做起了游戏主播。17岁再次离家签约WE电子竞技俱乐部却替补了一整个春季赛。18岁转会GT，期待迎来属于自己的时代。
“我的名字叫无双，天下无双的无双。”
他的名字叫无双，粉丝都亲切的叫他“双儿”。
15岁背井离乡开始职业身涯
2014年的S4赛季中，艾欧尼亚最强王者前十有三个号是属于他的，当时只有15岁的无双作为知名的Rank王被誉为天才打野。之后无双便受邀来到武汉加入Acfun战队。
“那时家人担心我是不是被洗脑了，会不会遇到危险（笑），因为那个时候是我自己第一次出远门，只有15岁半。”无双和记者透露，那时的他受到一位职业选手的邀请，想都没想，15岁就带着一些行李从贵州遵义的家里出发去打职业了。
听到无双的回答我不禁的问道“ 如果这是一个骗局怎么办？出了什么意外怎么办？有考虑过这个问题吗？”因为我无法想象一个15岁的少年竟然能够为了自己的梦想只身一人从贵阳跑到一千多公里以外一个完全陌生的地方。
“大不了就再买一张火车票回家嘛。”无双笑着和记者说道。说实话听到这个回答我挺吃惊的，但又很佩服他。佩服他的勇气，也佩服他对梦想的这份执着。
初登职业舞台备受委屈
“我深深地记得，我打职业的第一台电脑价值一万多块钱。那时的我从来没有用过那么贵的电脑，当老板和我说‘你就用这台电脑吧’时，我超级开心。真的非常珍惜那台电脑，我到现在都记得当时的心情，像小孩子第一次见到游乐场一样。”无双笑着回忆第一次加入职业战队的经历时，眼神一如最开始的那个单纯少年。
“在Acfun的日子开心吗？” 面对记者的问题，无双深呼了一口气说”不太开心…那个时候我的年龄很小，队伍里的其他人都比我大。每次输了比赛他们会互相责怪，队内的氛围会变得非常差。导致我曾怀疑过‘这就是我梦想中的职业吗？’“ 无双说完这番话苦笑了一下，虽然已经是过去的事，但依旧能够从他的神情中感受到这段经历对他的影响很大。
队伍解散回家做起直播
Acfun战队解散后，无双选择回到贵州老家，在斗鱼TV做起了直播，有一段时间打开斗鱼TV总会看到一个名为天下无双的直播间，他的很多场rank都会被录成名为”无双螳螂教学视频，LOL无双剑姬教学视频”等素材供大家学习借鉴。
无双回忆起在家打直播的日子说道：“我其实一开始根本不懂什么是主播，我不好意思和大家说话，就只会安静的打游戏。后来渐渐的才会和大家说话，开开玩笑。”
当无双已经习惯了每天直播的生活，所有人也习惯了每天去斗鱼找寻他的直播间时，2015年9月，无双收到了WECEO小兽的邀请，邀请他去WE担当打野。经历了上一个并不顺利的职业经历之后，这时的无双再一次毫无顾虑的踏上了离家的路，只身一人从贵州前往位于上海的WE俱乐部基地。
签约WE 三年磨一剑
签约WE之后，无双和WE一同参加了NEST决赛，那时的他带领着刚刚经历过保级风波的WE战胜了Snake战队。然而俱乐部的重组使WE又签约了一位打野选手Condi，一时间打野风格非常相似的他们，站在了天平的两侧。
“那时我和Condi竞争了半个月，后来因为他那时的状态比我好，和队伍的磨合也不错。所以俱乐部决定让他上，我替补。”无双说出这些话的时候语气里似乎透露着一些遗憾。
“在WE替补的日子里你在想些什么？”无双想了很久认真的回答道：“我其实很感激WE，我不怪他们。在那段时间我成长了很多。无论是心态还是性格上都有很多变化。我把那时经历的一切都当做是一种磨练。那时候我一直不断的稳住自己，和自己说坚持下去。”
18岁转会GT
重整旗鼓的少年
“其实之前我并不知道我会去哪里，但是我并不迷茫。我只想做好我自己。替补的时间里，我每天都认真的打Rank.当时我的韩服有700多分，国服的排名也不错，我觉得我静静的等，一定会有机会的，我等到了。”
2016年5月18日，GT战队的官博发出声明说“经与WE电子竞技俱乐部友好协商，原WE打野选手王海郦（ID:GT.WuShuang）以转会形式加入GT电子竞技俱乐部担任打野，今后无双将代表GT战队参加各大英雄联盟赛事。”很多无双的粉丝看到这段话的时候都静静的说了句“能够上场就好。” 是啊，经历了颠簸的三年时间，无双却从未登上过LPL这个国内顶尖英雄联盟赛事的舞台。
犹记得GT的第一场比赛前，无双在队内语音中问：“傻窝，一般还有多久会开始比赛啊? ” Savoki回答道“我不知道啊，你紧张吗？” “我不紧张。”一句简单的对话，一个只有十八岁的少年，一颗炙热的心。无论在打职业的道路上他走了多久，走了多远。无双终于站上了自己梦想的舞台。期待在不久的将来他会带领着全新的GT战队走向一个明朗的未来。
采访快结束时我问无双“喜欢现在的生活吗？”
“喜欢。我很喜欢现在的每一天，这些都是我从未经历过的日子。我也不会浪费现在的每一天，因为这些都是我一如既往的梦想。”
“我的名字叫无双，天下无双的无双。”
（本文系作者@ 授权游戏直播的那点事发表，并经游戏直播的那点事编辑，转载请注明出处和)
第一时间获取游戏直播行业新鲜资讯和主播八卦，请在微信公众账号中搜索「游戏直播的那点事」或者「youxizhibo123」，或用手机扫描左方二维码，即可获得【游戏直播那点事】每日精华内容推送和最优搜索体验，并参与编辑活动。