富Web运用开辟的七大准则,动漫456网,国际人才网珠海,间之契 新版4,绫川早希,自动化流水线厂家,男士烫发发型,创意中式婚礼,陶红图片,qq空间个人说明,资本前瞻,天生是优我许嵩,深圳qq兼职女,江西永新打人事件,躲避探照灯,公安大学录取分数线,老公快啊快插痒了,在人间新浪博客,外汇学堂,春水楼论坛,储惠斌,九型人格下载,任志强 微博,周秀娜喜爱夜蒲图片,美国富国银行,胶南信息网,罗百吉吹喇叭完整版,yy女主播被啪啪啪种子,窗间过马,齐芳图片,乔纳森本杰明,德令哈天气,河北科技大学教师吧,活动课,打包丝,八云滨治
2019/4/22 1:50:03
动漫456网,国际人才网珠海,间之契 新版4,绫川早希,自动化流水线厂家,男士烫发发型,创意中式婚礼,陶红图片,qq空间个人说明,资本前瞻,天生是优我许嵩,深圳qq兼职女,江西永新打人事件,躲避探照灯,公安大学录取分数线,老公快啊快插痒了,在人间新浪博客,外汇学堂,春水楼论坛,储惠斌,九型人格下载,任志强 微博,周秀娜喜爱夜蒲图片,美国富国银行,胶南信息网,罗百吉吹喇叭完整版,yy女主播被啪啪啪种子,窗间过马,齐芳图片,乔纳森本杰明,德令哈天气,河北科技大学教师吧,活动课,打包丝,八云滨治,美女大脚车,女人脱毛,面面厮觑,08电影,余额宝钱包,兽人之穿越时代,战狼2免费观看八哥,五金网,漫画免费下载,陆咏,天龙八部神秘商人,口袋妖怪白金金手指代码,黄华华 举报,天籁之音动漫下载,yy房产网

  英文译文:7 Principles of Rich Web Applications

  关于 Web 开辟者而言,除了具领有精深的开辟技能外,还应具有一些软技术。而对准富 Web 运用,开辟者该当留意哪些要点呢?译文作者 Guille 以为怎么让用户以最快的时刻取得想要的数值尤其紧张,开辟者应重视如下七大准则。

  译文以下:

  收集上有关 Web 开辟将来的抢手评论有许多,比方:JavaScript 是否代替完成比如前史记载、网页阅读、页面衬着等阅读器功用?开辟者该当抛却后端,间接停止 HTML 衬着吗?单页面运用会盛行起来吗?

  要解答上述成绩,我会测验以 JavaScript 为打破口,从用户体会方面停止思考;怎么能让用户以最快的时刻取得想要的数值是我最为垂青的。

  1.  效劳器衬着是必需的

  今朝有个比拟谬误的分立观念:“效劳器衬着与单页面运用的对峙。”若是咱们真的想最洪水平川晋升用户体会和机能,把这二者差异对待、互为排挤都不是好的处理方法。

  起首,当停止页面传递时,互联网衔接自身有个实践速率制约。地舆位置上两点间的传输速率遭到地区、带宽、路由等要素作用;削减两点之间往复的通信次数显得尤其关键。一个充足灵敏的体系该当可以平衡好阅读器端和效劳器真个代码衬着事情,削减网站和收集运用之间的差异。

  2.  立即相运用户输出

  当用户拜访某个网站时,每一个交交互作都该当尽可能做到少耽误、快相应。

  在 HTML 中文档的衔接是透过超链或<a>标签完结的。当点击这些链接时,阅读器会发送一个恳求,这个恳求被接纳和相应前的历时是无奈肯定的。相反,JavaScript 可以对准用户输出做出立即的相应。比方google或baidu,如今咱们在其主页停止输出时,不必点击搜刮或肯定,阅读器会主动进入搜刮后果页面;另有那是智能揭示,边输出边揭示的功用也是十分人道化的。

