ue

边际利润，边际收入，边际收益边际效应，有时也称为边际贡献，是指消费者在逐次增加一个单位消费品的时候，带来的单位效用是逐渐递减的（虽然带来的总效用仍然是增加的）。

marginal revenue curve英 [u02c8mɑ:du0292inu0259l u02c8revu0259nju: ku0259:v] 美 [u02c8mɑrdu0292u0259nu0259l u02c8revu0259nju ku025av] 边际收入曲线;

Quay dues: 泊位停泊费,船舶总吨*费率*靠泊时间(小时) , 港务局收取望采纳，谢谢。

区间范围是0.01至0.05。P（pocpvalue）值是用来判定假设检验结果的一个参数，也可以根据不同的分布使用分布的拒绝域进行比较。由R·A·Fisher首先提出。P值（Pvalue）就是当原假设为真时所得到的样本观察结果或更极端结果出现的概率。如果P值很小，说明原假设情况的发生的概率很小，而如果出现了，根据小概率原理，我们就有理由拒绝原假设，P值越小，我们拒绝原假设的理由越充分。

不是，这是一款游戏。精美逼真的画面，独特的情节，游戏玩法的细心品味，令人兴奋和热情的模式，对自己实力的考验，不断增长的经验以及反击的寿命，快速地在玩家面前展示强大的武器和装备，只有摧毁更多的BOSS，你才能获得丰富的资源并轻松玩耍。

这款游戏是自带中文的，玩家进入游戏后可以在设置中选择Simplified Chinese语言进行设置即可。款游戏分为了两个打开方式，其一是没有马赛克的版本，另外一个是对敏感内容进行马赛克的版本，这个是自由选择的，如果只想体验游戏内剧情的话其实打码的内容也没关系。这是一款附有恐怖的剧情游戏。游戏比较重口味，始终贯穿着一种神秘感，能够让你很快沉浸到游戏过程中去，从每一个关卡以及剧情的推进，3D版剧情非常丰富。

Identity-PROLOGUE-歌：dream 作词：萩原 慎太郎 作曲：BOUNCEBACK 私が信じた奇迹 私が选んだ未来届かないモノを信じて 谁かの声に怯えてた振り向けば耳を塞いだ言叶が私を作るやめないで旅人达 名も知らぬ街へ行こうここから私が信じた奇迹 私が选んだ未来私が纺いだ物语全て爱せるようにありふれた日々をいくつも谁かのせいにして过ごす舍ててきた梦のカケラが迷子の私を责める目を闭じて闻こえるでしょう 君を呼ぶ旅人达今でも私が信じた奇迹 私が掴んだ未来私が描いた物语全て爱せるように目に映るもの全てが 问いかけてくるでしょう心のまま 答える私が伝えた言叶 私が流した涙私が纺いだ物语全て爱せるように私が今も见上げてる空 私が选んだ未来私が描いた物语全て爱せるようにwatashi ga shinjita kiseki watashi ga eranda miraitodokanai mono wo shinjite dareka no koe ni obietetafurimukeba mimi wo fusaida kotoba ga watashi wo tsukuruyamenaide tabibito-tachi na mo shiranu machi e yukoukoko karawatashi ga shinjita kiseki watashi ga eranda miraiwatashi ga tsumuida monogatari subete ai seru you niarifureta hibi wo ikutsumo dareka no sei ni shite sugosusutete kita yume no kakera ga maigo no watashi wo semerume wo tojite kikoeru deshou kimi wo yobu tabibito-tachiima demowatashi ga shinjita kiseki watashi ga tsukanda miraiwatashi ga egaita monogatari subete ai seru you nime ni utsuru mono subete ga toikakete kuru deshoukokoro no mama kotaeruwatashi ga tsutaeta kotoba watashi ga nagashita namidawatashi ga tsumuida monogatari subete ai seru you niwatashi ga ima mo miageteru sora watashi ga eranda miraiwatashi ga egaita monogatari subete ai seru you ni

系统bug。《边境警察contrabandpoliceprologue》是一款射击类的游戏，玩家在游戏中扮演的角色是一名十分厉害的边境警察，根据查询其官方网站可知，该游戏在运行时如果一直打不开，是系统bug的原因，只需要将该游戏卸载重新下载打开即可。

因为april四月指花开的季节。generalprologue是一般序言，总引，指的就是某一事物，某一文章的开头，四月花开是春天的开始，一年四季的开头，所以一般序言指是四月。

可以。1、PSN联网，并成功进入游戏选项，就是一个私人房间。可以邀请好友通过匹配栏加入你的房间。2、如果没有好友，那么接第1步，你选图，入仓进入装备选择页面，就会出现在整个服务器的匹配名单上（如你平常入路人房间所视），根据ping值优先显示在你周围地区的人的匹配名单。以上为lurkinthedarkprologue联机方式。

进入游戏选项最后一个 English 切换到s chinese 如果没有 Steam 右键游戏 点击属性点击测试 无 改为 [Coming_in_hot Pre public release branch]到SteamsteamappscommonDarkestDungeonlocalization 目录内执行localization.bat，生成文档 schinese.loc再次进入游戏内找选项 english 改成 schinese重开游戏

进入游戏界面后，点击进入界面最下方的options（选项），在选项菜单中选择第五个（游戏），在游戏菜单中选择最后一项（语言），选择CHINESE（中文）。具体需要看自己的游戏版本是否支持中文。《占领火星(Occupy Mars: The Game)》是由Pyramid Games制作并发行的一款生存模拟游戏。

如果我没记错的话，这是日本早期的产品，已经停产好多年了，假货很多，也有N多个版本了。不知道你那个是哪个版本，因为现在舒尔官网上都已经没有这款的型号了。所以真的已经很难分辨了，如果你还能记得当初买这款话筒的地方，甚至有单据的话，还可以判断。14L假的太多了，很少看到真的了。

设置方法：点击左上角那个起子和扳手交叉的图标，那是设置选项，进去选择“Language”的选项，如果有的话点击然后看有没有Chinese之类的选项或者国旗图标，如果有，选择之后会变成中文，如果没有，那就没有中文。

坎特伯雷故事集打开了一般序时被告知一组生动的素描公司的朝圣者聚集在Tabard在南华酒店，一个伦敦郊区

易车原创 在不久前的中国品牌和美系品牌重磅纯电新车前瞻之后，今天将会为大家带来最新的日系品牌重磅纯电新车前瞻，其中包含丰田、雷克萨斯、本田、讴歌、日产、马自达等主流品牌将于未来几年亮相或上市的纯电产品。就纯电动化转型角度而言，虽然日系品牌比起中国和欧美品牌主流竞争对手们显得略慢，但是在这些即将于未来几年发布的重磅纯电新车中，也不乏值得国内消费者们关注的产品，如果近几年有换车计划，不妨继续往下看看这些纯电新品。●丰田bZ3纯电中型车bZ3是丰田bZ系列的第二款量产车，定位纯电中型车，外观采用了bZ系列的最新家族式设计，将会搭载由比亚迪旗下弗迪电池和弗迪动力提供的磷酸铁锂电池及电动机，新车预计会在2022年内正式亮相。外观设计方面，丰田bZ3采用了与丰田bZ4X相似的最新家族式设计，拥有封闭的前脸造型，以及锐利的头灯，前脸和尾部同样拥有醒目的贯穿式LED光源。车身尺寸方面，新车长/宽/高分别为4725/1835/1475毫米，轴距2880毫米。动力系统方面，bZ3搭载由弗迪动力提供的TZ200-XS002电动机，预计会提供高低功率两种车型，分别为180千瓦和135千瓦，二者的整备质量分别为1710千克和1835/1840千克。而动力电池则采用由弗迪电池提供的磷酸铁锂刀片电池，目前bZ3仅提供给一汽丰田生产和销售。●全新丰田C-HR纯电版全新丰田C-HR预计会在2023年全球首发，将会拥有最新的丰田家族式外观和内饰设计理念，并且预计会继续同步推出燃油版、混动版和纯电版车型。Small SU EV概念车根据目前掌握的消息，全新丰田C-HR可能会首推燃油和混动版车型，而纯电版车型可能会在2023年晚些时候亮相，新车将会继续主打小型SUV市场，2.0L自然吸气发动机和2.0L混动系统将会作为主力出现。现款C-HR针对外观设计方面，全新丰田C-HR纯电版预计将会基于此前丰田的发布的Small SU EV概念车打造，拥有最新的前脸设计，以及“C”字型头灯造型，具有极强的辨识度，预计燃油版也会拥有相似的外观设计。●丰田bZ1丰田此前曾表态，计划推出涵盖所有级别细分市场的纯电动车型，因此丰田bZ1可能会在未来几年亮相，作为丰田Aygo X的零排放替代者，继续主攻纯电小型车市场，或许还会继续采用跨界设计打造。丰田bZ1假想图考虑到当前全球消费者对SUV车型的热爱程度，预计丰田bZ1就像丰田Aygo X一样，仍旧会是一辆采用跨界设计的小型SUV，该车未来可能会基于丰田的e-TGNA纯电架构打造。丰田Aygo X在e-TGNA纯电架构帮助下，丰田bZ1预计会采用单电机前驱布局，也许会搭载35-45千瓦时电池组，续航里程在300公里左右，足以满足日常的城市通勤需求，未来上市后预计海外起步售价在15万人民币内。● 丰田GR Sports EV丰田GR Sports EV可能会在未来几年内量产，将会由丰田的Gazoo Racing部门深度参与研发设计。同时，我们能看到，它的车身比例就像是丰田经典中置跑车MR2的复活版。跟据外媒此前报道的消息，丰田相关人士在接受采访时表示，未来的全新丰田MR2可能会与保时捷共同开发，虽然这个消息在官方正式宣布前，还不能最终确定，但是由此推测，当时所说的全新丰田MR2也许就是现在的丰田GR Sports EV。现在，结合保时捷718纯电继任者可能会在2023年投产的消息来看，也许丰田会与保时捷继续进行合作讨论。要知道，今天的宝马Z4和丰田GR Supra跑车就是基于相同平台打造的，也是丰田和宝马合作的典范。●雷克萨斯LFA纯电继任者雷克萨斯Electrified Sport或许将成为LFA的纯电动化继任者，新车预计会采用性能出众的固态电池，续航里程超过700公里，0-100公里/小时加速时间在2秒以内。<img clas

The General Prologue 总序言 总序 一本书最开始的序言

歌曲名:Prologue End歌手:Acid Black Cherry专辑:Black ListAcid Black Cherry - Prologue End作词：林保徳作曲：林保徳今までに大事なモノをいくつ失しただろう気づかない内に谁かを何度伤つけただろう人は生まれた时から罪をくり返す运命だとしたら仆の过ちも同じようにくり返すのですか？この苦しみも…过去はいつか消えますか？仆は强くなれますか？时に泣いてもいいですか？君との出会いが　仆を変えたよ仆のささやかな勇気は谁を救えただろう戻れない时间の中で何を信じてこれたろう人は爱を知る事で救われるか弱き者だとしたら仆が今君を爱する事も许されますか？この喜びも…また梦を见ていいですか？歩き出してもいいですか？少し泣いてもいいですか？瞳を闭じ　生きている意味を感じるよ君を爱すと誓ったから君と生きると誓ったからhttp://music.baidu.com/song/13779031

凡是过去，皆为序章”（What"s past is prologue）， 这句话出自于莎士比亚戏剧《暴风雨》中。《暴风雨》写于1611年，是莎士比亚的最后一部“传奇剧”。《暴风雨》描写了米兰公爵普洛斯彼罗被弟弟安东尼奥夺去爵位，带着女儿米兰达和魔术书流亡到一座荒岛，在那里调遣精灵，呼风唤雨。而“凡是过去，皆为序章”这句话出现在第二幕第一场中，出自弟弟安东尼奥之口。在该剧的译本中，这句话也被译作“以往的一切都只是个开场的引子”或“以往的只算得是序幕”。全文凡是过去，皆为序章。爱所有人，信任少数人，不负任何人。我荒废了时间，时间便把我荒废了。在灰暗的日子中,不要让冷酷的命运窃喜；命运既然来凌辱我们,就应该用处之泰然的态度予以报复。明智的人决不坐下来为失败而哀号，他们一定乐观地寻找办法来加以挽救。

