发布网友 发布时间:2022-04-22 00:38
共7个回答
懂视网 时间:2022-04-24 09:05
最近在自己摸索vue的使用,因为相对于只是去看教程和实例,感觉不如自己动手写一个demo入门来的快。刚好看到小程序中有一个简单但是很精致的应用极简汇率,而且它的表现形式和vue的表现形式很像,于是想着自己搞一个简单的应用来试试。
1、第一步是搭好简单的Html结构
<div id="demo"> <h1>汇率转换</h1> <div class="moneyBox"><span>cny</span><input v-model="cny" type="text"><span>人民币¥</span></div> <div class="moneyBox"><span>usd</span><input v-model="usd" type="text"><span>美元$</span></div> <div class="moneyBox"><span>hkd</span><input v-model="hkd" type="text"><span>港币$</span></div> </div>
2、整个页面的逻辑就是将三个币种的input都绑定一个model,v-model可以将这个数据传到后台,当任意一个输入框进行输入的时候会根据js已经写死的汇率计算出另外几种币种的数字。其中比较关键的是vue的computed的使用以及通过编写数据的get和set函数达到每个数据多项绑定的效果。另外值得一提的是我之前也使用了vue的 $watch来实现数据的实时计算,不过在双向绑定的实现中发现还是computed更加适用一些。
var CNY_USD = 6.96; var CNY_HKD = 0.90; var data={ cny:'100', usd:'14.38' , hkd:'111.53', }; var myVue = new Vue({ el: '#demo', data: data, computed: { usd:{ get: function() { return (this.cny/CNY_USD).toFixed(2); }, set: function(newValue) { this.cny = (newValue*CNY_USD).toFixed(2); } }, hkd:{ get: function() { return (this.cny/CNY_HKD).toFixed(2); }, set: function(newValue) { this.cny = (newValue*CNY_HKD2Q).toFixed(2); } } } })
3、样式补充
.moneyBox{ font-size: 20px; font-family: "微软雅黑"; } .moneyBox input{ width: 100px; height: 24px; padding: 0 10px; margin: 0 10px; border-radius: 5px; border: 1px solid #333; }
因为目的也只是为了写一个小demo,所以简单做了一个样式,让页面看起来没那么别扭,等有时间了再优化一下页面的用户体验再尝试一下直接调用汇率api的数据来实现计算。
页面分享
热心网友 时间:2022-04-24 06:13
十大出国旅游必备App
1.印象笔记 – 记录行程的好帮手
楼主大力推荐的记事软件,可以随时写下你的行程、旅游日记、复制贴上网页的照片或地图等。最重要的,他支援多平台的同步功能,无论在电脑、平板、手机等都可以编辑浏览!
2. WiFi Finder – 快速找出附近网路
出国若有Wifi真是超方便说… 人生地不熟,无线网路哪里有?靠这款App可以秀出方圆百里有讯号的地方,并且告诉你路线如何前往。
3. XE Currency – 汇率换算超简单
介面非常简单、容易操作,不用一两秒就能把你想知道的各国汇率换算出来了!楼主衷心推荐(我绝对没有代言费)
4. 旅外救助指南 – 摆着以防万一
坦白说,之前安装时觉得这东西挺无聊的,但真的出国发生意外时,你绝对会感谢它!基本上就是把外交部的网页变成手机版,下载先放着以防万一!
5. PPS – 看电影首选
PPS可以说是网路电影最大集散地,不只有电脑版,手机版也推出了。不过很多人一定想说在外上网不方便,就算有网路速度也很慢!这就来了!PPS提供下载功能,你可以事先在网络稳定的地方先下载好,想看电影时直接打开App就可离线观看了,多方便!杀时间的娱乐首选!
6. Google Translate – 翻译一定要装
不得不推荐Google大师,支援超多语言外,操作介面好上手,可手打输入也支援用讲的查询单字,各种语言的翻译结果还能朗读出来,出国一定要安装,我就是靠这和泰国人比手画脚的!
7.谷歌地图 - 出行必备神器
Google大师再度上榜!但说真的,全世界地图深耕在地化,我找不到第二名可以匹敌的对手了!当你迷失方向时或寻找街上某家店时,Google帮你找方向!
8.七洲旅游 - 好多好玩的当地游玩项目
出国旅游肯定需要事先看下当地好玩的项目,楼主每次出国玩都下载七洲旅游预订当地的游玩项目,性价比高,服务也非常好,觉得值得推荐。
9. Instagram – 把照片拍的美美的
集结拍照+社群功能的摄影App,有了这个,即使你是个摄影门外汉都能拍出让人惊艳的作品。路上随手拍一张,套用喜欢的滤镜,就可分享在*、Twitter、sina微博等社群网站,第一时间和大家炫耀你今天的异国生活!操作简单、互动交流便利,在国外有非常多人使用。
10. Flashlight – 手电筒
朋友都说你没事推荐这个干嘛!!但是手电筒总是在我们觉得不重要的时候非常需要它,东西掉到床底、晚上饭店外头好暗、加油时当萤光棒、手电筒照自己吓坏人等…
热心网友 时间:2022-04-24 09:06
旅行前攻略
本人是强迫症“患者”,做任何事情前必须规划得明明白白才能行动;出国旅行计划就更加的谨慎了,为了更有安全感,旅行前的各种查询工作也是必需的,解决的无非是吃住行的问题。现在把出国常用的几个app的使用心得整理出来分享给大家,小宝贝儿们接招吧!
1.行程攻略
马蜂窝&大众点评
行程攻略和觅食计划我参考这两个app完成。马蜂窝的攻略可以提前下到本地,可以把一个城市必去的、必体验的先都挑出来,大致的行程就定下来了。然后配合大众点评找一下美食,点评毕竟是美食起家,里面有很多当地人喜欢的和网红店根据就可以各取所需了。把想去的地方都定下来之后,我一般会拿“稀客地图”这个app,查一下打卡地点之间路线,把离得近的放一天行程里,然后根据行程预定机票和酒店。关于这个地图app在下面再详细介绍。
2.机票预订
天巡旅行&携程
天巡是提供全球机票和航班搜索、查询、比价、预订的平台,它的一大特色就是比价,搜索后呈现的是含税总价,相比国内的同类软件,天巡和国际公司合作更广,在国际机票上会有更多选择,但买票就不推荐了,它会收代理费价格上稍微贵一点;买票还是在携程或官网上买比较划算。
3.酒店预订
Booking&Airbnb
出国旅行的话,这两个app妥妥了;Booking偏商务酒店,Airbnb偏民宿,它们都有超多的酒店信息,安全性上也很可靠,大家可按需求下载。
旅行中
旅行中充满了未知,尤其是出国旅行,一时的疏忽大意,可能会带来很多的麻烦,大多是路线和语言上的问题。
1.地图导航
稀客地图&谷歌地图(有一些当地的地图,比如韩国的naver地图)
地图类的app,谷歌地图是老大,如果英语很好的可以下载谷歌,真的是可以走遍天下的。但我这种提前要做好超详细规划的,在国内就要开始查查查,又懒得*,出国后用又嫌英文界面缺乏安全感;我更常用的是一款小众的地图app,名字叫“稀客地图”,个人非常喜欢它的色调和界面,很清新简洁。可以中文搜索,也支持外文搜索(我复制粘贴韩文、日文都可以搜得到)。查路线也是可以用中文输入起点终点,路线结果也都是中文,像公交站点、地铁站点名称是中文+当地语言一起显示的,很人性化。让我更有安全感的是,这个地图有一个客服功能,在搜路线之后,有看不懂的地方直接问客服,回复的也很及时,解答的特别细致;另外也可以找找你要去的国家的当地地图,我去济州岛的时候,下载的naver地图,实时查公交还需要多长时间到站,特别方便,安全感up up up,不会遥遥无期的等待。出国旅行并且对自己英文水平并没有超级自信的话,真心的推荐下载“稀客地图”app试一下,毕竟还是母语用着习惯。
2.语言翻译
谷歌翻译
国内的一些翻译软件翻译英文还可以,去个小众的国家就不太好用了,机器翻译还是首推谷歌,它支持100多种语言,相比其它软件无论是丰富性、准确性、快捷性都要更强大。
3.记录美好
zine & vue
旅行过程中记录下来留存这份美好对我来说是件幸福的事,记录可以用文字也可以视频,看自己喜欢那个媒介吧;文字记录推荐zine,适合短篇心得和文字分享,设计美观。当然大多数可能会倾向于拍个美美的,别具一格的小视频,vue就是一款和旅行很搭的app,它有电影质感的滤镜和分镜编辑,很适合记录旅行中的所见所闻。
常用app上边详细介绍了,还有一些app也很不错,只不过使用频率不高,就不在这里一一向大家推荐了,自己多多试用,找到最适合自己的app就好啦~
热心网友 时间:2022-04-24 10:57
对于国内旅行必须必备的app,一般有飞猪,携程。途牛这些都是比较具体的了,可以能给你提供全方位的服务。
热心网友 时间:2022-04-24 13:05
出国旅行的话,地图可以用谷歌地图,百度和高德地图在国外支持比较不好。住宿的话一般会提前订好,booking和agoda都很不错,如果喜欢民宿的话可以用airbnb,住百家和树莓精选也可以用。在国外找美食的话可以试下四万公里和舌尖旅行这两个app。在景点处可以用言途这个app对景点进行了解,也是挺有意思的。如果你想体验下P2P(就是个人对个人,找当地人带你玩)旅行,可以试下丸子地球和哈达旅行。以上基本都是针对国外旅行的app。
热心网友 时间:2022-04-24 15:30
在“聆途假期”号里面可以获取各个国家的非常全面的旅游攻略!
从大小交通、美食、景点的攻略,到给一些住宿和购物的建议,再到提醒出行前该做哪些准备和旅行中的注意事项等等都有。
(ps:回复国家关键词,就能拿到打包好的攻略)
热心网友 时间:2022-04-24 18:11
出国旅游现在是时尚大众的消费方式,别说国内旅游,国外旅游的话就更需要花点心思了,从旅行路线、吃、住、行、语言等等都需要认真规划,如果是跟团就无所谓操心太多,如果选择自己出行,以个人去泰国、韩国的实操经验分享如下:
1、行程攻略用马蜂窝,国内、国外提前做好路线攻略,地图导航也可以的;
2、机票、酒店预订直接在马蜂窝或携程预订,当然也可以选择网友推荐的BOOKING,也没问题;
3、语言翻译用谷歌翻译或者Eotu 语音互译;