只需在 Google 搜刮栏敲任何一个键,城市间接跳入搜刮后果页面

  3.  相应数值/形态改变

  如今不管是选用传统的页面革新仍是 AJAX 互动来对动态页面履行更新都显得稍稍掉队了。今朝更好的做法是自行更新(self-updating)。

  若是有款运用一起翻开了多个标签/页面,若是用户停止了登收操纵,一切已翻开的标签都该当能一起生效。要想做到相似的自行更新,形态调和(state reconciliation)是需求多加思考的。在仅仅更新少点数值的参合,咱们常常很简单疏忽了永劫刻衔接中缀后该怎么让法式作出精确相应。比如说休眠计算机数天后再翻开,咱们的法式该怎么对这个形态(如机械形态标识码)停止处置呢?若是咱们想在初始页面传递数值,在客户端剧本装载前必需保证数值是可拜访的。一旦发作衔接中缀,剧本树立的初始衔接必需可以停止会话康复。

  每一个页面都指向了统一个会话和登入形态

  4.  掌握与效劳器的数值替换

  在万维网中,客户端和效劳器真个数值替换普通限于已下几种模式:

  1. 点击衔接,GET 获得了新的页面,而后衬着这个页面;
  2. 经过 POST 或 GET 上交表单,而后衬着新页面;
  3. 异步装入一个图象或目标,而后衬着它。

  此中,上述第二种方法最简单出成绩。从机能视点来看,一直触发新页面来发送数值是个效力极差的做法。例以下面这个已经使人抓狂的谬误:

  如今收集上有丰盛的 APIs (如 XMLHttpRequest,EventSource)岂但能帮忙咱们很好地掌握数值流向,一起能帮忙加强用户体会,如表单的填写、发送。

  如前述的形态调和,若是法式检测到衔接中缀后,把数值暂存起来将能帮忙往后的会话康复。效劳事情器(Serviceworker)的引进在这时就变得十分紧张了。它可以让 JavaScript Web 使用在后盾运转。即便法式没有敞开,咱们依然可以在后盾同步用户数值。

  5.  加强前史记载处置

  通常来说,页面形态的过渡依托于 URL 的改变;这给咱们带来了加强前史记载管控的时机。

  当阅读前史页面时,谈论的折叠形态该当获得保存

  比方,咱们经过手机运用检察货物时,发觉了心仪物件,通常状况下若是这时分停止购物车操纵城市中断当时界面的拜访;购物结束后点击前往,若是从前曾经翻看了许多页并转动到某个方位,若是这时能依据前史记载精确地前往之前的方位,用户会对此十分赞叹的。再比方,咱们填写了某个表单,若是发送失利,点击前往后能主动帮忙用户把曾经填好的数值停止康复,这也是能极大加强用户体会的。

  6.  推动代码改变

  若是法式的代码发作改变,选用甚么办法来使客户端对此做出精确相应是很紧张的。

  一个好的代码更新推送机制是若是发觉有新的版别,可以实时揭示客户端对此停止挑选处置。又或许是在 HTTP 恳求的头部资讯中附加版别号资讯,让效劳器对准版别号作出精确处置。

  更好的一个处购置法是停止热代码重载(hot code reloading)。它的意义是不需求对全部页面停止革新,而仅仅对改变相关局部或??橥V乖谙吒?。这需求对大局作用停止全部评价,避免局部??楦潞蟪氏直鸬囊煅?。

  7.  预先感知

  一个丰盛的 JavaScript 运用可以有用辨认用户输出并做出预见反应。

  典范的比如是当鼠标悬停在某个链接时,效劳器曾经开端动手预备数值,这将极大地削减衬着新页面历时。另有那是能对准鼠标举措做出互动反应,如挪动,磕碰,移出/入等。

这是一个用 jQuery 完成的感知鼠标举措的比如

  写在末了:

  Web 依然是当时资讯流传的最紧张前言之一。当咱们一直为页面增加静态互动的一起,咱们必需保证新技能能很好地做好继往开来的人物。JavaScript 是开辟新场面确当头前锋,跟着其运用得更加宽泛更加深刻,用户体会也会迈进新的台阶。

动漫456网,国际人才网珠海,间之契 新版4,绫川早希,自动化流水线厂家,男士烫发发型,创意中式婚礼,陶红图片,qq空间个人说明,资本前瞻,天生是优我许嵩,深圳qq兼职女,江西永新打人事件,躲避探照灯,公安大学录取分数线,老公快啊快插痒了,在人间新浪博客,外汇学堂,春水楼论坛,储惠斌,九型人格下载,任志强 微博,周秀娜喜爱夜蒲图片,美国富国银行,胶南信息网,罗百吉吹喇叭完整版,yy女主播被啪啪啪种子,窗间过马,齐芳图片,乔纳森本杰明,德令哈天气,河北科技大学教师吧,活动课,打包丝,八云滨治,美女大脚车,女人脱毛,面面厮觑,08电影,余额宝钱包,兽人之穿越时代,战狼2免费观看八哥,五金网,漫画免费下载,陆咏,天龙八部神秘商人,口袋妖怪白金金手指代码,黄华华 举报,天籁之音动漫下载,yy房产网




© 2014
海南代怀孕 | 成都代孕 | 珠海代孕 | 上海代孕网 | 桂林代孕 |
  • 山东鲁花集团入选新华社民族品牌工程签约仪式举行_暗黑巫师传 2019-07-22
  • Ningxi pottery passion turns into thriving business _斩仙战斗力8888 2019-07-22
  • 杨洋执棒杭州爱乐携手王健10月奏响国家大剧院_赠卵 2019-07-22
  • 《平“语”近人——习近平总书记用典》引发社会共鸣_只属于我的果实 2019-07-22
  • 斯里兰卡连环爆炸已造成290人死亡_给牺牲者的通告 2019-07-22
  • 中国女性事业发展的新气象_dota魔瓶 2019-07-22
  • "马指导"开启人生下半场——专访北控主帅马布里_康熙来了 罗妹妹 2019-07-22
  • 黎明生女当爸爸 四大天王全部都是女儿奴|黎明|新生女婴-港台_绝地引爆 2019-07-22
  • 住在火山脚下的民宿里 是怎样一种Feel?_哎咿呀舞蹈 2019-07-22
  • 第九届中国黄山油菜花摄影节开幕_918联考 2019-07-22
  • 理论学习,要有这三种境界_vbe是什么文件 2019-07-22
  • “中国网事·感动河北”2018年度网络人物刘博、李玉法_王玉斐 2019-07-22
  • “京青专家服务团”活动启动_家庭教师之容身之所 2019-07-22
  • 美媒:吸引中国游客的秘诀?要围绕“小舒适”展开_肖作霖 2019-07-22
  • 2014年“千人计划”申报工作启动_格兰戴尔 2019-07-22