歌曲名:Prologue歌手:日本ACG专辑:「HOSPITAL 6人の医师」オリジナル.サウンドトラック01 PROLOGUEa~~~look down,look down don"t look them in the eyelook down,look down you"re here until you diethe sun is strong it"s hot as hell bellowlook down,look down as twenty years agoi"ve done no wrong sweet jesus,hear my prayerlook down,look down sweet jesus doesn"t carei know she"ll wait i know that she"ll be thuelook down,look down they"ve all forgotten youwhan i get free you won"t see me "ere for dustlook down,look down don"t look them in the eyehow long,o lord before you let me die?look down,look down you"ll aiways be a slavelook down,look down you"re standing in your gravenow bring me prisoner 24601your time is up and your parole"s begunyou know what that meansyes,it"s means i"m freeno! it"s means you get your yellow ticket-of-leaveyou are a thiefi stole a loaf of breadyou robbed a housei broke a window panemy sister"s child was closed to deathand we were starvingyou will starve again unless you learn the meaning of tht lawi know the meaning of those 19 yearsa slave -of the lawfive years for what you didthe rest because you tried to runyes, 24601my name is JEAN VALJEANand i"m JAVERTdo not forget my namedo not forget me24601look down,look down you"ll always be a slavelook down,look down you"re standing in your gravea~~~~http://music.baidu.com/song/59618677

歌曲名:Prologue (Live)歌手:Charles Aznavour - Liza Minnelli专辑:Charles Aznavour & Liza Minnelli : Palais Des CongrèSPrologue (World Anthem) 序言(地球圣歌)作词 : YOSHIKI / 作曲 : F.Marinoby H.DAll of the hate and all of the sadness have melted away. 所有仇恨和悲伤都已熔化Nothing remains here. 一点也未残留Closeby, I see love trying to take a shape 在身近处,我看见爱正成型As I reach out for it, 当我向它伸出手去The love breaks up before my very eyes. 爱在我眼前碎裂Everywhere, there flows…… 它向四方流散......Blue blood 蓝色的血http://music.baidu.com/song/2790874

歌曲名:Prologue歌手:金钟国专辑:Renaissance01 PROLOGUEa~~~look down,look down don"t look them in the eyelook down,look down you"re here until you diethe sun is strong it"s hot as hell bellowlook down,look down as twenty years agoi"ve done no wrong sweet jesus,hear my prayerlook down,look down sweet jesus doesn"t carei know she"ll wait i know that she"ll be thuelook down,look down they"ve all forgotten youwhan i get free you won"t see me "ere for dustlook down,look down don"t look them in the eyehow long,o lord before you let me die?look down,look down you"ll aiways be a slavelook down,look down you"re standing in your gravenow bring me prisoner 24601your time is up and your parole"s begunyou know what that meansyes,it"s means i"m freeno! it"s means you get your yellow ticket-of-leaveyou are a thiefi stole a loaf of breadyou robbed a housei broke a window panemy sister"s child was closed to deathand we were starvingyou will starve again unless you learn the meaning of tht lawi know the meaning of those 19 yearsa slave -of the lawfive years for what you didthe rest because you tried to runyes, 24601my name is JEAN VALJEANand i"m JAVERTdo not forget my namedo not forget me24601look down,look down you"ll always be a slavelook down,look down you"re standing in your gravea~~~~http://music.baidu.com/song/227043

prologue[英][u02c8pru0259u028alu0252g][美][u02c8prou028alu0254:g]n.序言，开场白; vi.作序言，作开场白; 复数：prologues

Prologue的释义：n.开场白；序言；序幕。Prologue的近义词有以下几个：（1）openingu2002开口。（2）preliminaryu2002初步的。（3）introductionu2002介绍。（4）prefaceu2002序文。（5）forewordu2002前言。（6）preambleu2002前文。（7）preludeu2002序幕。Prologue例句(1)The prologue of the book is a famous writter.这本书的序言是由一个著名作家写的。(2)At the beginning,I wrote the prologue in Chinese.最初，我用中文写了本版的序言。(3)The murder was the prologue to World War I.这场谋杀是第一次世界大战的序幕。(4)This prologue to Rotary gave me a sound base in what The Rotary Foundation accomplishes.这样扶轮的序幕使我对扶轮基金会的成就有了基本的了解。(5)First,there"s this prologue that I started reading at the very beginning of the lecture.首先是序言部分，我在这节课一开始时就读了的。(6)The border incident proved to be just the prologue to a full-scale invasion.那次边界事件仅证明了大规模入侵的序幕。(7)A poor wedding is a prologue to misery.不幸的婚姻是痛苦的开始。(8)On the Prologue to the Canterbury Tales.赞美春天的千古绝唱——读乔叟《坎特伯雷故事集·序诗(十八行)》。(9)The murder was the prologue to World War I.这场谋杀是第一次世界大战的序幕。(10)Added a rematch button for final battle in the Prologue when the player loses.为序章添加“重新再战”按钮，好让失败玩家重新开始游戏。

过去是一场序幕。

一千年以前，巴洛克先生

1、启动americantheft80sprologue游戏，开启一个存档。2、点击Options，进入选项界面。3、点击Setting进行设置，找到Language这个语言选项，将en调成zh，确认之后中文便设置成功了。

preface 和 proloque 的区别两个单词词义相近, 有少许不同.prefacen. 序言，引语; 开端，前奏; （弥撒的） 序诵，序祷;vi. 作序; 作为…的序言，作为…的开端; 给…作序; 开始，导致;prologuen. 序言，开场白;vi. 作序言，作开场白;

按方向键＋shift键

Prologue 是专辑的序曲，只有十几秒钟，只有曲子，应该是向听者表达专辑的整体风格。红是这张专辑的最后一首，风格与Prologue最为接近。

歌曲：Prologue（ft.小野大辅 )演唱者： - 神谷浩史词：六ツ见纯代曲：kyo君と目が合ってkimitomega atte和你目光相对ココロ动いてkokoro ugoite触动心弦突然辉く季节ときめきのプロローグtotsuzen kagayaku kisetsu tokimekino puroro-gu突然闪耀的季节 是心跳的序曲ガードレールに座りながらga-dore-runi suwarinagara一边坐在栏杆上他爱ない会话taainai kaiwa聊着闲杂的对话肝心なことは言えずにkanjinnakotowa iezuni最重要的话却说不出口少し寒そうにしてるからsukoshi samusouni shiterukara因为似乎有些寒冷贷したジャケットkashita jyaketto借给你的夹克ぬくもりだけは　ひとつになるnukumoridakewa hitotsuninaru只剩下那份余温かなり前から　好きだったからkanarimaekara sukidattakara从很久之前就喜欢上了もっと近くで　君を感じたいmottochikakutde kimiwokanjitai想要更近一些感受你风になびく髪　揺れてる瞳kazeni nabikukami yureteruhitomi风中飘动的秀发 波动着的眼眸まっすぐ微笑む笑颜massugu hohoemu egao纯真地微笑着的笑脸いつだってまぶしくてitsudatte mabushikute无论何时都是如此耀眼どんな瞬间も　见逃せないよdonna shunkanmo minogasenaiyo不论怎样的瞬间 都不想错过啊鼓动がせつなく响くkodouga setsunaku hibiku心跳在寂寞地回响爱しさのプロローグitoshisano puroro-gu令人怜爱的序曲言叶なんかじゃkotoba nankajya只是话语足りないほどtarinaihodo怎么能足够君に惹かれてるkimini hikareteru被你所吸引やけに耳たぶが热いよyakeni mimitabuga atsuiyo耳垂都变得火热了まるではじめて恋をしてたmarudehajimete koiwoshiteta仿佛是初恋一般あの顷のようにanokorono youni就像那时一样不器用すぎて　笑えるんだbukiyousugite waraerunda笨拙到只能傻笑仆が缀った　恋のシナリオbokuga tsuzutta koinoshinario我撰写的恋爱的剧本里これからずっと　君がヒロインさkorekara zutto kimiga hiroinsa此后你始终都是女主角春の桜雨　夏の海风haruno sakuraame natsuno umikaze春日的樱花雨 夏日的海风秋から冬の星空akikara fuyuno hoshizora从秋天开始的冬季的夜空いつだってそばにいるitsudatte sobaniiru不论何时 都在你身边すべての景色が　煌めきながらsubeteno keshikiga kiramekinagara这所有的景色 一边闪耀着ふたりをやさしく包むfutariwo yasashiku tsutsumu将你我二人温柔地环绕明日へのプロローグashitaeno puroro-gu向着明天的序曲风になびく髪　揺れてる瞳kazeni nabikukami yureteruhitomi风中飘动的秀发 波动着的眼眸まっすぐ微笑む笑颜massugu hohoemu egao纯真地微笑着的笑脸いつだってまぶしくてitsudatte mabushikute无论何时都如此耀眼君と目が合って　ココロ动いてkimitomega atte kokoro ugoite和你相视的瞬间 便能触动心弦未来へ続くストーリーmiraie tsuzuku suto-ri-向着未来写下去的故事仆たちのプロローグbukutachino puroro-gu是我们的序曲

歌曲名:Prologue歌手:原声大碟专辑:天空の城ラピュタPrologue (World Anthem) 序言(地球圣歌)作词 : YOSHIKI / 作曲 : F.Marinoby H.DAll of the hate and all of the sadness have melted away. 所有仇恨和悲伤都已熔化Nothing remains here. 一点也未残留Closeby, I see love trying to take a shape 在身近处,我看见爱正成型As I reach out for it, 当我向它伸出手去The love breaks up before my very eyes. 爱在我眼前碎裂Everywhere, there flows…… 它向四方流散......Blue blood 蓝色的血http://music.baidu.com/song/15890863

歌曲名:Prologue歌手:滨崎步专辑:A Song For ××01 PROLOGUEa~~~look down,look down don"t look them in the eyelook down,look down you"re here until you diethe sun is strong it"s hot as hell bellowlook down,look down as twenty years agoi"ve done no wrong sweet jesus,hear my prayerlook down,look down sweet jesus doesn"t carei know she"ll wait i know that she"ll be thuelook down,look down they"ve all forgotten youwhan i get free you won"t see me "ere for dustlook down,look down don"t look them in the eyehow long,o lord before you let me die?look down,look down you"ll aiways be a slavelook down,look down you"re standing in your gravenow bring me prisoner 24601your time is up and your parole"s begunyou know what that meansyes,it"s means i"m freeno! it"s means you get your yellow ticket-of-leaveyou are a thiefi stole a loaf of breadyou robbed a housei broke a window panemy sister"s child was closed to deathand we were starvingyou will starve again unless you learn the meaning of tht lawi know the meaning of those 19 yearsa slave -of the lawfive years for what you didthe rest because you tried to runyes, 24601my name is JEAN VALJEANand i"m JAVERTdo not forget my namedo not forget me24601look down,look down you"ll always be a slavelook down,look down you"re standing in your gravea~~~~http://music.baidu.com/song/318773

preface的意思是序言.前言(尤只讲话的开场白) foreword的意思就是书的序.前言 prologue只戏剧的开场白和一系列事情的开端

