百度李文倩 - 基于Web 前端的可用性探索_会议文档

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>百度李文倩 - 基于Web 前端的可用性探索_会议文档_活动家</title> <meta name="keywords" content="APMCon 2017中国应用性能管理大会,百度李文倩 - 基于Web 前端的可用性探索,嘉宾演讲文档"/> <meta name="description" content="<<百度李文倩 - 基于Web 前端的可用性探索>>,是APMCon 2017中国应用性能管理大会的嘉宾演讲文档.传统Web都是通过服务端进行页面的可用性监控（比如服务异常、流量下降），但距离用户真实看到正常页面展现，期间的网络、前端渲染等是传统Web的性能监控"/> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" /> <meta name="applicable-device"content="pc,mobile"> <meta property="wb:webmaster" content="f8b759b681dff9f2" /> <meta name="msvalidate.01" content="53CCC647FAE063A9E8727E74CEA325CB" /> <meta name="google-site-verification" content="kMWxRBMMk5O18S397N1QFgF4WTS-xutUYIWKR0ZxWos" /> <link rel="shortcut icon" type="image/x-icon" href="https://pic.huodongjia.com/static/images/favicon.ico" media="screen" /> <link rel="stylesheet" href="https://pic.huodongjia.com/static/css/hdj.min.css"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?2637fd301bbf47083346b240ac447aff"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <meta property="og:document:type" content="pdf"/> <meta property="og:type" content="document" /> <meta property="og:title" content="百度李文倩 - 基于Web 前端的可用性探索_会议文档_活动家 " /> <meta property="og:description" content="<<百度李文倩 - 基于Web 前端的可用性探索>>,是APMCon 2017中国应用性能管理大会的嘉宾演讲文档.传统Web都是通过服务端进行页面的可用性监控（比如服务异常、流量下降），但距离用户真实看到正常页面展现，期间的网络、前端渲染等是传统Web的性能监控" /> <meta property="og:url" content="https://doc.huodongjia.com/detail-4187.html" /> <meta property="og:image" content="https://pic.huodongjia.com/event/2018-07-31/1533038191.65.jpg" /> <meta property="og:site_name" content="活动家" /> <meta property="og:release_date" content=""/> <link rel="canonical" href="https://doc.huodongjia.com/detail-4187.html"> <link rel="stylesheet" href="https://pic.huodongjia.com/static/css/scroll.css"> <link rel="stylesheet" href="https://pic.huodongjia.com/static/css/news.css"> <link rel="stylesheet" href="https://pic.huodongjia.com/static/css/viewer.css"/> <style> body { background: #edf0f2!important; } .commont td:hover{ cursor: pointer; } .doc_download:hover .phone_view{display: block} .doc_download a{font-size: 14px;} .doc_title{width: 91%;padding: 7px 15px;} .docs{ display: flex; flex-wrap: wrap; justify-content: space-between; } .docs li{ width: 294px; background: #fff; padding: 15px; color: #999; font-size: 12px; margin-bottom: 9px; border-left:2px solid #fff; transition: all .3s linear; } .docs li p{ margin: 0; } .docs li a{ display: block; font-size: 14px; color: #666; line-height: 20px; margin-bottom: 15px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .docs li:hover{ border-left:2px solid #1885F2; box-shadow: 0 0 20px 1px rgba(199, 196, 196, 0.6); } .docs li:hover a{ color: #000; } .event_title{ font-size: 16px; margin: 0; font-weight: 600; } .doc_name{ padding: 10px !important; width: 100%; } .event_title a{color: #333;} .event_info{ height: 72px; font-size: 14px; color: #999; margin: 20px 0; line-height: 24px; /*overflow: hidden;*/ /*text-overflow: ellipsis;*/ /*display: -webkit-box;*/ /*-webkit-line-clamp: 3;*/ /*-webkit-box-orient: vertical;*/ /*height: 68px\0;*/ } .event_docs{ color: #999; margin: 0 0 30px; font-size: 14px; } .event_docs a{ color: #333; display: inline-block; width: 75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 15px 0 0; position: relative; } .event_docs a:hover{ text-decoration: underline!important; color: #1B8BFF; } .event_docs a img{ margin-right: 10px; position: relative; top:-2px; } .event_docs span{ float: right; font-size: 12px; position: relative; top: 3px; margin: 15px 0 0; } .rel_div{ padding: 20px 0 0; margin-bottom: 20px; } .right .rel_div{ background: #fff; margin-top: 20px; padding-top: 10px; } .event{ padding: 0 15px; } .event li { padding: 15px 0; border-bottom: 1px solid #F5F5F5; } .img{ display: none; margin-bottom: 10px; } .event li:last-child{ border-bottom: none; } .event li.act .img{ display: block; } .event li>a{ font-size: 14px; display: block; color: #666; margin: 0px 0 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .event li p,.event li p a{ font-size: 12px; color: #999; margin: 0; } .title_1{ font-size: 18px; color: #333 !important; padding-left: 15px; position: relative; margin: 0 0 20px; } .title_1:before{ content: ''; width: 4px; height: 18px; background: #1474D8; position: absolute; top:0px; left: 0px; } .content .introduce p{ color: #333; font-size: 15px; line-height: 30px; } .content .introduce p a{ /*color: #333;*/ font-size: 14px; } .more{ position: absolute; width: 100%; left: 0; bottom: 10px; } .list{ display: none; width: 100%; max-height: 250px; background: #f5f5f5; } .list a{ display: block; color: #999; padding: 8px 5px; } .m_nav{ width: 100%; line-height: 50px; background: #4BA8EE; display: none; padding: 0 10px; text-align: center; color: #fff; font-size: 16px; } .m_footer{ display: none; text-align: center; padding: 10px 0; background: #f5f5f5; } .Qrcode{ width: 220px; height: 220px; position: fixed; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 999; background: #fff; border-radius: 3px; text-align: center; } #Qrcode{width: 150px;height: 150px;margin: 10px auto;} .imgs{ display: block; width: 250px; position: relative; } .phone-download{ display: none; float: right; } .phone-download .news_font{ color: #999 !important; } .m_nav a{ position: absolute; top: 0px; left: 5px; } .place{ width: 860px;float: left; } #doc{ position: absolute; left: 0; top:54px; } .toolbar{ z-index: 999; } .guest { padding: 10px 15px 20px; position: relative; overflow: hidden; } .guest>a{ display: inline-block; vertical-align: top; width: 70%; } .guest .avatar{ width: 48px; height: 48px; border-radius: 100%; overflow: hidden; margin-right: 10px; } .guest h2{ font-size: 14px; color: #333; margin: 0px 0 7px; } .guest p{ font-size: 12px; color: #999; margin: 5px 0 0; } .guest_more{ color: #7A8A99;font-size: 12px;padding-left: 63px; display: block; margin-top: 3px; } .content .introduce{ padding: 10px 0; } .adhibition_left h1{ font-weight: 600; } .parent{ width: 325px; } .doc_name,.doc_list{ height: auto; } .out_box{ width: 100%; height: 600px; overflow: hidden; background: #444; position: relative; border-bottom: 10px solid #444; } .in_box{ width: 100%; height: 100%; overflow: auto; padding: 0 20px 40px; } .rel_box div{ margin-top: 10px; box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.664); } .rel_box img{ display: block; } .toolbar{ height: 30px; width: 100%; background-color: #474747; padding: 0 20px; color: #FFF; line-height: 30px; font-size: 14px; box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08), inset 0 1px 1px hsla(0,0%,0%,.15), inset 0 -1px 0 hsla(0,0%,100%,.05), 0 1px 0 hsla(0,0%,0%,.15), 0 1px 1px hsla(0,0%,0%,.1); } .toolbar button{ background: none; border: 1px solid rgba(0, 0, 0, 0); outline: none; position: relative; top: 3px; width: 25px; } .toolbar button:hover{ border: 1px solid #333; } .up::before{ content: url(https://pic.huodongjia.com/static/css/images/toolbarButton-pageUp.png); position: relative; /* top: 1px; */ } .down::before{ content: url(https://pic.huodongjia.com/static/css/images/toolbarButton-pageDown.png); position: relative; top: 1px; } .down:disabled,.up:disabled{ opacity: .5; } @media (max-width:769px) { .bread_nav{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 50px; } .phone-download{ display: block; } .nav,.footer,.adhibition{ display: none; } .imgs{width: 100%} .m_nav,.m_footer{display: block;} .docs li,.docs,.relative{ width: 100% !important; height: auto; } .event_docs a{ width: 75%; } .content .introduce{ margin: 0; padding: 15px 0; } .list{ display: block; overflow: auto; } .doc_browse iframe{height: 260px!important;} .event_info{ height: auto; } #doc{ top:46px; } .place{ width: 100%; } .out_box{ height: 300px; } } </style> <script src="//msite.baidu.com/sdk/c.js?appid=1602692943002772"></script> <script type="application/ld+json"> { "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld", "@id": "https://doc.huodongjia.com/detail-4187.html", "appid": "1602692943002772", "title": "百度李文倩 - 基于Web 前端的可用性探索_会议文档_活动家", "images": [ "https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-0.png", "https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-1.png", "https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-2.png" ], "pubDate": "2017-08-23T12:01:51" } </script> </head> <style> body{ font-family: "微软雅黑","PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", Helvetica, Arial, Verdana, sans-serif !important; } .login ol{ width: 120px; left: -30px; border-radius: 4px; } .nav{ background: #177EE6; } .nav td:hover{ color: #1262B3; } .nav td .business:hover a{ position: static !important; } .business a::after{ content: url(https://pic.huodongjia.com/static/images/s-arrow-bottom.png); position: relative; top: 2px; } .m-search { right: 15px; top: 7px; font-size: 0; } .footer{ position: relative; } .f_bg{ position: absolute; width: 100%; height: 100%; background: url("https://pic.huodongjia.com/static/images/hdj_bg/footer_img_bg.jpg") no-repeat; background-size: 100% 100%; z-index:1; } .footer .container{ background: no-repeat; position: relative; z-index:99; } .vip_bg{bottom: 35px} .x_login,.ordersearch a{ padding: 6px 14px; transition: all .3s linear; } .x_login:hover,.ordersearch a:hover{ background: #E5F2FF; color: #2E3033 !important; border-radius: 3px; } .login ol{ top: 60px; overflow: inherit !important; } .login ol::before{ content: ''; position: absolute; width: 0; height: 0; border-left: 7px solid transparent; border-bottom: 7px solid #fff; display: inline-block; border-right: 7px solid transparent; top: -5px; left: 44%; } .m-search:before{ content: url('https://pic.huodongjia.com/static/images/hdj_bg/icon_search_normal.png'); } .focus::before{ content: url('https://pic.huodongjia.com/static/images/hdj_bg/icon_search_hover.png'); } #nav_search::-webkit-input-placeholder { /* WebKit browsers */ color: #A1C3E6; } #nav_search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #A1C3E6; } #nav_search::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #A1C3E6; } #nav_search:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #A1C3E6; } .nav form{ margin: 0; position: relative; } .nav form input{ color: #3D5066; transition: all .3s linear; width: 200px; } .nav form input:focus{ background: #E5F2FF; } .nav table{ width: 1200px; margin: auto; } .nav td{ text-align: center; height: 55px; width: 120px; } .nav .login{ width: 60px; } .nav td a{ color: #fff; font-size: 16px; position: relative; top: 0; transition: all .2s linear; } .nav .search{ width: 295px; text-align: right; } .nav .trans:hover{ /* top: -5px; */ background: #1262B3; } .adv{ position: fixed; top: 45%; right: 10px; z-index: 999; } </style> <body> <div class="nav"> <table> <tr> <td style="text-align:left;"> <span><a href="/"><img width="250" src="https://pic.huodongjia.com/static/images/newhdj_logo(1).png" alt="找会议，上活动家"/></a></span> </td> <td class="business trans"> <a target="_blank" href="https://www.huodongjia.com/business/">商务会议</a><div class="business_menue"></div> </td> <td class="trans"><a href="https://doc.huodongjia.com/" target="_blank">会议PPT</a></td>  <td class="trans"><a href="https://www.huodongjia.com/train/" target="_blank">培训课程</a></td> <td class="trans"><a href="https://www.huodongjia.com/postevent/" target="_blank">发布活动</a></td> <td class="search"> <form action="https://www.huodongjia.com/search/"><input id='nav_search' name="keyword" type="text" placeholder="会议/PPT/资讯"/> <span class="m-search"></span></form> </td> <td class="ordersearch"><a href="https://www.huodongjia.com/searchorder/" target="_blank" style="font-size: 14px">订单查询</a></td> <td class="login"> <a href="https://www.huodongjia.com/usercenter/login/" rel="nofollow"><span class="x_login" style="font-size: 14px">登录</span></a> </td> </tr> </table> </div> <div class="m_nav"> <a href="javascript:history.back(-1)"><img class="back" width="25" src="https://pic.huodongjia.com/static/wap_img/fanhui.png" alt=""></a> 会议PPT </div> <div class="content container" style="position: relative"> <div class="bread_nav"><a href="https://www.huodongjia.com/">首页</a>><a href="/">会议文档</a> > <h1 style="color: #666">百度李文倩 - 基于Web 前端的可用性探索</h1></div> <div class="doc_browse"> <div class="place" > <div class="out_box"> <div class="toolbar"> <button class="up" disabled="disabled"></button> <button class="down"></button> page：<span class="page"></span> </div> <div class="in_box"> <div class="rel_box"> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-0.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-1.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-2.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-3.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-4.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-5.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-6.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-7.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-8.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-9.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-10.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-11.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-12.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-13.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-14.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-15.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-16.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-17.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-18.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-19.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-20.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-21.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-22.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-23.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-24.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-25.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-26.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-27.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-28.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> <div><img width="100%" src="https://pic.huodongjia.com/static/images/pdf.png" data-imgurl="https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28-29.png" alt="百度李文倩 - 基于Web 前端的可用性探索"></div> </div> </div> </div> </div>  <div class="wrapper"> <div id="container"> <div class="parent"> <ul> <li class="doc_title">APMCon 2017中国应用性能管理大会所有文档</li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4196.html">中青易游张辉清 - 从业务架构到微服务</a></h4><span><font class="news_font"></font>3295次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4197.html">恒丰银行曾光尧 - 面向数据应用的Reactive微服务架构设计与实践</a></h4><span><font class="news_font"></font>6966次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4198.html">凡普金科韦强 - 凡普实时数据处理架构</a></h4><span><font class="news_font"></font>7505次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4199.html">tutorabc iTutorGroup 杨大鹏 - 见微知著, APM在tutorabc的应用</a></h4><span><font class="news_font"></font>1833次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4200.html">听云任燕萍 - 听云平台业务数据实时处理及性能可视化</a></h4><span><font class="news_font"></font>8758次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4201.html">知乎王雨舟 - 知乎大数据平台架构实践</a></h4><span><font class="news_font"></font>5120次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4202.html">猎豹梁炳辉 - Android应用启动速度和内存优化实践</a></h4><span><font class="news_font"></font>3663次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4203.html">凤凰金融张九州 - ReactNative启动性能优化</a></h4><span><font class="news_font"></font>6597次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4204.html">滴滴出行戴铭 - 深入剖析IOS性能优化</a></h4><span><font class="news_font"></font>10163次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4205.html">360 纪纲 - 手机卫士性能优化方案</a></h4><span><font class="news_font"></font>10272次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4206.html">小红书朱智伟 - 小红书移动端自动化数据采集实践</a></h4><span><font class="news_font"></font>7517次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4207.html">青云马志强 - 从黑盒运维到DEVOPS转型</a></h4><span><font class="news_font"></font>4834次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4208.html">国美云服左坚 - 混合云架构设计及性能监控</a></h4><span><font class="news_font"></font>1225次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4209.html">亚马逊代闻 - 微服务在云上的架构演进</a></h4><span><font class="news_font"></font>5110次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4210.html">七牛云李玮 - 云平台性能优化</a></h4><span><font class="news_font"></font>1533次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4211.html">泰康保险王刚 - 大宗能力交付从开始到未来</a></h4><span><font class="news_font"></font>8970次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4212.html">58 龚诚 - 构建立体化的监控体系</a></h4><span><font class="news_font"></font>8539次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4213.html">听云董全宁 - 构建最终用户体验型智能运维</a></h4><span><font class="news_font"></font>5676次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4214.html">你我贷杨严飞 - 你我贷运维之路</a></h4><span><font class="news_font"></font>6807次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4215.html">听云廖雄杰 - 微服务架构的应用性能监控</a></h4><span><font class="news_font"></font>9556次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4216.html">销售易赵宇辰 - 智能运维中的异常检测和根源分析</a></h4><span><font class="news_font"></font>7350次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4217.html">风起云涌，APM开启全新数字化体验时代</a></h4><span><font class="news_font"></font>2804次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4218.html">清华裴丹 - 智能运维中的科研问题</a></h4><span><font class="news_font"></font>6289次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4183.html">招商银行张建林 - 金融IT运维对应用性能的提升</a></h4><span><font class="news_font"></font>9562次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4184.html">趣店徐章健 - 趣店集团金融级系统容灾最佳实践</a></h4><span><font class="news_font"></font>8490次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4185.html">农行赵勇 - 双十一背后的银行系统</a></h4><span><font class="news_font"></font>5803次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4186.html">汽车之家王诗扬 - 基于vue的单页面性能优化实践</a></h4><span><font class="news_font"></font>9991次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4188.html">MIUI 董红光 - 新平台：优化前端技术栈产品体验新思路</a></h4><span><font class="news_font"></font>1757次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4189.html">美团胡成全 - 如何做小程序性能优化</a></h4><span><font class="news_font"></font>3035次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4190.html">知数堂叶金荣 - MySQL 5-7让优化更轻松</a></h4><span><font class="news_font"></font>10099次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4191.html">阿里巴巴乔红麟 - 阿里巴巴数据库智能优化系统探索与实践</a></h4><span><font class="news_font"></font>5853次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4192.html">甲骨文李珈 - 数据库云的未来与DBaaS</a></h4><span><font class="news_font"></font>8414次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4193.html">京东商城史季强 - 亿级流量下数据库技术保障实践</a></h4><span><font class="news_font"></font>7561次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4194.html">搜狗贤强Docker on Yarn微服务实践</a></h4><span><font class="news_font"></font>6873次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4195.html">爱奇艺周海维、赵慰 - 爱奇艺容器云平台性能分析实践</a></h4><span><font class="news_font"></font>10209次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4170.html">白山云童剑 - 白山直播CDN流传递链路优化</a></h4><span><font class="news_font"></font>4888次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4171.html">Akamai 纪永康 - 如何为移动App提供超级用户体验</a></h4><span><font class="news_font"></font>8067次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4172.html">陌陌吴涛 - 视频智能CDN调度系统</a></h4><span><font class="news_font"></font>9788次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4173.html">熊猫直播卢永菁 - 熊猫直播的流量调度系统</a></h4><span><font class="news_font"></font>1041次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4174.html">凤凰网尤春 - Web服务架构变化及性能优化</a></h4><span><font class="news_font"></font>6928次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4175.html">艺龙网郭思文 - Web服务器性能优化分享</a></h4><span><font class="news_font"></font>7878次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4176.html">瓜子二手车鹏程 - 瓜子服务架构的变迁和性能优化</a></h4><span><font class="news_font"></font>7248次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4177.html">微店车明君 - 打造极致体验的H5电商架构</a></h4><span><font class="news_font"></font>9926次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4178.html">当当张亮 - 面向云原生的服务架构</a></h4><span><font class="news_font"></font>7450次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4179.html">搜狐陈伟 - 搜狐服务建构优化实践</a></h4><span><font class="news_font"></font>9457次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4180.html">新浪徐挺 - 新浪广告系统服务化优化</a></h4><span><font class="news_font"></font>7696次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4181.html">天弘基金李鑫 - “静态调用链路发现”在APM</a></h4><span><font class="news_font"></font>2803次</span></div> </li> <li class="doc_list">  <div class="doc_name"><h4><a target="_blank" href="/detail-4182.html">爱投资李鑫 - Disaster Engineer —逆向运维</a></h4><span><font class="news_font"></font>6530次</span></div> </li> </ul> </div> </div> </div> <div class="adhibition"> <table width="100%"> <tr> <td class="adhibition_left"><h1>百度李文倩 - 基于Web 前端的可用性探索</h1><p><span>所属会议：<a target="_blank" href="https://www.huodongjia.com/event-1817641024.html">APMCon 2017中国应用性能管理大会</a></span><span>会议地点：<a target="_blank" href="https://www.huodongjia.com/beijing/">北京</a></span></p></td> <td class="doc_download" style="border-left: 1px solid #d5d5d5;"><a href=" https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28.pdf" target="_blank" rel="nofollow"><span class="news_font"></span><br>下载</a></td> <td class="doc_download"> <a><span class="news_font"></span><br>手机看</a> <div class="phone_view" style="left: 62.8%;top: 81%"> <div class="line" style="width: 127px"></div>  <img width="118" height="118" src="http://pic.huodongjia.com/static/images/APP_download.jpg" alt="活动家APP客户端"> <p> <span>扫二维码下载<br>或点击下载</span> <a rel="nofollow" href="http://app.xiaomi.com/detail/64258" target="_blank"><span class="news_font"></span>Android</a> <a rel="nofollow" href="https://itunes.apple.com/cn/app/da-huo-dong/id731753448?l=en&mt=8" target="_blank"><span class="news_font apple"></span>iOS</a> </p> </div> </td> <td class="doc_share"> <div class="bdsharebuttonbox"> <a rel="nofollow" style="position:relative;top: -2px;cursor: pointer;" class="bds_weixin news_font" data-cmd="weixin" title="分享到微信"></a> <a rel="nofollow" style="position:relative;top: -2px" href="http://connect.qq.com/widget/shareqq/index.html?title=百度李文倩 - 基于Web 前端的可用性探索&url=https://doc.huodongjia.com/detail-4187.html" target="_blank" class="bds_sqq news_font" data-cmd="sqq" title="分享到QQ好友"></a> <a rel="nofollow" href="http://v.t.sina.com.cn/share/share.php?title=百度李文倩 - 基于Web 前端的可用性探索&url=https://doc.huodongjia.com/detail-4187.html" target="_blank" class="bds_tsina news_font" data-cmd="tsina" title="分享到新浪微博"></a> <a rel="nofollow" href="http://www.douban.com/recommend/?title=百度李文倩 - 基于Web 前端的可用性探索&url=https://doc.huodongjia.com/detail-4187.html" target="_blank" class="bds_douban news_font" data-cmd="douban" title="分享到豆瓣网"></a><br>  </div> </td> <td>8522次 <br>浏览次数</td> </tr> </table> </div> </div> <div class="left"> <div class="list"> <span style="font-size: 15px;color: #000;">APMCon 2017中国应用性能管理大会所有文档</span> <a target="_blank" href="/detail-4196.html">中青易游张辉清 - 从业务架构到微服务</a> <a target="_blank" href="/detail-4197.html">恒丰银行曾光尧 - 面向数据应用的Reactive微服务架构设计与实践</a> <a target="_blank" href="/detail-4198.html">凡普金科韦强 - 凡普实时数据处理架构</a> <a target="_blank" href="/detail-4199.html">tutorabc iTutorGroup 杨大鹏 - 见微知著, APM在tutorabc的应用</a> <a target="_blank" href="/detail-4200.html">听云任燕萍 - 听云平台业务数据实时处理及性能可视化</a> <a target="_blank" href="/detail-4201.html">知乎王雨舟 - 知乎大数据平台架构实践</a> <a target="_blank" href="/detail-4202.html">猎豹梁炳辉 - Android应用启动速度和内存优化实践</a> <a target="_blank" href="/detail-4203.html">凤凰金融张九州 - ReactNative启动性能优化</a> <a target="_blank" href="/detail-4204.html">滴滴出行戴铭 - 深入剖析IOS性能优化</a> <a target="_blank" href="/detail-4205.html">360 纪纲 - 手机卫士性能优化方案</a> <a target="_blank" href="/detail-4206.html">小红书朱智伟 - 小红书移动端自动化数据采集实践</a> <a target="_blank" href="/detail-4207.html">青云马志强 - 从黑盒运维到DEVOPS转型</a> <a target="_blank" href="/detail-4208.html">国美云服左坚 - 混合云架构设计及性能监控</a> <a target="_blank" href="/detail-4209.html">亚马逊代闻 - 微服务在云上的架构演进</a> <a target="_blank" href="/detail-4210.html">七牛云李玮 - 云平台性能优化</a> <a target="_blank" href="/detail-4211.html">泰康保险王刚 - 大宗能力交付从开始到未来</a> <a target="_blank" href="/detail-4212.html">58 龚诚 - 构建立体化的监控体系</a> <a target="_blank" href="/detail-4213.html">听云董全宁 - 构建最终用户体验型智能运维</a> <a target="_blank" href="/detail-4214.html">你我贷杨严飞 - 你我贷运维之路</a> <a target="_blank" href="/detail-4215.html">听云廖雄杰 - 微服务架构的应用性能监控</a> <a target="_blank" href="/detail-4216.html">销售易赵宇辰 - 智能运维中的异常检测和根源分析</a> <a target="_blank" href="/detail-4217.html">风起云涌，APM开启全新数字化体验时代</a> <a target="_blank" href="/detail-4218.html">清华裴丹 - 智能运维中的科研问题</a> <a target="_blank" href="/detail-4183.html">招商银行张建林 - 金融IT运维对应用性能的提升</a> <a target="_blank" href="/detail-4184.html">趣店徐章健 - 趣店集团金融级系统容灾最佳实践</a> <a target="_blank" href="/detail-4185.html">农行赵勇 - 双十一背后的银行系统</a> <a target="_blank" href="/detail-4186.html">汽车之家王诗扬 - 基于vue的单页面性能优化实践</a> <a target="_blank" href="/detail-4188.html">MIUI 董红光 - 新平台：优化前端技术栈产品体验新思路</a> <a target="_blank" href="/detail-4189.html">美团胡成全 - 如何做小程序性能优化</a> <a target="_blank" href="/detail-4190.html">知数堂叶金荣 - MySQL 5-7让优化更轻松</a> <a target="_blank" href="/detail-4191.html">阿里巴巴乔红麟 - 阿里巴巴数据库智能优化系统探索与实践</a> <a target="_blank" href="/detail-4192.html">甲骨文李珈 - 数据库云的未来与DBaaS</a> <a target="_blank" href="/detail-4193.html">京东商城史季强 - 亿级流量下数据库技术保障实践</a> <a target="_blank" href="/detail-4194.html">搜狗贤强Docker on Yarn微服务实践</a> <a target="_blank" href="/detail-4195.html">爱奇艺周海维、赵慰 - 爱奇艺容器云平台性能分析实践</a> <a target="_blank" href="/detail-4170.html">白山云童剑 - 白山直播CDN流传递链路优化</a> <a target="_blank" href="/detail-4171.html">Akamai 纪永康 - 如何为移动App提供超级用户体验</a> <a target="_blank" href="/detail-4172.html">陌陌吴涛 - 视频智能CDN调度系统</a> <a target="_blank" href="/detail-4173.html">熊猫直播卢永菁 - 熊猫直播的流量调度系统</a> <a target="_blank" href="/detail-4174.html">凤凰网尤春 - Web服务架构变化及性能优化</a> <a target="_blank" href="/detail-4175.html">艺龙网郭思文 - Web服务器性能优化分享</a> <a target="_blank" href="/detail-4176.html">瓜子二手车鹏程 - 瓜子服务架构的变迁和性能优化</a> <a target="_blank" href="/detail-4177.html">微店车明君 - 打造极致体验的H5电商架构</a> <a target="_blank" href="/detail-4178.html">当当张亮 - 面向云原生的服务架构</a> <a target="_blank" href="/detail-4179.html">搜狐陈伟 - 搜狐服务建构优化实践</a> <a target="_blank" href="/detail-4180.html">新浪徐挺 - 新浪广告系统服务化优化</a> <a target="_blank" href="/detail-4181.html">天弘基金李鑫 - “静态调用链路发现”在APM</a> <a target="_blank" href="/detail-4182.html">爱投资李鑫 - Disaster Engineer —逆向运维</a> </div> <div class="introduce"> <h2 class="title_1">文档介绍</h2> <a class="phone-download" href=" https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28.pdf" rel="nofollow"><span class="news_font"></span></a> <div style="position:relative;">  <p style="margin-bottom: 25px;padding: 0 15px">传统Web都是通过服务端进行页面的可用性监控（比如服务异常、流量下降），但距离用户真实看到正常页面展现，期间的网络、前端渲染等是传统Web的性能监控<a href='https://www.huodongjia.com/tag/1610/'>运维</a>的盲点。本次主题主要从基于Web前端框架的可用性监控角度，阐述百度搜索如何通过前端去进行页面的可用性评估与监控，主要大纲包括： 1、前端可用性监控与服务端可用性监控差异与优势； 2、百度搜索前端可用性标准的探索与建立； 3、前端可用性监控原理：前端框架特性和监控细节； 4、基于前端可用性的优化之路：发现盲点，推动优化。</p>  </div>      </div> <div class="rel_div"> <h2 class="title_1">相关会议文档推荐</h2> <ul class="docs"> <li> <a href="/event_doc/170004/" target="_blank">ArchSummit全球架构师峰会（深圳站）——实时处理技术与创新业务架构专场</a> <p>浏览5389次</p> </li> <li> <a href="/event_doc/168471/" target="_blank">Gdevops-2017全球敏捷运维峰会-上海</a> <p>浏览9411次</p> </li> <li> <a href="/event_doc/164383/" target="_blank">2016 GIAC 全球互联网架构大会</a> <p>浏览10871次</p> </li> <li> <a href="/event_doc/168492/" target="_blank">WOTA全球架构与运维技术峰会（World of Tech 2017）</a> <p>浏览9067次</p> </li> <li> <a href="/event_doc/168494/" target="_blank">Gdevops-2017全球敏捷运维峰会-北京站</a> <p>浏览5590次</p> </li> <li> <a href="/event_doc/168495/" target="_blank">Gdevops全球敏捷运维峰会-广州站</a> <p>浏览10513次</p> </li> </ul> </div> </div> <div class="right"> <div class="relative"> <div class="rel_div"> <div class="guest"> <a href="https://www.huodongjia.com/guest-077084065122077106085053.html" target="_blank" class="avatar"> <img width="100%" src="https://pic.huodongjia.com/event/2017-03-14/1489462054.29.png" alt=""></a> </a> <a href="https://www.huodongjia.com/guest-077084065122077106085053.html" target="_blank"> <h2>戴铭</h2><p>滴滴出行技术专家</p> <a class="guest_more" href="https://www.huodongjia.com/guest/" target="_blank">了解更多 ></a> </a> </div> </div> <div class="rel_div"> <h2 class="title_1">相关会议</h2> <ul class="event"> <li class="act"> <div class="img"> <a target="_blank" href="https://www.huodongjia.com/event-1539986439.html"><img width="100%" src="https://pic.huodongjia.com/event/2025-02-06/1738852624.15.png" alt="GOPS 全球运维大会 2025 · 深圳站暨研运数智化技术峰会"></a> </div> <a target="_blank" href="https://www.huodongjia.com/event-1539986439.html">GOPS 全球运维大会 2025 · 深圳站暨研运数智化技术峰会</a> <p>2025-04-25   <a target="_blank" href="https://www.huodongjia.com/shenzhen/">深圳</a></p> </li> <li class=""> <div class="img"> <a target="_blank" href="https://www.huodongjia.com/event-1424442509.html"><img width="100%" src="https://pic.huodongjia.com/event/2025-03-03/1740973649.26.png" alt="2025PM产品力领航者大会"></a> </div> <a target="_blank" href="https://www.huodongjia.com/event-1424442509.html">2025PM产品力领航者大会</a> <p>2025-04-25   <a target="_blank" href="https://www.huodongjia.com/shanghai/">上海</a></p> </li> <li class=""> <div class="img"> <a target="_blank" href="https://www.huodongjia.com/event-236842898.html"><img width="100%" src="https://pic.huodongjia.com/guest/2024-10-30/1730268942.657200" alt="AiCon深圳2025|全球人工智能与大模型应用峰会"></a> </div> <a target="_blank" href="https://www.huodongjia.com/event-236842898.html">AiCon深圳2025|全球人工智能与大模型应用峰会</a> <p>2025-08-22   <a target="_blank" href="https://www.huodongjia.com/shenzhen/">深圳</a></p> </li> <li class=""> <div class="img"> <a target="_blank" href="https://www.huodongjia.com/event-431982868.html"><img width="100%" src="https://pic.huodongjia.com/postevent/2024-12-06/1733464232.28.png" alt="GGS 2025第四届全球游戏峰会"></a> </div> <a target="_blank" href="https://www.huodongjia.com/event-431982868.html">GGS 2025第四届全球游戏峰会</a> <p>2025-04-11   <a target="_blank" href="https://www.huodongjia.com/guangzhou/">广州</a></p> </li> </ul> </div> </div> </div> <div class="Qrcode"> <span class="close">×</span> <div id="Qrcode"></div> <p>打开微信扫一扫，分享到朋友圈</p> </div> </div> <script>cambrian.render('tail')</script> <div class="m_footer"> CopyRight 活动家 huodongjia.com </div> <input type='hidden' name='csrfmiddlewaretoken' value='JaEVgay3Cw5HWgfn59sGKX8mg19SlWWW' /> <div class="footer"> <div class="f_bg"></div> <div class="container"> <div class="col-sm-2 col-xs-2 footer1"> <ul style="padding: 0"> <li class="title">关于我们</li> <li><a href="https://www.huodongjia.com/contactus/" rel="nofollow">关于活动家</a></li> <li><a href="https://www.huodongjia.com/mediareport/" rel="nofollow">媒体报道</a></li> <li><a href="https://www.huodongjia.com/friendLinks/" rel="nofollow">合作平台</a></li> <li><a href="https://www.huodongjia.com/app/" target="_blank" rel="nofollow">活动家APP</a></li> <li><a href="https://www.huodongjia.com/law/" target="_blank" rel="nofollow">免责声明</a></li> </ul> </div> <div class="col-sm-2 col-xs-2 footer1"> <ul> <li class="title">更多服务</li> <li><a href="https://www.huodongjia.com/business/" target="_blank" rel="nofollow">商务会议</a></li> <li><a href="https://www.huodongjia.com/train/" target="_blank" rel="nofollow">培训课程</a></li> <li><a href="https://www.huodongjia.com/studytour/" target="_blank" rel="nofollow">游学考察</a></li> <li><a href="https://www.huodongjia.com/postevent/" target="_blank" rel="nofollow">活动发布</a></li> <li><a href="https://www.huodongjia.com/guest/" target="_blank" rel="nofollow">出席嘉宾</a></li> <li><a href="https://www.huodongjia.com/listsponsor/" target="_blank" rel="nofollow">会议主办方</a></li> <li><a href="https://www.huodongjia.com/listvenue/" target="_blank" rel="nofollow">会议场地</a></li> <li><a href="http://news.huodongjia.com/" target="_blank" rel="nofollow">会议资讯</a></li> <li><a href="https://expo.huodongjia.com/" target="_blank" rel="nofollow">会展资讯</a></li> </ul> </div> <div class="col-sm-4 col-xs-4 footer1 contact"> <ul> <li class="title">联系我们</li> <li class="call_serve"></li> <li style="line-height: 17px;position: relative;"> <div class="kefu"></div> <span class="erweima"></span><a style="font-size: 14px;display: inline-block;">活动家微信客服 <br/>（微信号：hdjkefu）</a></li> </ul> </div> <div class="col-sm-2 col-xs-2 footer1 weixin"> <p>活动家微信</p> <span class="wxchat"></span> <p style="color: #A0A8B7;font-size: 12px;padding: 5px">优质会议及时推荐，查 <br/>询会议更方便</p> </div> <div class="col-sm-2 col-xs-2 footer1 weixin"> <p>活动家APP</p> <span class="APP_erweima"></span> <p style="color: #A0A8B7;font-size: 12px;padding: 5px">活动家app，随 <br/>时随地方便报名参会</p> </div> <div class="introduce"> <p>活动家介绍：<br/> 找会议文档，上活动家！活动家是权威的会议文档阅读与知识分享平台，为用户提供各类会议的演讲干货，现场资料，可在线预览，也可免费下载，专业编辑梳理，帮助用户更便捷高效的收获知识。 </p> <p>热门关键词：<br/> <a href="https://www.huodongjia.com/tag/1610/">运维</a> <a href="https://www.huodongjia.com/tag/966/">移动互联网</a> <a href="https://www.huodongjia.com/tag/970/">云计算</a> <a href="https://www.huodongjia.com/tag/1464/">人工智能</a> <a href="https://www.huodongjia.com/tag/27543/">FinTech</a> <a href="https://www.huodongjia.com/tag/3372/">企业家</a> <a href="https://www.huodongjia.com/tag/5170/">虚拟现实</a> <a href="https://www.huodongjia.com/tag/969/">大数据</a> <a href="https://www.huodongjia.com/tag/967/">游戏</a> <a href="https://www.huodongjia.com/tag/16284/">创业创新</a> <a href="https://www.huodongjia.com/tag/4863/">架构</a> <a href="https://www.huodongjia.com/tag/4575/">跨境电商</a> <a href="https://www.huodongjia.com/tag/1486/">3D打印</a> <a href="https://www.huodongjia.com/tag/715/">物联网</a> <a href="https://www.huodongjia.com/tag/4671/">智慧医疗</a> <a href="https://www.huodongjia.com/tag/1018/">环保</a> <a href="https://www.huodongjia.com/tag/3153/">生物技术</a> <a href="https://www.huodongjia.com/tag/4997/">智能制造</a> <a href="https://www.huodongjia.com/tag/3363/">零售业</a> <a href="https://www.huodongjia.com/tag/1352/">新能源汽车</a></p> <hr style="border-top: 1px solid #4B4F52;"/> <p class="text-center">CopyRight <a rel="nofollow" target="_blank" href="https://www.huodongjia.com/">活动家</a> huodongjia.com ,蜀ICP备17005018号-4 增值电信业务经营许可证编号川B2-20130143</p> </div> </div> </div> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script> (function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?d0325fe1f567073c218c53060667569f":"https://jspassport.ssl.qhimg.com/11.0.1.js?d0325fe1f567073c218c53060667569f"; document.write('<script src="' + src + '" id="sozz"><\/script>'); })(); </script> </body>      <script src="https://pic.huodongjia.com/static/js/huodongjia.js"></script> <script src="https://pic.huodongjia.com/static/js/index.min.js"></script> <script> var _menue="<div class='col-sm-12 col-xs-12 industry'>按行业</div>" + "<div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/it/'>IT互联网</a></div>" + "<div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/finance/'>金融财经</a></div>" + "<div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/medical/'>医疗医学</a></div>" + "<div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/energy/'>能源化工</a></div>" + "<div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/agricultur/'>农林牧渔</a></div>" + "<div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/edutrain/'>教育培训</a></div>" + "<div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/manufact/'>加工制造</a></div>" + "<div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/realestate/'>地产建筑</a></div>" + "<div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/culmedia/'>文化传媒</a></div>" + "<div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/servindust/'>服务行业</a></div>" + "<div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/tralogist/'>交通物流</a></div>" + "<div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/trade/'>其它行业</a></div>" + "<div class='col-sm-12 col-xs-12 time'><span class='col-sm-3 col-xs-3'>按时间</span>" + "<span class='col-sm-3 col-xs-3'><a target='_blank'href='https://www.huodongjia.com/business/13/'>最近一周</a></span>" + "<span class='col-sm-3 col-xs-3'><a target='_blank' href='https://www.huodongjia.com/business/14/'>最近一月</a></span>" + "<span class='col-sm-3 col-xs-3'><a target='_blank' href='https://www.huodongjia.com/business/15/'>最近三月</a></span></div>" + "<div class='col-sm-12 col-xs-12 city'>按城市</div><div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/beijing/'>北京</a></div><div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/shanghai/'>上海</a></div><div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/guangzhou/'>广州</a></div><div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/shenzhen/'>深圳</a></div><div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/hangzhou/'>杭州</a></div><div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/chengdu/'>成都</a></div><div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/xian/'>西安</a></div><div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/xiamen/'>厦门</a></div><div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/nanjing/'>南京</a></div><div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/wuhan/'>武汉</a></div><div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/chongqing/'>重庆</a></div><div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/tianjin/'>天津</a></div><div class='col-sm-3 col-xs-3 '>" + "<a target='_blank' href='https://www.huodongjia.com/changsha/'>长沙</a></div><div class='col-sm-3 col-xs-3 '><a target='_blank' href='https://www.huodongjia.com/qingdao/'>青岛</a></div>" var business_menue=$(".business_menue") business_menue.html(_menue) $(".business").hover(function () { business_menue.fadeIn(10) }, function () { business_menue.fadeOut(10) }) if(window.location.host=="www.huodongjia.com"){ var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?388950f5fe8dce1409ec7843101f9730"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); } </script> <script src="https://pic.huodongjia.com/static/js/scroll.js"></script> <script src="https://pic.huodongjia.com/static/js/jquery.qrcode.min.js"></script>  <script> var aImages = $('.rel_box img'),page=1; //获取文档内所有的图片 $(document).ready(function(){ loadImg(aImages); }) $('.in_box').on('scroll',function(){ loadImg(aImages); }); function loadImg(arr) { for(var i = 0, len = arr.length; i < len; i++) { var _top=arr[i].getBoundingClientRect().top-$('.out_box')[0].getBoundingClientRect().top; // console.log(_top) if(_top <= 200 && _top >= 40){ page=parseFloat(i+1) $('.page').text(parseFloat(i+1)); if(i > 0){ $('.up').removeAttr('disabled'); }else{ $('.up').attr('disabled','disabled') } if(i < arr.length-1){ $('.down').removeAttr('disabled'); }else{ $('.down').attr('disabled','disabled') } } if(_top < 600 && !arr[i].isLoad) { arr[i].isLoad = true; //图片显示标志位 (function(i) { setTimeout(function() { if(arr[i].dataset) { //兼容不支持data的浏览器 aftLoadImg(arr[i], arr[i].dataset.imgurl); } else { aftLoadImg(arr[i], arr[i].getAttribute("data-imgurl")); } arr[i].style.cssText = "transition: 1s; opacity: 1;" //相当于fadein }, 500) })(i); }; } }; function aftLoadImg(obj, url) { var oImg = new Image(); oImg.onload = function() { obj.src = oImg.src; //下载完成后将该图片赋给目标obj目标对象 } oImg.src = url; //oImg对象先下载该图像 }; $('.up').click(function(){ console.log(page) $('.down').removeAttr('disabled'); var top_to=$('.rel_box div').eq(page-1).offset().top-$('.rel_box div').eq(page-2).offset().top; $('.in_box').scrollTop($('.in_box').scrollTop()-top_to); page--; if(page <= 0){ $(this).attr('disabled','disabled') }; }) $('.down').click(function(){ $('.up').removeAttr('disabled'); var top_to=$('.rel_box div').eq(page).offset().top-$('.in_box').offset().top-10; $('.in_box').scrollTop(top_to+$('.in_box').scrollTop()); page++; if(page >= aImages.length){ $(this).attr('disabled','disabled'); }; }) $('.event li').mousemove(function () { var _index=$(this).index(); $('.event li').eq(_index).addClass('act').siblings().removeClass('act') }) var this_url=window.location.href; var DEFAULT_URL = ''; if( ' https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28.pdf'.indexOf('https')>0){ DEFAULT_URL=' https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28.pdf' }else{ DEFAULT_URL = ' https://pic.huodongjia.com/ganhuodocs/2017-08-23/1503460028.28.pdf'.replace('http','https'); } if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){ $('#Qrcode').qrcode({width: 150, height: 150, text:this_url ,render:"table"}); }else{ $('#Qrcode').qrcode({width: 150, height: 150, text:this_url,render:"canvas"}); } $('.bds_weixin').click(function () { $('.Qrcode').show(); }) $('.close').click(function () { $('.Qrcode').hide() }) $('.commont td').click(function(){ var num=parseInt($(this).find('font').text()),type=$(this).attr('data-type'); if(!localStorage[type+"_4187"]){ comment(type) $(this).find('font').text(num+1) } }) function comment(type){ var csrf = document.getElementsByName('csrfmiddlewaretoken')[0]; $.post('/thumbs_up/',{id:'4187',type:type}, function (data) { if(data.code==1){ localStorage[type+"_4187"]=true } }) } </script> </html>

CINXE.COM

百度 李文倩 - 基于Web 前端的可用性探索_会议文档_活动家

百度李文倩 - 基于Web 前端的可用性探索_会议文档_活动家