易车讯 近日，本田Prologue纯电SUV最新预告图曝光，这次展示的并非简单的设计草图，而是油泥模型实物，可以更加真实的看到新车的外观设计，该车有望于2024年亮相，将会基于生产凯迪拉克Lyriq的通用奥特能（Ultium）平台打造，同时本田旗下的讴歌品牌也会推出一款兄弟车型。本田的设计师表示，我们设想Prologue拥有更长的轴距，更接近四轮四角的短前悬和后悬设计，以及强大的轮胎，以此来为车辆赋予更运动的车身比例，还有更强壮的车身姿态。同时，本田的设计师还表示，设计一款纯电动车给我们带来了更多的自由，可以进一步扩展设计师的想象力。只是目前还不确定，油泥模型展示的设计，是否会全部出现在量产车上。外观设计方面，本田Prologue将会采用最新的设计理念打造，拥有细长的头灯和前格栅设计，在电动化时代，进气格栅的造型也在随之发生变化，尺寸都开始大幅缩减，并采用封闭式设计，车身线条充满力量感，是本田近年来SUV的新特点。此前本田已经与通用签署了合作协议，将会采用通用Ultium平台打造全新纯电SUV。未来，本田和旗下豪华品牌讴歌的全新纯电SUV，将会使用与凯迪拉克Lyriq相同的电池、电控和电驱动技术打造，主力车型续航里程有望保持在500-600公里之间，将会分别在通用的墨西哥工厂和美国本土生产。根据易车App“热度榜”显示的数据，本田·新能源品牌热度排名第197位。如需更多数据，请到易车App查看。

Prologue 是“序幕”的意思。没听说过有 Prologue 的手表，网上也没有 Prologue 手表的资讯

本田发布了一款全新的纯电动SUV，这款车型的名称叫做Prologue，这个一听的是这一款车，使用的是通用集团奥特能打造的，在现在纯电动汽车的市场当中，这一款车有很大的机会能够出圈。

prologue意思：序言 / 序曲 / 开场白 / 引出某种情况的事件

prologue开场白双语对照词典结果：prologue[英][u02c8pru0259u028alu0252g][美][u02c8prou028alu0254:g]n.序言，开场白; vi.作序言，作开场白; 复数：prologues以上结果来自金山词霸例句:1.These events may also be a prologue to a longer story. 这些事件也可能是一篇漫长故事的序幕。-----------------------------------如有疑问欢迎追问！满意请点击右上方【选为满意回答】按钮

1、prologue的意思：n.开场白;；序幕；序言。 2、prologue的读音：英[u02c8pru0259u028alu0252ɡ]，美[u02c8prou028alu0254u02d0ɡ]。 3、[例句]The teacher prologue is a hot spot in classroom teaching study.教师开场白一直是课堂教学研究的热点。 4、复数：prologues

1、prologue的意思：n.开场白;；序幕；序言。2、prologue的读音：英[_pr__l_ɡ]，美[_pro_l__ɡ]。3、[例句]Theteacherprologueisahotspotinclassroomteachingstudy.教师开场白一直是课堂教学研究的热点。4、复数：prologues

Prologue的释义：n.开场白；序言；序幕。Prologue的近义词有以下几个：（1）openingu2002开口。（2）preliminaryu2002初步的。（3）introductionu2002介绍。（4）prefaceu2002序文。（5）forewordu2002前言。（6）preambleu2002前文。（7）preludeu2002序幕。Prologue例句(1)The prologue of the book is a famous writter.这本书的序言是由一个著名作家写的。(2)At the beginning,I wrote the prologue in Chinese.最初，我用中文写了本版的序言。(3)The murder was the prologue to World War I.这场谋杀是第一次世界大战的序幕。(4)This prologue to Rotary gave me a sound base in what The Rotary Foundation accomplishes.这样扶轮的序幕使我对扶轮基金会的成就有了基本的了解。(5)First,there"s this prologue that I started reading at the very beginning of the lecture.首先是序言部分，我在这节课一开始时就读了的。(6)The border incident proved to be just the prologue to a full-scale invasion.那次边界事件仅证明了大规模入侵的序幕。(7)A poor wedding is a prologue to misery.不幸的婚姻是痛苦的开始。(8)On the Prologue to the Canterbury Tales.赞美春天的千古绝唱——读乔叟《坎特伯雷故事集·序诗(十八行)》。(9)The murder was the prologue to World War I.这场谋杀是第一次世界大战的序幕。(10)Added a rematch button for final battle in the Prologue when the player loses.为序章添加“重新再战”按钮，好让失败玩家重新开始游戏。

这是进u盘的shell环境了，将硬盘在bios中设置成第一启动即可

public class test{public static void main(String[] args) {Circle C=new Circle(4);Rectangles Rt=new Rectangles(4, 4);Triangle T=new Triangle(6,7);C.Area();Rt.Area();T.Area();}}

目前几种主流的mvc(vm)框架都实现了单向数据绑定，而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入元素（input、textare等）添加了change(input)事件，来动态修改model和 view，并没有多高深。所以无需太过介怀是实现的单向或双向绑定。实现数据绑定的做法有大致如下几种：发布者-订阅者模式（backbone.js）脏值检查（angular.js）数据劫持（vue.js）

react和vue都是做组件化的，整体的功能都类似，但是他们的设计思路是有很多不同的。使用react和vue，主要是理解他们的设计思路的不同。 react整体是函数式的思想，把组件设计成纯组件，状态和逻辑通过参数传入，所以在react中，是单向数据流，推崇结合immutable来实现数据不可变。react在setState之后会重新走渲染的流程，如果shouldComponentUpdate返回的是true，就继续渲染，如果返回了false，就不会重新渲染，PureComponent就是重写了shouldComponentUpdate，然后在里面作了props和state的浅层对比。 而vue的思想是响应式的，也就是基于是数据可变的，通过对每一个属性建立Watcher来监听，当属性变化的时候，响应式的更新对应的虚拟dom。 总之，react的性能优化需要手动去做，而vue的性能优化是自动的，但是vue的响应式机制也有问题，就是当state特别多的时候，Watcher也会很多，会导致卡顿，所以大型应用（状态特别多的）一般用react，更加可控。 react的思路是all in js，通过js来生成html，所以设计了jsx，还有通过js来操作css，社区的styled-component、jss等， vue是把html，css，js组合到一起，用各自的处理方式，vue有单文件组件，可以把html、css、js写到一个文件中，html提供了模板引擎来处理。 react是类式的写法，api很少， 而vue是声明式的写法，通过传入各种options，api和参数都很多。所以react结合typescript更容易一起写，vue稍微复杂。 react可以通过高阶组件（Higher Order Components--HOC）来扩展，而vue需要通过mixins来扩展 一个react高阶组件的例子：react做的事情很少，很多都交给社区去做，vue很多东西都是内置的，写起来确实方便一些， 比如 redux的combineReducer就对应vuex的modules， 比如reselect就对应vuex的getter和vue组件的computed， vuex的mutation是直接改变的原始数据，而redux的reducer是返回一个全新的state，所以redux结合immutable来优化性能，vue不需要。 上面主要梳理了react和vue的4点不同： （其中第3点在vue3.0支持类式写法之后就可以去掉了） react整体的思路就是函数式，所以推崇纯组件，数据不可变，单向数据流，当然需要双向的地方也可以做到，比如结合redux-form，而vue是基于可变数据的，支持双向绑定。react组件的扩展一般是通过高阶组件，而vue组件会使用mixin。vue内置了很多功能，而react做的很少，很多都是由社区来完成的，vue追求的是开发的简单，而react更在乎方式是否正确。

这次给大家带来如何进行Vue数据双向绑定实现，进行Vue数据双向绑定实现的注意事项有哪些，下面就是实战案例，一起来看一下。一、示例var vm = new Vue({ data: { obj: { a: 1 } }, created: function () { console.log(this.obj); } });二、实现原理vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的.1）数据劫持、vue是通过Object.defineProperty()来实现数据劫持，其中会有getter()和setter方法；当读取属性值时，就会触发getter()方法，在view中如果数据发生了变化，就会通过Object.defineProperty( )对属性设置一个setter函数，当数据改变了就会来触发这个函数；三、实现步骤1、实现Observerok, 思路已经整理完毕，也已经比较明确相关逻辑和模块功能了，let"s do it我们知道可以利用Obeject.defineProperty()来监听属性变动那么将需要observe的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter和getter这样的话，给这个对象的某个值赋值，就会触发setter，那么就能监听到了数据变化。相关代码可以是这样：var data = {name: "kindeng"};observe(data);data.name = "dmq"; // 哈哈哈，监听到值变化了 kindeng --> dmqfunction observe(data) { if (!data || typeof data !== "object") { return; } // 取出所有属性遍历 Object.keys(data).forEach(function(key) { defineReactive(data, key, data[key]); });};function defineReactive(data, key, val) { observe(val); // 监听子属性 Object.defineProperty(data, key, { enumerable: true, // 可枚举 configurable: false, // 不能再define get: function() { return val; }, set: function(newVal) { console.log("哈哈哈，监听到值变化了 ", val, " --> ", newVal); val = newVal; } });}这样我们已经可以监听每个数据的变化了，那么监听到变化之后就是怎么通知订阅者了，所以接下来我们需要实现一个消息订阅器，很简单，维护一个数组，用来收集订阅者，数据变动触发notify，再调用订阅者的update方法，代码改善之后是这样：// ... 省略function defineReactive(data, key, val) { var dep = new Dep(); observe(val); // 监听子属性 Object.defineProperty(data, key, { // ... 省略 set: function(newVal) { if (val === newVal) return; console.log("哈哈哈，监听到值变化了 ", val, " --> ", newVal); val = newVal; dep.notify(); // 通知所有订阅者 } });}function Dep() { this.subs = [];}Dep.prototype = { addSub: function(sub) { this.subs.push(sub); }, notify: function() { this.subs.forEach(function(sub) { sub.update(); }); }};那么问题来了，谁是订阅者？怎么往订阅器添加订阅者？没错，上面的思路整理中我们已经明确订阅者应该是Watcher, 而且var dep = new Dep();是在 defineReactive方法内部定义的，所以想通过dep添加订阅者，就必须要在闭包内操作，所以我们可以在 getter里面动手脚：// Observer.js// ...省略Object.defineProperty(data, key, { get: function() { // 由于需要在闭包内添加watcher，所以通过Dep定义一个全局target属性，暂存watcher, 添加完移除 Dep.target && dep.addDep(Dep.target); return val; } // ... 省略});// Watcher.jsWatcher.prototype = { get: function(key) { Dep.target = this; this.value = data[key]; // 这里会触发属性的getter，从而添加订阅者 Dep.target = null; }}这里已经实现了一个Observer了，已经具备了监听数据和数据变化通知订阅者的功能，完整代码。那么接下来就是实现Compile了2、实现Compilecompile主要做的事情是解析模板指令，将模板中的变量替换成数据，然后初始化渲染页面视图，并将每个指令对应的节点绑定更新函数，添加监听数据的订阅者，一旦数据有变动，收到通知，更新视图，如图所示：图片描述因为遍历解析的过程有多次操作dom节点，为提高性能和效率，会先将跟节点el转换成文档碎片fragment进行解析编译操作，解析完成，再将fragment添加回原来的真实dom节点中function Compile(el) { this.$el = this.isElementNode(el) ? el : document.querySelector(el); if (this.$el) { this.$fragment = this.node2Fragment(this.$el); this.init(); this.$el.appendChild(this.$fragment); }}Compile.prototype = { init: function() { this.compileElement(this.$fragment); }, node2Fragment: function(el) { var fragment = document.createDocumentFragment(), child; // 将原生节点拷贝到fragment while (child = el.firstChild) { fragment.appendChild(child); } return fragment; }};compileElement方法将遍历所有节点及其子节点，进行扫描解析编译，调用对应的指令渲染函数进行数据渲染，并调用对应的指令更新函数进行绑定，详看代码及注释说明：Compile.prototype = { // ... 省略 compileElement: function(el) { var childNodes = el.childNodes, me = this; [].slice.call(childNodes).forEach(function(node) { var text = node.textContent; var reg = /{{(.*)}}/; // 表达式文本 // 按元素节点方式编译 if (me.isElementNode(node)) { me.compile(node); } else if (me.isTextNode(node) && reg.test(text)) { me.compileText(node, RegExp.$1); } // 遍历编译子节点 if (node.childNodes && node.childNodes.length) { me.compileElement(node); } }); }, compile: function(node) { var nodeAttrs = node.attributes, me = this; [].slice.call(nodeAttrs).forEach(function(attr) { // 规定：指令以 v-xxx 命名 // 如 <span v-text="content"></span> 中指令为 v-text var attrName = attr.name; // v-text if (me.isDirective(attrName)) { var exp = attr.value; // content var dir = attrName.substring(2); // text if (me.isEventDirective(dir)) { // 事件指令, 如 v-on:click compileUtil.eventHandler(node, me.$vm, exp, dir); } else { // 普通指令 compileUtil[dir] && compileUtil[dir](node, me.$vm, exp); } } }); }};// 指令处理集合var compileUtil = { text: function(node, vm, exp) { this.bind(node, vm, exp, "text"); }, // ...省略 bind: function(node, vm, exp, dir) { var updaterFn = updater[dir + "Updater"]; // 第一次初始化视图 updaterFn && updaterFn(node, vm[exp]); // 实例化订阅者，此操作会在对应的属性消息订阅器中添加了该订阅者watcher new Watcher(vm, exp, function(value, oldValue) { // 一旦属性值有变化，会收到通知执行此更新函数，更新视图 updaterFn && updaterFn(node, value, oldValue); }); }};// 更新函数var updater = { textUpdater: function(node, value) { node.textContent = typeof value == "undefined" ? "" : value; } // ...省略};这里通过递归遍历保证了每个节点及子节点都会解析编译到，包括了{{}}表达式声明的文本节点。指令的声明规定是通过特定前缀的节点属性来标记，如<span v-text="content" other-attr中v-text便是指令，而other-attr不是指令，只是普通的属性。监听数据、绑定更新函数的处理是在compileUtil.bind()这个方法中，通过new Watcher()添加回调来接收数据变化的通知至此，一个简单的Compile就完成了，完整代码。接下来要看看Watcher这个订阅者的具体实现了3、实现WatcherWatcher订阅者作为Observer和Compile之间通信的桥梁，主要做的事情是:1、在自身实例化时往属性订阅器(dep)里面添加自己2、自身必须有一个update()方法3、待属性变动dep.notice()通知时，能调用自身的update()方法，并触发Compile中绑定的回调，则功成身退。如果有点乱，可以回顾下前面的思路整理function Watcher(vm, exp, cb) { this.cb = cb; this.vm = vm; this.exp = exp; // 此处为了触发属性的getter，从而在dep添加自己，结合Observer更易理解 this.value = this.get(); }Watcher.prototype = { update: function() { this.run(); // 属性值变化收到通知 }, run: function() { var value = this.get(); // 取到最新值 var oldVal = this.value; if (value !== oldVal) { this.value = value; this.cb.call(this.vm, value, oldVal); // 执行Compile中绑定的回调，更新视图 } }, get: function() { Dep.target = this; // 将当前订阅者指向自己 var value = this.vm[exp]; // 触发getter，添加自己到属性订阅器中 Dep.target = null; // 添加完毕，重置 return value; }};// 这里再次列出Observer和Dep，方便理解Object.defineProperty(data, key, { get: function() { // 由于需要在闭包内添加watcher，所以可以在Dep定义一个全局target属性，暂存watcher, 添加完移除 Dep.target && dep.addDep(Dep.target); return val; } // ... 省略});Dep.prototype = { notify: function() { this.subs.forEach(function(sub) { sub.update(); // 调用订阅者的update方法，通知变化 }); }};实例化Watcher的时候，调用get()方法，通过Dep.target = watcherInstance标记订阅者是当前watcher实例，强行触发属性定义的getter方法，getter方法执行的时候，就会在属性的订阅器dep添加当前watcher实例，从而在属性值有变化的时候，watcherInstance就能收到更新通知。四、简单实现方法<body> <p id="app"> <input type="text" id="txt"> <p id="show-txt"></p> </p> <script> var obj = {} Object.defineProperty(obj, "txt", { get: function () { return obj }, set: function (newValue) { document.getElementById("txt").value = newValue document.getElementById("show-txt").innerHTML = newValue } }) document.addEventListener("keyup", function (e) { obj.txt = e.target.value }) </script></body>相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！推荐阅读：Node.js Buffer使用详解怎样使用JS实现3des+base64加密解密算法

vue 源码版本是2.6.12 很多介绍vue源码的文章对computed怎么计算值讲的很清楚，但是对computed 怎么搜集到依赖它的视图渲染watcher，以及怎么去通知对应的渲染watcher去更新讲解的很模糊或者干脆一笔带过。这篇文章主要讲解——computed watcher是怎么搜集到订阅它的渲染watcher。 文件在src/core/instance/state.js 当组件读取computed a的值的时候会执行 computedGetter函数，先是通过 计算出computed函数的值，然后通过 进行依赖搜集。 Dep.target指向当前组件的渲染watcher，进入watcher.depend()看看是怎么进行依赖搜集的 文件位于 src/core/observer/watcher.js 第一个问题：this.deps的赋值 是在cleanupDeps函数中执行this.deps = this.newDeps，所以要看cleanupDeps在哪里被调用的，以及this.newDeps中的值是哪里产生的 get函数是在computed 通过watcher.evaluate()计算值的时候被调用的，讲解下这个函数的核心操作 这个this是计算属性的watcher，调用dep.js中的 作用是放到栈顶，同时将计算属性的watcher赋值给Dep.taget 会调用 计算属性a的函数 由于引用到了i，所以会触发i的get 函数，就会调用dep.depend()，实际上是i的依赖搜集，这里的dep对象属于i dep.depend() 位于src/core/observer/dep.js 这里的Dep.target就是上面保存的computed watcher实例，会执行watcher中的addDep，这里的this就是i的dep实例 文件位于 src/core/observer/watcher.js 做了两件事 把栈顶的watcher弹出，改变Dep.target的指向，此时指向组件的渲染watcher 这一步就是 将this.newDeps的值赋给this.deps，此时this.deps中的数组中的对象其实就是i的dep实例 再回到 watcher.depend() this.deps[i].depend() 这里就是执行 此时Dep.target是组件的渲染watcher，所以实现的逻辑是组件渲染watcher调用addDep(this)，其实就是持有i的dep，最终被i搜集到依赖。 转了这么大一圈，实际上是为了让组件的watcher被计算属性中引用的data变量搜集到，这也不难理解，既然组件依赖computed的变化，当然也依赖computed中的值的变化，示例中computed中的值变化来自于i的变化，所以当i变化时，就让去通知计算属性的watcher去重新计算，通知组件watcher重新渲染。 对于data中变量的响应式原理和依赖搜集、派发更新可以参考我的这篇文章 从源码的角度分析Vue视图更新和nexttick机制 参考： https://ustbhuangyi.github.io/vue-analysis/v2/reactive/getters.html#dep https://juejin.cn/post/6877451301618352141

这次给大家带来如何使用vue数据控制视图，使用vue数据控制视图的注意事项有哪些，下面就是实战案例，一起来看一下。前记三个月前看了vue源码来分析如何做到响应式数据的, 文章名字叫vue源码之响应式数据, 最后分析到, 数据变化后会调用Watcher的update()方法. 那么时隔三月让我们继续看看update()做了什么. (这三个月用react-native做了个项目, 也无心总结了, 因为好像太简单了).本文叙事方式为树藤摸瓜, 顺着看源码的逻辑走一遍, 查看的vue的版本为2.5.2. 我fork了一份源码用来记录注释.目的明确调查方向才能直至目标, 先说一下目标行为: 数据变化以后执行了什么方法来更新视图的. 那么准备开始以这个方向为目标从vue源码的入口开始找答案.从之前的结论开始先来复习一下之前的结论:vue构造的时候会在data(和一些别的字段)上建立Observer对象, getter和setter被做了拦截, getter触发依赖收集, setter触发notify.另一个对象是Watcher, 注册watch的时候会调用一次watch的对象, 这样触发了watch对象的getter, 把依赖收集到当前Watcher的deps里, 当任何dep的setter被触发就会notify当前Watcher来调用Watcher的update()方法.那么这里就从注册渲染相关的Watcher开始.找到了文件在src/core/instance/lifecycle.js中.new Watcher(vm, updateComponent, noop, null, true /* isRenderWatcher */)mountComponent渲染相关的Watcher是在mountComponent()这个方法中调用的, 那么我们搜一下这个方法是在哪里调用的. 只有2处, 分别是src/platforms/web/runtime/index.js和src/platforms/weex/runtime/index.js, 以web为例:Vue.prototype.$mount = function ( el?: string | Element, hydrating?: boolean): Component { el = el && inBrowser ? query(el) : undefined return mountComponent(this, el, hydrating)}原来如此, 是$mount()方法调用了mountComponent(), (或者在vue构造时指定el字段也会自动调用$mount()方法), 因为web和weex(什么是weex?之前别的文章介绍过)渲染的标的物不同, 所以在发布的时候应该引入了不同的文件最后发不成不同的dist(这个问题留给之后来研究vue的整个流程).下面是mountComponent方法:export function mountComponent ( vm: Component, el: ?Element, hydrating?: boolean): Component { vm.$el = el // 放一份el到自己的属性里 if (!vm.$options.render) { // render应该经过处理了, 因为我们经常都是用template或者vue文件 // 判断是否存在render函数, 如果没有就把render函数写成空VNode来避免红错, 并报出黄错 vm.$options.render = createEmptyVNode if (process.env.NODE_ENV !== "production") { /* istanbul ignore if */ if ((vm.$options.template && vm.$options.template.charAt(0) !== "#") || vm.$options.el || el) { warn( "You are using the runtime-only build of Vue where the template " + "compiler is not available. Either pre-compile the templates into " + "render functions, or use the compiler-included build.", vm ) } else { warn( "Failed to mount component: template or render function not defined.", vm ) } } } callHook(vm, "beforeMount") let updateComponent /* istanbul ignore if */ if (process.env.NODE_ENV !== "production" && config.performance && mark) { // 不看这里的代码了, 直接看else里的, 行为是一样的 updateComponent = () => { const name = vm._name const id = vm._uid const startTag = `vue-perf-start:${id}` const endTag = `vue-perf-end:${id}` mark(startTag) const vnode = vm._render() mark(endTag) measure(`vue ${name} render`, startTag, endTag) mark(startTag) vm._update(vnode, hydrating) mark(endTag) measure(`vue ${name} patch`, startTag, endTag) } } else { updateComponent = () => { vm._update(vm._render(), hydrating) } } // we set this to vm._watcher inside the watcher"s constructor // since the watcher"s initial patch may call $forceUpdate (e.g. inside child // component"s mounted hook), which relies on vm._watcher being already defined // 注册一个Watcher new Watcher(vm, updateComponent, noop, null, true /* isRenderWatcher */) hydrating = false // manually mounted instance, call mounted on self // mounted is called for render-created child components in its inserted hook if (vm.$vnode == null) { vm._isMounted = true callHook(vm, "mounted") } return vm}这段代码其实只做了3件事:调用beforeMount钩子建立Watcher调用mounted钩子(哈哈哈)那么其实核心就是建立Watcher了.看一下Watcher的参数: vm是this, updateComponent是一个函数, noop是空, null是空, true代表是RenderWatcher.在Watcher里看了isRenderWatcher:if (isRenderWatcher) { vm._watcher = this }是的, 只是复制了一份用来在watcher第一次patch的时候判断一些东西(从注释里看的, 我现在还不知道是干嘛的).那么只有一个问题没解决就是updateComponent是个什么东西.updateComponent在Watcher的构造函数的第二个参数传了function, 那么这个函数就成了watcher的getter. 聪明的你应该已经猜到, 在这个updateComponent里一定调用了视图中所有的数据的getter, 才能在watcher中建立依赖从而让视图响应数据的变化.updateComponent = () => { vm._update(vm._render(), hydrating) }那么就去找vm._update()和vm._render().在src/core/instance/render.js找到了._render()方法.Vue.prototype._render = function (): VNode { const vm: Component = this const { render, _parentVnode } = vm.$options // todo: render和_parentVnode的由来 // reset _rendered flag on slots for duplicate slot check if (process.env.NODE_ENV !== "production") { for (const key in vm.$slots) { // $flow-disable-line vm.$slots[key]._rendered = false } } if (_parentVnode) { vm.$scopedSlots = _parentVnode.data.scopedSlots || emptyObject } // set parent vnode. this allows render functions to have access // to the data on the placeholder node. vm.$vnode = _parentVnode // render self let vnode try { vnode = render.call(vm._renderProxy, vm.$createElement) } catch (e) { // catch其实不需要看了, 都是做异常处理, _vnode是在vm._update的时候保存的, 也就是上次的状态或是null(init的时候给的) handleError(e, vm, `render`) // return error render result, // or previous vnode to prevent render error causing blank component /* istanbul ignore else */ if (process.env.NODE_ENV !== "production") { if (vm.$options.renderError) { try { vnode = vm.$options.renderError.call(vm._renderProxy, vm.$createElement, e) } catch (e) { handleError(e, vm, `renderError`) vnode = vm._vnode } } else { vnode = vm._vnode } } else { vnode = vm._vnode } } // return empty vnode in case the render function errored out if (!(vnode instanceof VNode)) { if (process.env.NODE_ENV !== "production" && Array.isArray(vnode)) { warn( "Multiple root nodes returned from render function. Render function " + "should return a single root node.", vm ) } vnode = createEmptyVNode() } // set parent vnode.parent = _parentVnode return vnode }}这个方法做了:根据当前vm的render方法来生成VNode. (render方法可能是根据template或vue文件编译而来, 所以推论直接写render方法效率最高)如果render方法有问题, 那么首先调用renderError方法, 再不行就读取上次的vnode或是null.如果有父节点就放到自己的.parent属性里.最后返回VNode所以核心是这句:vnode = render.call(vm._renderProxy, vm.$createElement)其中的render(), vm._renderProxy, vm.$createElement都不知道是什么.先看vm._renderProxy: 是initMixin()的时候设置的, 在生产环境返回vm, 开发环境返回代理, 那么我们认为他是一个可以debug的vm(就是vm), 细节之后再看.vm.$createElement的代码在vdom文件夹下, 看了下是一个方法, 返回值一个VNode.render有点复杂, 能不能以后研究, 总之就是把template或者vue单文件和mount目标parse成render函数.小总结: vm._render()的返回值是VNode, 根据当前vm的render函数接下来看vm._update()Vue.prototype._update = function (vnode: VNode, hydrating?: boolean) { const vm: Component = this if (vm._isMounted) { callHook(vm, "beforeUpdate") } // 记录update之前的状态 const prevEl = vm.$el const prevVnode = vm._vnode const prevActiveInstance = activeInstance activeInstance = vm vm._vnode = vnode // Vue.prototype.patch is injected in entry points // based on the rendering backend used. if (!prevVnode) { // 初次加载, 只有_update方法更新vm._vnode, 初始化是null // initial render vm.$el = vm.patch( // patch创建新dom vm.$el, vnode, hydrating, false /* removeOnly */, vm.$options._parentElm, vm.$options._refElm ) // no need for the ref nodes after initial patch // this prevents keeping a detached DOM tree in memory (#5851) vm.$options._parentElm = vm.$options._refElm = null } else { // updates vm.$el = vm.patch(prevVnode, vnode) // patch更新dom } activeInstance = prevActiveInstance // update vue reference if (prevEl) { prevEl.vue = null } if (vm.$el) { vm.$el.vue = vm } // if parent is an HOC, update its $el as well if (vm.$vnode && vm.$parent && vm.$vnode === vm.$parent._vnode) { vm.$parent.$el = vm.$el } // updated hook is called by the scheduler to ensure that children are // updated in a parent"s updated hook. }我们关心的部分其实就是patch()的部分, patch()做了对dom的操作, 在_update()里判断了是否是初次调用, 如果是的话创建新dom, 不是的话传入新旧node进行比较再操作.结论vue的视图渲染是一种特殊的Watcher, watch的内容是一个函数, 函数运行的过程调用了render函数, render又是由template或者el的dom编译成的(template中含有一些被observe的数据). 所以template中被observe的数据有变化触发Watcher的update()方法就会重新渲染视图.相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！推荐阅读：如何正确解决Vue 项目中遇到跨域问题怎样使用React高阶组件

第一个参数，被构造的属性的this指向的对象 第二个参数，被构造的属性名 第三个参数，构造的规则（上面的文字链接最后面有介绍）(function () { var o = { a : 1}//声明一个对象,包含一个 a 属性,值为1 Object.defineProperty(o,"b",{ get: function () { return this.a; }, set : function (val) { this.a = val; }, configurable : true }); console.log(o.b);//==> 1 o.b = 2; console.log(o.b);//==> 2})();configurable是指 "b" 是否可以被再配置，默认是false。false的话Object.defineProperty(o,"a",{set : function(val){}} );再修改时会不起作用或者报错，一般默认false。构造我们的vue.watch目标实现，以下是我们想要的达到的效果import watcher from "./watcher.js";let wm = new watcher({ data:{ a: 0 }, watch:{ a(newVal,oldVal){ console.log("newVal:"+newVal); console.log("oldVal:"+oldVal); } }})vm.a = 1 // newVal:1// oldVal:0创建构造对象class watcher{ constructor(opts){ this.$data = opts.data; for(let key in opts.data){ this.setData(key,opts.data[key]) } } setData(_key,_val){ Object.defineProperty(this,_key,{ get: function () { return this.$data[_key]; }, set : function (val) { const oldVal = this.$data[_key]; if(oldVal === val)return val; this.$data[_key] = val; return val; }, }); }}export default watcher;添加 watch事件触发/** * @desc 属性改变监听，属性被set时出发watch的方法，类似vue的watch * @author Jason * @date 2018-04-27 * @constructor * @param {object} opts - 构造参数. @default {data:{},watch:{}}; * @argument {object} data - 要绑定的属性 * @argument {object} watch - 要监听的属性的回调 * watch @callback (newVal,oldVal) - 新值与旧值 */class watcher{ constructor(opts){ this.$data = this.getBaseType(opts.data) === "Object" ? opts.data : {}; this.$watch = this.getBaseType(opts.watch) === "Object" ? opts.watch : {}; for(let key in opts.data){ this.setData(key) } } getBaseType(target) { const typeStr = Object.prototype.toString.apply(target); return typeStr.slice(8, -1); } setData(_key){ Object.defineProperty(this,_key,{ get: function () { return this.$data[_key]; }, set : function (val) { const oldVal = this.$data[_key]; if(oldVal === val)return val; this.$data[_key] = val; this.$watch[_key] && typeof this.$watch[_key] === "function" && ( this.$watch[_key].call(this,val,oldVal) ); return val; }, }); }}export default watcher; 为了函数内部的健壮性，getBaseType是用来做类型校验的。 Object.defineProperty(this),this把上下文指向当前对象。 this.$watch[_key].call(this,val,oldVal),把监听事件的上下文页绑定到当前对象，方便在watch内通过this获取对象内的值，如下let wm = new watcher({ data:{ a: 0, b: "hello" }, watch:{ a(newVal,oldVal){ console.log(this.b); } }})总结有人可能会问为什么不直接用vue呢。你也知道vue是一个工程级别的框架，做比较大的项目当然是用vue，react；但是单单做一个展示性的官网或者做个移动端的H5宣传页也用上vue吗？那当然是没有必要的。用上这一个watcher类，可以让你页面的状态控制有条理、有迹可循。比如几个按钮联动一个或几个视图的改变和动效的时候，你就不用在每个按钮的click时都触发一下修改 btn1.onclick=function(){ var a = "haha"; document.getElementById("id").innerHTML = a; } btn2.onclick=function(){ var a = "xixi"; document.getElementById("id").innerHTML = a; }let wm = new watcher({ data:{ a: "", }, watch:{ a(newVal,oldVal){ document.getElementById("id").innerHTML = newVal; } }})btn1.onclick=function(){ wm.a = "haha"; } btn2.onclick=function(){ wm.a = "xixi"; }但是如果你的视图不被2个以上动作联动的话，也未必会用上。

这次给大家带来vue数据控制视图如何实现（附代码），vue数据控制视图实现的注意事项有哪些，下面就是实战案例，一起来看一下。前记三个月前看了vue源码来分析如何做到响应式数据的, 文章名字叫vue源码之响应式数据, 最后分析到, 数据变化后会调用Watcher的update()方法. 那么时隔三月让我们继续看看update()做了什么. (这三个月用react-native做了个项目, 也无心总结了, 因为好像太简单了).本文叙事方式为树藤摸瓜, 顺着看源码的逻辑走一遍, 查看的vue的版本为2.5.2. 我fork了一份源码用来记录注释.目的明确调查方向才能直至目标, 先说一下目标行为: 数据变化以后执行了什么方法来更新视图的. 那么准备开始以这个方向为目标从vue源码的入口开始找答案.从之前的结论开始先来复习一下之前的结论:vue构造的时候会在data(和一些别的字段)上建立Observer对象, getter和setter被做了拦截, getter触发依赖收集, setter触发notify.另一个对象是Watcher, 注册watch的时候会调用一次watch的对象, 这样触发了watch对象的getter, 把依赖收集到当前Watcher的deps里, 当任何dep的setter被触发就会notify当前Watcher来调用Watcher的update()方法.那么这里就从注册渲染相关的Watcher开始.找到了文件在src/core/instance/lifecycle.js中.new Watcher(vm, updateComponent, noop, null, true /* isRenderWatcher */)mountComponent渲染相关的Watcher是在mountComponent()这个方法中调用的, 那么我们搜一下这个方法是在哪里调用的. 只有2处, 分别是src/platforms/web/runtime/index.js和src/platforms/weex/runtime/index.js, 以web为例:Vue.prototype.$mount = function ( el?: string | Element, hydrating?: boolean): Component { el = el && inBrowser ? query(el) : undefined return mountComponent(this, el, hydrating)}原来如此, 是$mount()方法调用了mountComponent(), (或者在vue构造时指定el字段也会自动调用$mount()方法), 因为web和weex(什么是weex?之前别的文章介绍过)渲染的标的物不同, 所以在发布的时候应该引入了不同的文件最后发不成不同的dist(这个问题留给之后来研究vue的整个流程).下面是mountComponent方法:export function mountComponent ( vm: Component, el: ?Element, hydrating?: boolean): Component { vm.$el = el // 放一份el到自己的属性里 if (!vm.$options.render) { // render应该经过处理了, 因为我们经常都是用template或者vue文件 // 判断是否存在render函数, 如果没有就把render函数写成空VNode来避免红错, 并报出黄错 vm.$options.render = createEmptyVNode if (process.env.NODE_ENV !== "production") { /* istanbul ignore if */ if ((vm.$options.template && vm.$options.template.charAt(0) !== "#") || vm.$options.el || el) { warn( "You are using the runtime-only build of Vue where the template " + "compiler is not available. Either pre-compile the templates into " + "render functions, or use the compiler-included build.", vm ) } else { warn( "Failed to mount component: template or render function not defined.", vm ) } } } callHook(vm, "beforeMount") let updateComponent /* istanbul ignore if */ if (process.env.NODE_ENV !== "production" && config.performance && mark) { // 不看这里的代码了, 直接看else里的, 行为是一样的 updateComponent = () => { const name = vm._name const id = vm._uid const startTag = `vue-perf-start:${id}` const endTag = `vue-perf-end:${id}` mark(startTag) const vnode = vm._render() mark(endTag) measure(`vue ${name} render`, startTag, endTag) mark(startTag) vm._update(vnode, hydrating) mark(endTag) measure(`vue ${name} patch`, startTag, endTag) } } else { updateComponent = () => { vm._update(vm._render(), hydrating) } } // we set this to vm._watcher inside the watcher"s constructor // since the watcher"s initial patch may call $forceUpdate (e.g. inside child // component"s mounted hook), which relies on vm._watcher being already defined // 注册一个Watcher new Watcher(vm, updateComponent, noop, null, true /* isRenderWatcher */) hydrating = false // manually mounted instance, call mounted on self // mounted is called for render-created child components in its inserted hook if (vm.$vnode == null) { vm._isMounted = true callHook(vm, "mounted") } return vm}这段代码其实只做了3件事:调用beforeMount钩子建立Watcher调用mounted钩子(哈哈哈)那么其实核心就是建立Watcher了.看一下Watcher的参数: vm是this, updateComponent是一个函数, noop是空, null是空, true代表是RenderWatcher.在Watcher里看了isRenderWatcher:if (isRenderWatcher) { vm._watcher = this }是的, 只是复制了一份用来在watcher第一次patch的时候判断一些东西(从注释里看的, 我现在还不知道是干嘛的).那么只有一个问题没解决就是updateComponent是个什么东西.updateComponent在Watcher的构造函数的第二个参数传了function, 那么这个函数就成了watcher的getter. 聪明的你应该已经猜到, 在这个updateComponent里一定调用了视图中所有的数据的getter, 才能在watcher中建立依赖从而让视图响应数据的变化.updateComponent = () => { vm._update(vm._render(), hydrating) }那么就去找vm._update()和vm._render().在src/core/instance/render.js找到了._render()方法.Vue.prototype._render = function (): VNode { const vm: Component = this const { render, _parentVnode } = vm.$options // todo: render和_parentVnode的由来 // reset _rendered flag on slots for duplicate slot check if (process.env.NODE_ENV !== "production") { for (const key in vm.$slots) { // $flow-disable-line vm.$slots[key]._rendered = false } } if (_parentVnode) { vm.$scopedSlots = _parentVnode.data.scopedSlots || emptyObject } // set parent vnode. this allows render functions to have access // to the data on the placeholder node. vm.$vnode = _parentVnode // render self let vnode try { vnode = render.call(vm._renderProxy, vm.$createElement) } catch (e) { // catch其实不需要看了, 都是做异常处理, _vnode是在vm._update的时候保存的, 也就是上次的状态或是null(init的时候给的) handleError(e, vm, `render`) // return error render result, // or previous vnode to prevent render error causing blank component /* istanbul ignore else */ if (process.env.NODE_ENV !== "production") { if (vm.$options.renderError) { try { vnode = vm.$options.renderError.call(vm._renderProxy, vm.$createElement, e) } catch (e) { handleError(e, vm, `renderError`) vnode = vm._vnode } } else { vnode = vm._vnode } } else { vnode = vm._vnode } } // return empty vnode in case the render function errored out if (!(vnode instanceof VNode)) { if (process.env.NODE_ENV !== "production" && Array.isArray(vnode)) { warn( "Multiple root nodes returned from render function. Render function " + "should return a single root node.", vm ) } vnode = createEmptyVNode() } // set parent vnode.parent = _parentVnode return vnode }}这个方法做了:根据当前vm的render方法来生成VNode. (render方法可能是根据template或vue文件编译而来, 所以推论直接写render方法效率最高)如果render方法有问题, 那么首先调用renderError方法, 再不行就读取上次的vnode或是null.如果有父节点就放到自己的.parent属性里.最后返回VNode所以核心是这句:vnode = render.call(vm._renderProxy, vm.$createElement)其中的render(), vm._renderProxy, vm.$createElement都不知道是什么.先看vm._renderProxy: 是initMixin()的时候设置的, 在生产环境返回vm, 开发环境返回代理, 那么我们认为他是一个可以debug的vm(就是vm), 细节之后再看.vm.$createElement的代码在vdom文件夹下, 看了下是一个方法, 返回值一个VNode.render有点复杂, 能不能以后研究, 总之就是把template或者vue单文件和mount目标parse成render函数.小总结: vm._render()的返回值是VNode, 根据当前vm的render函数接下来看vm._update()Vue.prototype._update = function (vnode: VNode, hydrating?: boolean) { const vm: Component = this if (vm._isMounted) { callHook(vm, "beforeUpdate") } // 记录update之前的状态 const prevEl = vm.$el const prevVnode = vm._vnode const prevActiveInstance = activeInstance activeInstance = vm vm._vnode = vnode // Vue.prototype.patch is injected in entry points // based on the rendering backend used. if (!prevVnode) { // 初次加载, 只有_update方法更新vm._vnode, 初始化是null // initial render vm.$el = vm.patch( // patch创建新dom vm.$el, vnode, hydrating, false /* removeOnly */, vm.$options._parentElm, vm.$options._refElm ) // no need for the ref nodes after initial patch // this prevents keeping a detached DOM tree in memory (#5851) vm.$options._parentElm = vm.$options._refElm = null } else { // updates vm.$el = vm.patch(prevVnode, vnode) // patch更新dom } activeInstance = prevActiveInstance // update vue reference if (prevEl) { prevEl.vue = null } if (vm.$el) { vm.$el.vue = vm } // if parent is an HOC, update its $el as well if (vm.$vnode && vm.$parent && vm.$vnode === vm.$parent._vnode) { vm.$parent.$el = vm.$el } // updated hook is called by the scheduler to ensure that children are // updated in a parent"s updated hook. }我们关心的部分其实就是patch()的部分, patch()做了对dom的操作, 在_update()里判断了是否是初次调用, 如果是的话创建新dom, 不是的话传入新旧node进行比较再操作.结论vue的视图渲染是一种特殊的Watcher, watch的内容是一个函数, 函数运行的过程调用了render函数, render又是由template或者el的dom编译成的(template中含有一些被observe的数据). 所以template中被observe的数据有变化触发Watcher的update()方法就会重新渲染视图.遗留render函数是在哪里被编译的vue源码发布时引入不同平台最后打成dist的流程是什么patch和VNode的分析相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！推荐阅读：el表达式怎样判断非空ElTableColumn扩展方法详解

【手把手教你搓Vue响应式原理】（一）初识Vue响应式 【手把手教你搓Vue响应式原理】（二）深度监测对象全部属性 【手把手教你搓Vue响应式原理】（三）observe 以及 ob 【手把手教你搓Vue响应式原理】（四） 数组的响应式处理 之前已经将数据劫持已经全部完成了。 那么，接下来，主要的要点就是在于两点，依赖收集和触发依赖更新。 它的意义主要在于控制哪些地方使用了这个变量，然后，按照最小的开销来更新视图 。 首先，要先明白，依赖是什么，比方说在我们的模板中有 {{a}} ，那么，这个地方就有对于变量 a 的依赖。 在模板编译的时候，就会触发 a 变量的 getter 。 然后，当我们执行 a++; 的时候，那么，我们就要触发依赖的更新，当初模板中 {{a}} 的地方，就要更新，是吧！ 所以，我们都是 在 getter 中收集依赖，在 setter 中触发依赖更新 。 这一节的内容，主要就是用来专门讲清楚这两件事情。 依赖收集和触发依赖更新主要由两个类来完成， Dep 和 Watcher 。 Dep 和 Watcher 在设计模式中，就是 发布-订阅者 的模式。 而依赖，你可以理解为所谓的订阅者。 Dep 说白了就是发布者,它的工作就是依赖管理，要知道哪些地方用到了这个变量，可能用到这个变量的地方有很多，所以，它会有多个订阅者。 然后，每个变量都应该有属于自己的 Dep ，因为每个变量所在的依赖位置是不一样的，所以他们的订阅者也不一样。 然后在变量更新之后，就去通知所有的订阅者（Watcher），我的变量更新了，你们该触发视图更新了。 Watcher 说白了就是订阅者，它接受 Dep 发过来的更新通知之后，就去执行视图更新了。 它其实就是所谓的 watch 监听器，变量改变之后，执行一个回调函数。 我们先按照图例来创建我们的 Dep 类 根据我们的需求: Dep 我们在前面也说了，每个属性都应该有它自己的 Dep ，用来管理依赖。 所以，首先，如果我们在 Observer 中创建 Dep，那不就可以了。毕竟 Observer 会遍历到每一个对象。 所以，很明显，我们可以在 defineReactive 的 get 中收集依赖 因为有了 if(Dep.target) 的判断，所以， 只有绑定 Watcher 的变量触发 getter 时，才会添加依赖 。 这个 Dep.target 其实就是 Watcher 的实例 所以，很明显，我们可以在 defineReactive 的 set 中收调用 notify() 方法告知 Watcher 实例，数据更新了。 至此， Dep 的所有职责，我们已经帮它完成了。 其实照道理应该有一个删除依赖，我们这里就不再扩展了。 首先， Watcher 实例应该大家会相对而言更加好理解点，因为，我们有一个 watch 侦听器，大家一定都很熟悉，这两个其实一样。 我们先按照图例来创建我们的 Watcher 类 根据我们的需求: 这个 parsePath 需要单独拎出来说一下，比方说我们现在有这么一个对象 我们要监听到 a.b.c.d ，所以，我们需要下面的这种格式 所以，这个 get 很明显就有点难度了。 我们需要通过循环 拿到 a.b 然后 .c 然后 .d。 我们将这个方法命名为 parsePath 。 入参接受我们的 b.c.d ，我们可以看到 第一句执行之后 segments=["b","c","d"] ，然后进行第二层，这是返回了一个方法，按照循环，那就是 obj=obj.b => obj=obj.c => obj=obj.d ，所以，就是返回一个对象的 obj.b.c.d，相当于是遍历字符串中的属性树。 在执行 a.b.c.d=55; 的同时，我们的控制台就会输出 ok 55 10 。 【尚硅谷】Vue源码解析之数据响应式原理

1、很多情况下，computed和watch可以实现相同的功能； 2、当需要在数据变化时执行异步或开销较大的操作时，使用watch会更好一些。因为computed会立即返回，此时异步操作可能还没有完成； 3、因为数据是响应式的，使得watch有意义。并不是因为watch了才使得数据是响应式的。 4、使用immediate:true，会在初始化watch时就立即执行handler回调函数，而不用等下一次数据更新。 5、使用deep:true，才会递归监听对象的属性（如果监听的是对象或数组）。 在created函数调用之前，调用了initWatcher方法，（调用该方法时,若immediate为真，则会立即执行回调函数），为每一个watcher属性实例化了一个Watcher，new Watcher ，会传入监听的属性key、回调函数和options，包括handler、deep和immediate的值，实例化的结尾会调用watcher.prototype.get方法，该方法会获得值并返回，值存在watcher.value属性上。 Get函数（即autorun）的执行即导致了watcher被收集为依赖。至此成功的监听了属性。 Get时，如果deep为真，则会递归监听所有的属性。 在数据发生变化时，调用watcher.prototype.update方法，最终会执行第三步的get。 watch的watcher中的lazy和sync都为false，所以会执行queueWatcher. 第一步 第二步 第三步 watch的get方法 第四步 更新数据 第五步 Q：哪些对象是Watcher? A ：在源码中，看到三个地方会初始化Watcher对象。挂载组件（mountComponent方法）、初始化watch（initWatch方法）和初始化computed（initComputed方法）。

这篇文章主要介绍了vue 中的 watcher的相关资料,需要的朋友可以参考下观察 Watchers虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的 watcher 。这是为什么 Vue 提供一个更通用的方法通过watch 选项，来响应数据的变化。当你想要在数据变化响应时，执行异步操作或开销较大的操作，这是很有用的。大家对于 watch 应该不陌生，项目中都用过下面这种写法：watch: { someProp () { // do something }}// 或者watch: { someProp: { deep: true, handler () { // do something } }}上面的写法告诉 vue，我需要监听 someProp 属性的变化，于是 vue 在内部就会为我们创建一个 watcher 对象。（限于篇幅，我们不聊 watcher 的具体实现，感兴趣的可以直接看源码 watcher）然而在 vue 中，watcher 的功能并没有这么单一，先上段代码：<template> <p> <p>a: {{ a }}</p> <p>b: {{ b }}</p> <button @click="increment">+</button> </p></template><script>export default { data () { return { a: 1 } }, computed: { b () { return this.a * 2 } }, watch: { a () { console.log("a is changed") } }, methods: { increment () { this.a += 1 } }, created () { console.log(this._watchers) }}</script>在线demo上面代码非常简单，我们现在主要关注 created 钩子中打印的 this._watchers，如下：分别展开三个 watcher，观察每一个 expression，从上到下分别为：b() { return this.a * 2;? }"a"function () { vm._update(vm._render(), hydrating);? }上面三个 watcher 代表了三种不同功能的 watcher，我们将其按功能分为三类：在 watch 中定义的，用于监听属性变化的 watcher （第二个）用于 computed 属性的 watcher （第一个）用于页面更新的 watcher （第三个）normal-watcher我们在 watch 中定义的，都属于这种类型，即只要监听的属性改变了，都会触发定义好的回调函数computed-watcher每一个 computed 属性，最后都会生成一个对应的 watcher 对象，但是这类 watcher 有个特点，我们拿上面的 b 举例：属性 b 依赖 a，当 a 改变的时候，b 并不会立即重新计算，只有之后其他地方需要读取 b 的时候，它才会真正计算，即具备 lazy（懒计算）特性render-watcher每一个组件都会有一个 render-watcher, function () {? vm._update(vm._render(), hydrating);? }, 当 data/computed中的属性改变的时候，会调用该 render-watcher 来更新组件的视图三种 watcher 的执行顺序除了功能上的区别，这三种 watcher 也有固定的执行顺序，分别是：computed-render -> normal-watcher -> render-watcher这样安排是有原因的，这样就能尽可能的保证，在更新组件视图的时候，computed 属性已经是最新值了，如果 render-watcher 排在 computed-render 前面，就会导致页面更新的时候 computed 值为旧数据。下面从一段实例代码中看下vue中的watcher在这个示例中，使用 watch 选项允许我们执行异步操作（访问一个 API），限制我们执行该操作的频率，并在我们得到最终结果前，设置中间状态。这是计算属性无法做到的。<p id="watch-example"><p>Ask a yes/no question:<input v-model="question"></p><p>{{ answer }}</p></p><!-- Since there is already a rich ecosystem of ajax libraries --><!-- and collections of general-purpose utility methods, Vue core --><!-- is able to remain small by not reinventing them. This also --><!-- gives you the freedom to just use what you"re familiar with. --><script src="https://unpkg.com/axios@0.12.0/dist/axios.min.js"></script><script src="https://unpkg.com/lodash@4.13.1/lodash.min.js"></script><script>var watchExampleVM = new Vue({el: "#watch-example",data: {question: "",answer: "I cannot give you an answer until you ask a question!"},watch: { // 如果 question 发生改变，这个函数就会运行question: function (newQuestion) {this.answer = "Waiting for you to stop typing..."this.getAnswer()}},methods: { // _.debounce 是一个通过 lodash 限制操作频率的函数。 // 在这个例子中，我们希望限制访问yesno.wtf/api的频率 // ajax请求直到用户输入完毕才会发出 // 学习更多关于 _.debounce function (and its cousin// _.throttle), 参考: https://lodash.com/docs#debouncegetAnswer: _.debounce(function () {var vm = thisif (this.question.indexOf("?") === -1) {vm.answer = "Questions usually contain a question mark. ;-)"return}vm.answer = "Thinking..."axios.get("https://yesno.wtf/api").then(function (response) {vm.answer = _.capitalize(response.data.answer)}).catch(function (error) {vm.answer = "Error! Could not reach the API. " + error})},// 这是我们为用户停止输入等待的毫秒数500)}})</script>上面是我整理给大家的，希望今后会对大家有帮助。相关文章：在Vue中有关响应式原理（详细教程）在angularjs中如何实现柱状图动态加载在Angular作用域中scope的如何使用使用react如何实现菜单权限控制详细解读vue.js中props如何传递参数

歌曲名:Blueberry Hill歌手:Gordon Jenkins Orchestra And Choir&Louis Armstrong专辑:My Greatest SongsBlueberry HillI found my thrill on blueberry hillOn blueberry hill where i found youThe moon stood still on blueberry hillAnd lingered till my dreams came trueThe wind in the willow playedLove"s sweet melodyBut all of those vows we madeWere never to beTho" we"re apart you"re part of me stillFor you were my thrill on blueberry hillThe wind in the willow playedLove"s sweet melodyBut all of those vows we madeWere never to beTho" we"re apart you"re part of me stillFor you were my thrill on blueberry hillhttp://music.baidu.com/song/8572141

temper 一词指 金属经回火后具有的韧度，不是材料的硬度。一般指回火Hardnss-一词指金属经淬火后使其变硬，一般做“硬度”，如布氏硬度，Brinell Hardness，HB；洛氏硬度：Rockwell Hardness HR

还有一个value何在？还是说只有2个value

<% String num1=request.getParameter("num1"); String num2=request.getParameter("num2"); String oper=request.getParameter("oper"); String result=request.getParameter("result"); System.out.println(result); %>这个地方应该改为<% String num1=(String)request.getAttribute("num1"); String num2=(String)request.getAttribute("num2"); String oper=(String)request.getAttribute("oper"); String result=(String)request.getAttribute("result"); System.out.println(result); %>

nasty consequences恶劣后果

造成这样的原因是由于你误删了系统文件，应该从一个TFTP传文件到路由器上。

适用AIR：微物，SV：泛用，HLC：远投大物，HD：超远投巨物速比H：低速，HS：中速比，XS：高速比，XXH：超高速比达亿瓦系列握丸PLS：力量型握把，HIL：轻型握把，PRE：力量型EVA握把※型号最后位字母带L的是左手轮，不带是右手机身TWS：T型线规，CT：紧凑机型，UTD：达瓦专利泄力系统，SV BOOST：两段可变式刹车，CS：中国特供版命名规则和型号定义字母CT：紧凑版，针对不带CT的系列SV：SV轻量化线杯HD：HD线杯，能装更多的线，中重型饵HLC：HLC线杯，远投轮AIR：针对微物TW：TWS导线规CS：中国特供版数字(以子龙系列为例)1016：10表示1000号线杯(34mm)；16表示16磅的线，可容纳100米1514：15表示1500号线杯(36mm)；16表示14磅的线，可容纳100米1516：15表示1500号线杯(36mm)；16表示16磅的线，可容纳100米1520：15表示1500号线杯(36mm)；16表示20磅的线，可容纳100米同一产品的字母和数字定义字H：低速比，6.0-7.0SH/HS：中速比，7.0-8.0XH：高速比，8.0以上L：左手轮数字同一产品不同数字代表不同容线量的线杯，数字越小容线量越小，更适合偏小一点的饵刹车MF刹MAG FORCE磁力技术， 只限在抛投前半的鱼线回转范围内启动刹车器，为防止后半的刹车器减弱而延长的刹车系统，泛用轮常用的。Z刹MAG FORCE-Z， 进化版的V刹车， 转盘在转动时可达到理想磁力值，很快回到没有刹车的状态，因此能应对中等和重量级的路亚鱼对象，远投轮常用的。AIR刹(SV刹)AIR BR EKE技术， 一般配合SV线杯使用， 适用于微物轮中，更适合抛小饵使用，微物轮采用的。SV boostSV刹的升级版本，用于中高端的子龙升级版和四弟子系列MAG-Z BOOSTZ刹的升级版本，能更大发挥远投抛重饵的功能。达瓦特有技术ZAION材料一种碳纤维强化树脂，是普通树脂碳纤维含量的3倍左右，具有“轻量、高强度、高感度、耐腐蚀性”的特点。他的强度可媲美镁合金，更加轻量化。G1硬铝SV线杯轻量化线杯， 一般用于SV型号的水滴轮中， 与AIRBR EKE刹车技术搭配， 抛小饵更轻松。ZERO ADJUSTER (饵重直调)有了这个技术咱不需要调节机械按钮，只需根据饵重直接调节磁力刹车即可完成调试。CR BB轴承更高强度的合金打造出来的轴承，顺滑度有提升强度也更高，海钓也不易生锈。TWS导线规高回转数导线规，大幅度降低阻力，可降低炸线几率。UTD和AT DUTD能消除拉力控制刚启动容易卡主的情况， 具有一般操作所没有的顺滑感，专业级别的水滴轮都有这个技术。AT D是四弟子最高端的消除拉力控制系统， 能配合钓线拉扯顺畅。

Yeahnomoretears,nomoregoodbyesYeah不再流泪不要告别Don"tyouknowit"stimeformetogo是我该走的时候了Eventhoughithurtstoseeyoucry还然你的泪水让我伤痛Butdon"tyouknowyou"llneverbealone难道你不明白你永远不会寂寞Ifyouholdmedeepinside(ohyeah)只要你将我牢牢地记在心头YouknowthatIwouldratherstay你知道我宁愿留下来ButnowbeforeIturnaway但在我转身之前There"sonelastthingtoyou还有一件事Iwanttosay我想对你说ChorusBabythere"snogoodbyes宝贝不要告别I"llalwaysberightbyyourside我会永远伴你身旁Imaybefaraway即使我远在他乡Youknowthatmyheartwillstay,withyou,always你知道我的心会常在你旁与你相伴永远永远NowI"vepicturesinthedistance我的原景Eventhoughitseemsamillionmiles即使是千里万里之遥Butthere"llbenospacebetweenus也无法拉开我与你的距离I"llbethereeverytimeyoucloseyoureyes,yesIwill只要你闭上眼睛我就会出现是的我会(oh)YouknowthatIwouldratherstayButnowbeforeIturnawayThere"sonelastthingtoyouIwanttosayChorusBabythere"snogoodbyes(girlIwannamakeyourealise)I"llalwaysberightbyyourside(byyourside)ImaybefarawayYouknowthatmyheartwillstay(willstay),withyou(withyou),alwaysIdon"twannasaywordsthatpeoplesay不想再说那些人们常说的话CoswhenIgoaway,mylovewillstay因为当我离开我的爱会留下来Intheheartofyoutohelpyoumakeitthrough常在你心里帮你渡过Babythatiswhytherecanbenonogoodbyes宝贝这就是为什么我要不告而别ChorusBabythere"snogoodbyes(girlIwannamakeyourealise)I"llalwaysberightbyyoursideImaybefaraway(faraway)Youknowthatmyheartwillstay(willstay),withyou,always(always)Babythere"snogoodbyes(girlIwannamakeyourealise)I"llalwaysberightbyyourside(byyourside)Imaybefaraway(Imaybefaraway)Youknowthatmyheartwillstay,withyou,always(always)Youknowwhat,nomoregoodbyes.你知道的不要告别Youknowwhatnomoregoodbyes

plum中字母u发音：/u028c/fruit blue juice中字母u发音：/uu02d0/

这次给大家带来vue+resolve如何优化，vue+resolve优化的注意事项有哪些，下面就是实战案例，一起来看一下。通过vue-cli来创建vue+webpack的项目时，已经有很多都配置好了，但是路径方面为了方便开发，还可以优化。 1. resolve.extensions 在webpack.base.conf.js中，我们可以看到resolve配置，其中的extengsions是一个数组，如下所示：extensions: [".js", ".vue", ".json"], 通过这样的配置，我们在组件中过着路由中应用组件时，就可以更为方便的应用，比如：import Hello from "@components/Hello"; 即Hello.vue这个组件我们不需要添加.vue后缀就可以引用到了，如果不用extensions， 我们就必须要用@components/Hello.vue来引入这个文件。 2. resolve.alias 在组件之间相互引用时，可能是下面这样的：import Hello from "../src.components/Hello"; 其中的路径是相对于当前页面的。 但是如果嵌套等更为复杂，那么写起来会比较麻烦。但是如果我们通过这样的配置： resolve: { extensions: [".js", ".vue", ".json"], alias: { "vue$": "vue/dist/vue.esm.js", "@pages": path.join(dirname, "..", "src", "pages"), "@components": path.join(dirname, "..", "src", "components"), // 注意： 静态资源通过src，不能这么设置。 // "@assets": path.join(dirname, "..", "src", "assets"), } 其中vue$表示引入vue，就可以像下面这么写：import Vue from "vue" 另外，对于@pages和@components我们就可以直接引用了，而省去了一大堆的复杂应用，另外通过@可以消除歧义。如下所示：import Hello from "@components/Hello";import App from "@pages/App" 值得注意的时： 在webpack.config.js中我们不能使用../ 以及./这种形式的路径方式，而是通过 path.join 和 dirname 这种形式来表示路径，否则会报错。 另外： 在组件中，我们会引用一些静态文件，即static下的文件， 这时我们就不能用 alias 下的配置了，而必须使用一般的配置方式。相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！推荐阅读：

无菌稀释剂

.IS this (your ) pencil .It is ( yours）? （my ）pen is blue. This ruler is (mine ). .This ruler is (　　yours　）．

Maverick的意思有两个，一个是小牛，一个是独立者小牛——Dallas Mavericks达拉斯小牛队（港译达拉斯离群马队）成立于1980年。1980年三月当地电台WBAP展开了一个名为“Name the Team”的竞赛，一个5人委员会收到超过4600多项建议，最终把候选范围缩小为三个：Mavericks小牛, Wranglers争论者 和Express快递。最后盛出的是Mavericks。Mavericks应该解释为旧时西部没有烧上烙印的小牛（马）或是离队迷途的小牛（马）。达拉斯是美国西部得州城市，取名Mavericks就是纪念当地的西部牛仔生活。类似当地的NFL球队达拉斯牛仔队

fluent调用nist：按照你需要可以通过分子式、英文名称、分子量等途径在里面找。和ACS一样全英数据库，里面有一些红外、氢谱等谱图。都是图片格式，你要下载直接右键另存为就行了。输入q 返回上一级 RANS 是雷诺平均方法的统称，包含零方程模型、单方程模型(SA)，双方程模型(k-epsilon，k-omega等等)。FLUENT软件具有以下特点：Fluent 前处理网格划分定常/非定常流动模拟，而且新增快速非定常模拟功能。FLUENT软件中的动/变形网格技术主要解决边界运动的问题，用户只需指定初始网格和运动壁面的边界条件，余下的网格变化完全由解算器自动生成。网格变形方式有三种：弹簧压缩式、动态铺层式以及局部网格重构。其局部网格重构是FLUENT所独有的，而且用途广泛，可用于非结构网格、变形较大问题以及物体运动规律事先不知道而完全由流动所产生的力所决定的问题；在FLUENT17.0之后，新增加了嵌套网格功能。

枕头皇后祝您生活愉快，望采纳。

歌曲名:Blue Line歌手:Kurt Rosenwinkel专辑:HeartcoreMassive Attack - Blue Lines(marshall, vowles, del naja, thaws, brown,bennett, carlton, geurin, sample, scott)Can"t be with the one you love then love the one you"re withSpliff in the ashtray, red stripe I pull the lidHer touch tickles, especially when she"s gentleBut I don"t hear her words "cause I slide the instrumentalKeep the girl in the distance, moves are very hazyNo sunshine in my life the way I deal is shadySkip hip data to get the anti-matterBlue lines are the reason why the temple had to shatterTo the sound of silence surrounded by the massHer face is on the paper not the strangers that I passThe ones that looking back to see if they are looking back at meAre you predator or do you fear meYeah while I"m doing this I knowThe place I really wanna goThe one I love but never gets near meIt"s a beautiful day, well it seems as suchBeautiful thoughts means I dream too muchEven if I told you, you still would not know meTricky never does, adrian mostly gets lonelyHow we live in this existence, just beingEnglish upbringing, background carribeanIt"s the way that we billadeeSharing a soliloquyWe cut the broken thread from flexibilityMi chiamo 3D si sono IngleseNo sunshine in my life "cause the way I deal is hazyAnd everyday"s a daisy "cause I"m on my toesWhile contemporaries of mine remaining comatoseThere"s a looking glass she"s looking throughShe hated me, but then she loved me tooI"d lie not try so I lost faithThen turn to her to keep the faithShe told me take an occupation or you lose your mindAnd on a nine to five lemon, looking for the limeBox clever, watch your system come togetherCrazy weather at the end of my tetherMassive in the area, murdererAttack inna the area, murdererSome go softly softly round the habitatRatchet in the right handThey got no one to stab it atTake a walk billy, don"t be a heroEffort"s on minimal though almost touch zeroExcommunicated from the brotherhood of manTo wander lonely as a puzzled anagramCar paint blue, green, primer and zincTake it to extremities my purple and pinkI feel the colours fill my room beneath the patter of the rainI can"t stand the drops they"re dripping down my windowpaneThey wash away my shadow and don"t even leave a spark upon my soulThey leave the rainbows in the darkBlues get big, massive are even largerSave nuff space into the tricky tardisWe"d trawl what I saw from down in darren"s hallPeople laying their claimIn stormy weather it"s rainBut you"re living on a see-sawI try to see moreSomebody da-ditty, nobodyWalking on sunshine, but still we"re treading waterThe son of many reasons searching for the daughterSeeking knowledge, not acknowledging the jetsetSilver papers of the sound within my budakon headsetThe solar system watches in wisdomThe children dance as the moonlight kissed themTo Massive attack Matt Black appear wearing beadsTwo hours traveling so I wrote this on repeatAlways living fast, people getting jumpyWhere I"ve got in fights I just do the walter crumpyMicrophones held close, crouching far apartTake my piece of mind and sign my name across your hearthttp://music.baidu.com/song/8264503

我的教程是用protobuf生成了proto.js文件 1、运行npm install protobufjs --save 安装 2、拿到后台给的proto文件，在src里创建一个proto目录，用于存放proto文件及编译后的js文件 proto 3、运行命令 生成proto.js文件，如图 4、使用 websocket返回的数据是model.data 官方git教程 https://github.com/protobufjs/protobuf.js

parcel-vue 一个基于Parcel打包工具的 VueJS急速开发脚手架解决方案,强烈建议使用node8.0以上。下面通过本文给大家介绍全新打包工具parcel零配置vue开发脚手架的相关知识，感兴趣的朋友一起看看吧parcel-vue 一个基于Parcel打包工具的 VueJS急速开发脚手架解决方案,强烈建议使用node8.0以上项目地址: https://github.com/w3c-king/parcel-vue初始化项目$ git clone https://github.com/w3c-king/parcel-vue.git安装依赖$ cd parce-vue$ npm install其中 parcel-bundler 是主要的工具，对于 vue 结尾的单文件，需要单独处理文件类型， parcel-plugin-vue 这个插件会通过 vueify 来生成对应的代码， parcel 会自动加载 parcel-plugin 开头的依赖。运行开发环境,运行成功打开浏览器http://localhost:1234即可查看项目$ npm run dev打包编译$ npm run build开发目录结构src├── router ├── index.js├── assets ├── logo.png├── components ├── Hello ├── index.js ├── index.js├── views ├── HelloWorld ├── images ├── logo.png ├── HelloWorld.vue├── styles ├── common.css├── store ├── global ├── global.js ├── index.js ├── index.js├── app.vue├── index.js只需要执行 npm run dev 和 npm run build 就可以进行开发和构建。上面是我整理给大家的，希望今后会对大家有帮助。相关文章：在vue-cli中如何实现webpack2项目打包优化在es6中export和export default的区别有哪些？在Vue中封装Swiper如何实现图片轮播在vue中如何使用ztree（详细教程）使用JS如何实现瀑布流插件

v.wxz如果是字符串这么拼应该少了对引号，... eq "+"""+v.xwz+"""+" 这么写试试

见到Sandy和Sue

meets前面的主语无论单复数，都按单数用，是集合名词。

　　定理：设A为m*n阶复矩阵,则存在m阶矩阵U和n阶矩阵V,使得：　　A = U*S*V" 　　其中S=diag(σi,σ2,……,σr),σi>0 (i=1,…,r),r=rank(A).　　推论：设A为m*n阶实矩阵,则存在m阶正交阵U和n阶正交阵V,使得 　　A = U*S*V" 　　其中S=diag(σi,σ2,……,σr),σi>0 (i=1,…,r),r=rank(A).　　说明：　　1、 奇异值分解非常有用,对于矩阵A(m*n),存在U(m*m),V(n*n),S(m*n),满足A = U*S*V".U和V中分别是A的奇异向量,而S是A的奇异值.AA"的正交单位特征向量组成U,特征值组成S"S,A"A的正交单位特征向量组成V,特征值（与AA"相同）组成SS".因此,奇异值分解和特征值问题紧密联系.　　2、 奇异值分解提供了一些关于A的信息,例如非零奇异值的数目（S的阶数）和A的秩相同,一旦秩r确定,那么U的前r列构成了A的列向量空间的正交基.

定理：设A为m*n阶复矩阵,则存在m阶矩阵U和n阶矩阵V,使得：A=U*S*V"其中S=diag(σi,σ2,……,σr),σi>0(i=1,…,r),r=rank(A).推论：设A为m*n阶实矩阵,则存在m阶正交阵U和n阶正交阵V,使得A=U*S*V"其中S=diag(σi,σ2,……,σr),σi>0(i=1,…,r),r=rank(A).说明：1、奇异值分解非常有用,对于矩阵A(m*n),存在U(m*m),V(n*n),S(m*n),满足A=U*S*V".U和V中分别是A的奇异向量,而S是A的奇异值.AA"的正交单位特征向量组成U,特征值组成S"S,A"A的正交单位特征向量组成V,特征值（与AA"相同）组成SS".因此,奇异值分解和特征值问题紧密联系.2、奇异值分解提供了一些关于A的信息,例如非零奇异值的数目（S的阶数）和A的秩相同,一旦秩r确定,那么U的前r列构成了A的列向量空间的正交基.

B. asking, likeThe students usually hate (asking) questions. But the teachers (like) them to do. 学生们通常不喜欢提问，但老师喜欢他们这么做。

David Guetta TitaniumYou shout it loud 你大声呐喊But I can"t hear a word you say 但我什麼都听不见I"m talking loud not saying much 我大声但寡言I"m criticized but all your bull is brick of shame我虽遭受批评但你的狗屁是层层的羞愧You shoot me down, but I get up 你击落我 但我又重新站起I"m bulletproof nothing to lose 我防弹武装 什麼都不怕Fire away, fire away 开火吧 开火吧Brick of shame, take your rain 层层的羞愧 接受洗礼Fire away, fire away开火吧 开火吧You shoot me down but I won"t fall 你击落我 但我不会倒I am titanium 我是钛合金You shoot me down but I won"t fall你击落我 但我不会倒I am titanium 我是钛合金I am titanium... 我是钛合金Cut me down 削减我But is you who had offered there to fall 但是是你提出那堕落之地Ghost town, haunted love 鬼之城镇 诅咒之爱Raise your voice, sticks and stones may break my bones 提高声量 就算树枝和石头打断我的骨头I"m talking loud not saying much 我也要大声但寡言I"m bulletproof nothing to lose我防弹武装 什麼都不怕Fire away, fire away开火吧 开火吧Brick of shame, take your rain层层的羞愧 接受洗礼Fire away, fire away开火吧 开火吧You shoot me down but I won"t fall你击落我 但我不会倒I am titanium我是钛合金You shoot me down but I won"t fall你击落我 但我不会倒I am titanium我是钛合金I am titanium... 我是钛合金Stone-hard, machine gun 石头般的强硬 机关枪Firing at the ones who rise 向那些站起的射击Stone-hard, thus bulletproof石头般的强硬 所以是防弹You shoot me down but I won"t fall你击落我 但我不会倒I am titanium是钛合金You shoot me down but I won"t fall你击落我 但我不会倒I am titanium是钛合金You shoot me down but I won"t fall你击落我 但我不会倒I am titanium是钛合金You shoot me down but I won"t fall你击落我 但我不会倒I am titanium是钛合金