CINXE.COM

<meta name="title" content="嘶吼专访||蚂蚁集团网络安全部总经理王宇：原生安全范式——变幻维度，向安全本质前进" /> <html lang="zh-CN"> <head></head> <body> <title>嘶吼专访||蚂蚁集团网络安全部总经理王宇：原生安全范式——变幻维度，向安全本质前进 - 嘶吼 RoarTalk – 网络安全行业综合服务平台,4hou.com</title> <meta charset="utf-8"/> <meta name="renderer" content="webkit"/> <meta http-equiv="Cache-Control" content="no-transform"/> <meta http-equiv="Cache-Control" content="no-siteapp"/> <meta property="wb:webmaster" content="4517e8fe39b18975"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/> <meta name="description" content="近期，蚂蚁集团网络安全部总经理王宇接受嘶吼专访，结合自身的安全建设实践经验，对“原生安全范式”进行分享。"/> <meta name="keywords" content="访谈"/> <link rel="icon" href="https://www.4hou.com/sihou/images/favicon.ico"> <link href="https://www.4hou.com/sihou/images/favicon.ico" rel="shortcut icon"/> <link href="https://www.4hou.com/sihou/images/favicon_114.png" rel="apple-touch-icon"/> <link href="https://www.4hou.com/sihou/images/favicon_76.png" sizes="76x76" rel="apple-touch-icon"/> <link href="https://www.4hou.com/sihou/images/favicon_120.png" sizes="120x120" rel="apple-touch-icon"/> <link href="https://www.4hou.com/sihou/images/favicon_152.png" sizes="152x152" rel="apple-touch-icon"/>  <link rel="stylesheet" type="text/css" media="screen and (min-width:1200px)" href="https://www.4hou.com/sihou/css/lg.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width:992px) and (max-width: 1199px)" href="https://www.4hou.com/sihou/css/md.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width:768px) and (max-width: 991px)" href="https://www.4hou.com/sihou/css/sm.css"/> <link rel="stylesheet" type="text/css" media="screen and (max-width: 768px)" href="https://www.4hou.com/sihou/css/sm.css"/> <link rel="stylesheet" href="https://www.4hou.com/sihou/css/swiper.min.css"/> <script src="https://www.4hou.com/sihou/js/jquery.min.js"></script> <script src="https://www.4hou.com/sihou/js/swiper.jquery.min.js"></script> <script src="https://www.4hou.com/sihou/login/js/sweetalert.min.js"></script> <link rel="stylesheet" href="https://www.4hou.com/sihou/login/css/sweetalert.css"> <script src="https://www.4hou.com/sihou/js/swiper-bundle.min.js"></script> <script src="https://www.4hou.com/sihou/js/TweenMax.min.js"></script> <script src="https://www.4hou.com/sihou/js/main.js"></script> <style type="text/css"> .navindex li span{ color: #fff!important; } .swiper-pagination-bullet { width: 60px; height: 8px; border-radius: 2px; display: inline-block; background: #ffffff; } .swiper-pagination-bullet-active { background: #ffffff; opacity: 1; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; color: #FF4612; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; color: #FF4612; } .swiper-pagination { text-align: left; margin-left: 10px; } a { text-decoration: none } .t-font-cclor { color: #6C6C6C; } .span-color { color: #6C6C6C; } .white-color { color: #ffffff; } .intro-back-img { background-size: 100% !important; } .contribute-btn a { color: #FF4612; } .loginp a { color: #ffffff; } .logoa { position: relative; } .logoa img { height: 30px; width: 30px; } .member_name_new { padding-right: 1rem; } .nameheader_new { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 7.5rem; display: inline-block; color: #fff; font-size: 1.4rem; text-align: right; overflow: hidden; padding-bottom: 3px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .member_list_new li { display: block; float: none; margin: 0 auto; line-height: 3rem; } .member_list_new { position: absolute; margin-left: 3rem; margin-top: 0.4rem; border: 1px solid #e5e5ec; background-color: #fff; display: none; width: 8rem; text-align: center; border-radius: 3px; z-index: 99 !important; } .nameheader_new a { color: #ffffff; } .member_list_new li a { color: #6C6C6C !important; letter-spacing: 2px; } .nav-bar li a { color: #ffffff; opacity: 0.9; } .nav-bar li a:hover { opacity: 1; font-weight: 400; color: #FF4612; } #triangle-up:hover { border-top: 0.8rem solid #FF4612; } </style> <script> </script> <script> </script> <div class="navigation-bar"> <div class="navigation-bar-center"> <div class="left-logo-wrap"> <a href="https://www.4hou.com"> <img src="https://www.4hou.com/sihou/images/new4hou/newlogoss.png"/> </a> </div> <div class="right-list-wrap"> <ul class="navindex"> <li class=""> <a href="https://www.4hou.com">首页</a> </li> <li class=""> <a href="https://www.4hou.com/corp/newindex" target="_blank">企业中心</a> </li> <li class=""> <a href="https://www.4hou.com/real-time" target="_blank">产业研究院</a> </li> </ul> <div id="input-wrap"> <form action="https://www.4hou.com/search-post"> <input name="keywords" placeholder="输入关键词后请按回车键搜索"/> </form> </div> <img class="search-icon" src="https://www.4hou.com/sihou/images/new4hou/search-icon.png" onclick="$('#input-wrap').width() === 0 ? $('#input-wrap').width('20rem'):$('#input-wrap').width(0)"/> <button class="contribute-button"> <a href="https://www.4hou.com/contribute" target="_blank">投稿</a> </button> <div style="font-size: 1.6rem;color:white;"> <a href="https://www.4hou.com/login" style="color: white;">登录</a> <span>  |  </span> <a href="https://www.4hou.com/register" style="color: white;">注册</a> </div> </div> </div> </div> <div class="nav-noth-bit"> <div class="nav-noth-bit-info"> <ul> <li class="newreadMenue"> <a href="javascript:void(0);">导读 ▾</a> </li> <li> <a style="" href="https://www.4hou.com/newticket" target="_blank">活动</a> </li> <li> <a style="" href="https://www.4hou.com/category/special" target="_blank">专题</a> </li> <li class=""> <a href="https://www.4hou.com/atlas/index" target="_blank">图谱</a> </li> <li class=""> <a href="https://www.4hou.com/new-report-info" target="_blank">报告</a> </li> <li class=""> <a href="https://www.4hou.com/tickets" target="_blank">嘶票</a> </li> <li class=""> <a href="https://www.4hou.com/shop" target="_blank">嘶货</a> </li> <li class=""> <a href="https://www.4hou.com/corp/new-search-company" target="_blank">企业查询</a> </li> </ul> </div> </div> <div class="nav-bar-bit"> <div class="nav-bar-bit-info"> <ul> <li><a href="https://www.4hou.com/category/news" target="_blank">新闻</a></li> <li><a href="https://www.4hou.com/category/industry" target="_blank">行业</a></li> <li><a href="https://www.4hou.com/category/observation" target="_blank">趋势</a></li> <li><a href="https://www.4hou.com/category/people" target="_blank">访谈</a></li> <li><a href="https://www.4hou.com/category/vulnerable" target="_blank">漏洞</a></li> <li><a href="https://www.4hou.com/category/web" target="_blank">WEB安全</a></li> <li><a href="https://www.4hou.com/category/business" target="_blank">业务安全</a></li> <li><a href="https://www.4hou.com/category/system" target="_blank">系统安全</a></li> <li><a href="https://www.4hou.com/category/penetration" target="_blank">内网渗透</a></li> <li><a href="https://www.4hou.com/category/typ" target="_blank">勒索软件</a></li> <li><a href="https://www.4hou.com/category/tools" target="_blank">安全工具</a></li> </ul> </div> </div> <div class="main-body"> <meta name="csrf-token" content="GGzoYKquoZ8SwDRSWWv3WiDi20bEpjG7QKAlSlux"> <link rel="stylesheet" href="https://www.4hou.com/sihou/css/style.css?v=4.1" /> <script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script> <script src="https://www.4hou.com/sihou/js/public.js?v=2"></script> <style type="text/css"> body{ margin: 0 auto; margin-top: 20rem; } .setReads { position: relative; height: 160px; width: 1200px; margin: 0 auto; background: #fff; } .informations { position: relative; display: inline-block; width: 350px; margin-top: 20px; margin-left: 176px; height: 130px; float: left; } .technology { position: relative; display: inline-block; width: 570px; height: 130px; float: left; margin-top: 20px; margin-left: 56px; } .informations h4,.technology h4 { font-size: 18px; color: #333333; display: inline-block; position: relative; padding-left: 0px; line-height: 22px; } .informations h4::before,.technology h4::before { content: " "; display: block; position: absolute; width: 4px; height: 22px; top: 0; left: -22px; background: #eb4f2a; border-radius: 1px; } .list_inav span { display: inline-block; float: left; width: 86px; height: 40px; box-sizing: border-box; padding-top: 10px; text-align: left; } .list_inav { margin-top: 12px; } .list_inav span a { display: inline-block; width: 70px; text-align: left; color: #666666!important; font-size: 14px; } .clearfix::after { content: ""; overflow: hidden; clear: both; display: block; height: 0; } .swiper-container4 { height: 574px; overflow: hidden; } .banner_left div a { height: auto; } .information { border: none; padding-top: 15px; padding-left: 15px; } .information div a { display: block; } /* .swiper-container4{border:1px solid #ffc2ad;position: relative;} */ .avatar_box { width: 100% } .information li p { padding: 5px 28px 5px 24px } .yyjr { height: 100% } .footerlogos { right: 0px !important } #mask { width: 100%; height: 100%; position: fixed; z-index: 25; left: 0px; top: 0px; background-color: rgba(0,0,0,.6); display: none; } .code-box { padding-top: 40px; display: none; } .code-box { width: 500px; height: 270px; background-color: #fff; position: fixed; left: 50%; margin-left: -200px; top: 28%; z-index: 999; border-radius: 5px; box-shadow: 1px 2px 2px rgba(0,0,0,.4); } .formTitle { margin-top: -40px; font-size: 24px; line-height: 65px; color: #fff; text-align: center; background: #ff3c08; border-radius: 5px 5px 0 0; } .succp { color: #999; font: 14px "微软雅黑"; padding: 15px 80px; } .go_band { width: 340px; border: 1px solid #ff3d09; border-radius: 5px; line-height: 40px; color: #fff; text-align: center; background: #ff3d09; margin: 10px 20px; margin-bottom: 32px; margin-left: 80px; } .list-paddingleft-2 li{ list-style-type: disc; margin-left: 20px; } @media screen and (max-width:650px) { .code-box { padding-top: 40px; display: none; } .code-box { width: 97%; height: 240px; background-color: #fff; position: fixed; left: 50%; margin-left: -200px; top: 28%; z-index: 999; border-radius: 5px; box-shadow: 1px 2px 2px rgba(0,0,0,.4); } .formTitle { margin-top: -40px; font-size: 24px; line-height: 65px; color: #fff; text-align: center; background: #ff3c08; border-radius: 5px 5px 0 0; } .succp { color: #999; font: 14px "微软雅黑"; padding: 10px 45px; line-height: 30px; } .go_band { width: 78%; border: 1px solid #ff3d09; color: #fff; background: #ff3d09; margin-left: 45px; } } .yyjr li i { display: block; width: 6px; height: 6px; background-color: #ff4612; border-radius: 50%; position: absolute; margin-top: 9px; } .new_right { width: 100%; float: right; margin-top: -52px; } .new_right_cen { width: 100%; background: #fff; margin-top: 82px; } ::selection { background: #fea283; color: #fff; } ::-moz-selection { background: #fea283; color: #fff; } ::-webkit-selection { background: #fea283; color: #fff; } .new_article { padding: 0 23px; } .new_article_in { border-top: 2px solid #efefef; } .new_article_in>h4 { line-height: 56px; text-align: center; font-size: 16px; color: #333; font-weight: 600; } .new_article_in li { margin-bottom: 15px; } .new_article_in li p { font-size: 14px; color: #333333; line-height: 22px; margin-bottom: 2px; } .new_article_in li span { font-size: 14px; color: #999999; } .see_more { display: block; width: 160px; height: 40px; text-align: center; font-size: 14px; color: #333!important; text-decoration: none!important; line-height: 40px; background: #eeeeee; margin: 0 auto; margin-bottom: 16px; } .sign_s { width: auto; height: 35px; line-height: 35px; text-align: center; border: 1px solid #e5e5e5; background: #f6f6f6; font-size: 14px; color: #333333!important; text-decoration: none!important; border-radius: 2px; margin-right: 8px; display: inline-block; padding: 0 5px; } .sigs { margin-left: 40px; float: left; } .art_time { margin-top: 20px; } .art_time span { display: inline-block; margin-right: 20px; color: #999999; font-size: 14px; } .art_time span.lei { color: #47baea } .article_cen img { } .article_cen strong span { } .intersting { padding: 28px 39px; background: #fff; } .intersting h4 { font-size: 16px; color: #333333; font-weight: 600; position: relative; margin-bottom: 30px; line-height: 18px; padding-left: 14px; } .intersting h4:before { position: absolute; content: " "; display: block; width: 4px; height: 100%; background: #ec4f2a; top: 0; left: 0; } .inters li { float: left; width: 244px; height: 224px; margin-right: 16px; } /*.inters li:nth-child(3n) {*/ /* margin-right: 0px;*/ /*}*/ .inters .img_bla { width: 100%; } .inters .img_bla img { width: 100%; display: block; max-height: 145px; height: auto; } .inters p { font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .inters .textbl { height: 68px; padding: 5px 0; } .review { margin-bottom: 0px!important; } .user-comment span { font-size: 12px; } .user-comment p { margin-top: 14px; font-size: 14px; } .reply .comment-reply-link { color: #ec4f2a; font-size: 14px; } .user-comment .reply { width: 84px; bottom: 23px; } .article_top { position: relative; } .strat { width: 60px; top: 1px; margin-right: 16px; padding-left: 24px; color: #999; font-size: 14px; cursor: pointer; } .article_cen p img { height: auto !important; } .commentlist .children { width: 90%; padding-right: 15px; border-color: transparent; } .commentname,.commenteml { width: 60%; margin-left: 5%; margin-bottom: 30px; border-bottom: 1px solid #dbdbdb; } .article_cen ol li { list-style-type: decimal; } .article_cen ol li p { overflow: inherit; } .commentname label { font-size: 16px; color: #666; margin-right: 10px; line-height: 32px; } .commentname input { width: 50%; border: none; outline: none; } .commenteml label { font-size: 16px; color: #666; margin-right: 10px; line-height: 32px; } .commenteml input { width: 50%; border: none; outline: none; } #zooming { display: none; width: 100%; height: 100%; position: fixed; z-index: 999; left: 0px; top: 0px; background-color: rgba(0,0,0,.6); } .zoomaniatae { display: block !important; } .imgcon { } #imgcon { position: absolute; left: 50%; top: 20%; max-width: 80% } .article_cen img { cursor: pointer; } #zooming { cursor: pointer; } .imgconadimate { animation: imgcon 0.5s 1 forwards; -webkit-animation: imgcon 0.5s 1 forwards; } .article_authorbox { width: 320px; min-height: 214px; padding-bottom: 20px; float: right; position: relative; } .article_author { width: 100%; } .interested { position: relative; } .interested>h1 { font-size: 18px; font-weight: 900; position: absolute; top: -36px; color: #5e5e5e } .user-comment span { font-size: 13px; position: relative; top: 2px; } .article_authoradd { position: fixed; } .stratend { width: 0px; margin-right: 60px; top: 1px; padding-left: 20px; background: url(https://www.4hou.com/sihou/images/starend.png); !important; background-size: contain !important; } .wpfp-span { opacity: 0; width: 100%; height: 100%; display: block; left: 0px; top: 0px; } .wpfp-link { width: 100%; height: 100%; display: block; left: 0px; top: 0px; word-break: keep-all; } .wpfp-span img { display: none; } .interested { width: 100%; padding-bottom: 20px; background-color: #fff; margin-top: 70px; padding-bottom: 10px; padding-top: 10px; border: 1px solid #f5c2b1 } .interested li { width: 100%; position: relative; padding-top: 8px; padding-bottom: 8px; line-height: 24px; padding-left: 20px; padding-right: 14px } .interested li i { width: 6px; height: 6px; border-radius: 50%; background-color: #f63; position: absolute; left: 8px; top: 18px; } .interested li a { color: #666; font-size: 14px; line-height: 18px; } .interested li:hover { background-color: #f9e7e3; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .footer{position: relative; z-index: 99 } .article_authorbox_top { position: relative; } @-webkit-keyframes imgcon { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes imgcon { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .asideanimate { animation: asideanimate 1s 1 forwards; -webkit-animation: asideanimate 1s 1 forwards; position: fixed; } @-webkit-keyframes asideanimate { 0% { opacity: 0; -webkit-transform: translate3d(0,-20%, 0); transform: translate3d(0, -20%, 0) } 50% { opacity: 1 } } @keyframes asideanimate { 0% { opacity: 0; -webkit-transform: translate3d(0,-20%, 0); transform: translate3d(0, -20%, 0) } 50% { opacity: 1 } } .asideanimateleave { animation: asideanimateleave 1s 1 forwards; -webkit-animation: asideanimateleave 1s 1 forwards; } @-webkit-keyframes asideanimateleave { 0% { opacity: 1; -webkit-transform: translate3d(0,0, 0); transform: translate3d(0, 0, 0) } 50% { opacity: 0; -webkit-transform: translate3d(0,-20%, 0); transform: translate3d(0, -20%, 0) } } @keyframes asideanimateleave { 0% { opacity: 1; -webkit-transform: translate3d(0,0, 0); transform: translate3d(0, 0, 0) } 50% { opacity: 0; -webkit-transform: translate3d(0,-20%, 0); transform: translate3d(0, -20%, 0) } } @media screen and (max-width:650px) { .member_list { right: -30px !important; top: 34px !important; } .article_authorbox { display: none; } .nameheader { display: none; } .shang_box { width: 90%; margin-left: -45% } #imgcon { width: 90% !important; margin-left: -45% !important; max-width: inherit !important } .dy { padding: 12px 15px!important; font-size: 14px !important; line-height: 22px !important; } } .article_author { float: none !important; padding-top: 1px; } .article_cen pre { color: #666 !important; line-height: 26px; background-color: #f1f1f1 } .articlecontent blockquote>p { color: #666; font-size: 16px; } .information li { position: relative; margin-bottom: 15px; cursor: pointer; overflow: hidden; } .wpfp-link { width: 100%; height: 100%; display: block; position: absolute; left: -8px; padding-left: 31px; top: 0px; color: #999; } .wpfp-span { opacity: 1; width: 100%; height: 100%; display: block; left: 0px; top: 0px; } .strat { right: 3%; } @media screen and (max-width: 650px) { .intersting { display: none; } } .activeq { height: 20px; background: url(https://www.4hou.com/sihou/images/starend.png)no-repeat; background-position: 0 0; position: absolute; top: 1px; right: 3%; } .show { display: block !important; } .hide { display: none !important; } </style> <div id="modelbg"></div> <script> $("#inNav").children("li").eq(1).children('a').css('color','#ff4612'); $("#spans").css('border-color','#ff4612 transparent transparent'); function isWeiXin(){ //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型 var ua = window.navigator.userAgent.toLowerCase(); //通过正则表达式匹配ua中是否含有MicroMessenger字符串 $(function(){ $.ajax({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, url:"https://www.4hou.com/test-con", type:'get', dataType:"json", data:{ url:"https://www.4hou.com/posts/wy6J",// 注册页面的url } }).done(function(data){ // console.log(data); wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: data.appid, // 必填，公众号的唯一标识 timestamp:data.timestamp, // 必填，生成签名的时间戳 nonceStr: data.nonceStr, // 必填，生成签名的随机串 signature: data.signature,// 必填，签名，见附录1 jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 }); wx.ready(function(){ wx.updateAppMessageShareData({ //分享给朋友 title: '嘶吼专访||蚂蚁集团网络安全部总经理王宇：原生安全范式——变幻维度，向安全本质前进', // 分享标题,可在控制器端传递 desc: '近期，蚂蚁集团网络安全部总经理王宇接受嘶吼专访，结合自身的安全建设实践经验，对“原生安全范式”进行分享。',//分享的描述，可在控制器端传递 link: 'https://www.4hou.com/posts/wy6J', // 分享链接，可在控制器端传递 imgUrl: "https://img.4hou.com/images/33ac7f7c4044baeba5fd234691feeb28.jpg", // 分享图标，可在控制器端传递 success: function() { // 用户确认分享后执行的回调函数 console.log('分享成功'); }, cancel: function() { // 用户取消分享后执行的回调函数 console.log('分享失败'); } }); wx.updateTimelineShareData({ //分享到朋友圈 title: '嘶吼专访||蚂蚁集团网络安全部总经理王宇：原生安全范式——变幻维度，向安全本质前进', // 分享标题,可在控制器端传递 desc: '近期，蚂蚁集团网络安全部总经理王宇接受嘶吼专访，结合自身的安全建设实践经验，对“原生安全范式”进行分享。',//分享的描述，可在控制器端传递 link: 'https://www.4hou.com/posts/wy6J', // 分享链接 imgUrl: "https://img.4hou.com/images/33ac7f7c4044baeba5fd234691feeb28.jpg", // 分享图标，可在控制器端传递 success: function() { // 用户确认分享后执行的回调函数 console.log('分享成功'); }, cancel: function() { // 用户取消分享后执行的回调函数 console.log('分享失败'); } }); }); // 加载失败 wx.error(function(res){ console.log(res); }); }); }); return true; } if(isWeiXin()){ var nod = document.createElement("style"), str = ".small_tip{visibility: hidden;}"; nod.type="text/css"; if(nod.styleSheet){ //ie下 nod.styleSheet.cssText = str; } else { nod.innerHTML = str; //或者写成 nod.appendChild(document.createTextNode(str)) } document.getElementsByTagName("head")[0].appendChild(nod); } </script> <section class="articlewrap"> <article class="articlecontent"> <div class="article_top"> <h1 class="art_title">嘶吼专访||蚂蚁集团网络安全部总经理王宇：原生安全范式——变幻维度，向安全本质前进</h1> <div class="art_time" style="position: relative;"> <span class="sir">嘶吼</span> <a href="https://www.4hou.com/category/people"> <span class="lei">访谈</span> </a> <span>2023-10-30 14:11:24</span> <div class="browser-num"> <span class="eyes"><img src="https://img.4hou.com/article/%E6%B5%8F%E8%A7%88.png" alt=""></span><span>1746818</span> </div> <div id="collect-div" class="strat icons startq"> <span class='wpfp-link' title='收藏' rel='nofollow'>收藏</span> </div> </div> </div> <div class="dy" style="padding:0 30px;"><p style="font-size:14px;color:#999999;line-height: 24px;border-bottom: 1px dashed #dddddd;padding-bottom: 15px;">导语：</span>近期，蚂蚁集团网络安全部总经理王宇接受嘶吼专访，结合自身的安全建设实践经验，对“原生安全范式”进行分享。</p></div> <div class="article_cen">  <p style="text-align: center;"><span style="text-align: center;"><img src="https://img.4hou.com/uploads/ueditor/php/upload/image/20231030/1698646371256106.png" title="1698646371256106.png" alt="王.png"/>蚂蚁集团网络安全部总经理  王宇</span><br/></p><p>“由简入繁”，这是人类社会发展的普遍规律。<br/></p><p>距今40亿年前，生命在海洋中诞生。数十亿年间，随着自然环境的复杂性日趋增强，人类在无数次的演进中，对话自然、顺应自然、战胜自然，于是发展出了今天强大而独特的人体结构。</p><p>在世界发展的进程中，人类是亲历者，而在一次次的经历和沉淀中，人类也成为了规律的总结者与运用者。</p><p> 网络空间，是人类智慧的现代产物，它深刻伴随着人类社会的发展需求和技术能力持续演进。在网络安全产业的发展中，安全人正积极从“由简入繁”的发展规律中探寻本质，提升认知，从人对抗外界复杂性中汲取经验，以此强化网络安全体系对空间和时间复杂性的应对能力。</p><p><span style="font-size: 20px;"><strong>简繁亦然，网络安全防御演进趋势</strong></span></p><p>网络安全防御趋势的演进过程，正是“由简入繁”规律应对的完美体现。蚂蚁集团网络安全部总经理王宇结合自身的安全建设实践经验，阐述了网络安全防御演进的三个趋势：</p><p>第一个趋势，表现为从安全对抗中的单点技术博弈到安全防护的整体协同。王宇谈到，在现代的安全攻防中，传统杀毒软件、防火墙、流量检测等单一技术或产品构建的安全防御，其弊端已被充分暴露。绕过单个安全产品进行攻击，已成为一定经验黑客的基本操作，现阶段单点成熟技术上的深化，其投入产出比相对较低，过度片面追求单点深化往往带来准招维度或结果可解释性的失衡。安全防御的发展趋势体现在从单点技术向多方协同演进。近些年，发展迅猛的XDR，协同各方的安全大脑等理念，其目标都是通过整体协同，尝试还原“事实本身”，提升准确性和决策效率。</p><p>第二个趋势，展现为从边界防御到对纵深防御和身份安全的重视。随着数字化技术的发展，万物皆数、万数上云成为了时代发展的大趋势，接入方式上也表现出随时随地的特点。安全需要面对的威胁不仅来源于外部，也可能发起于企业内部。传统的边界防御思路难以应对现代威胁，而强调纵深防御布局，重视身份安全的建设，强调内部的网络监测、持续访问控制、内部数据和应用安全等，能够给予企业更加全面的保护。</p><p>第三个趋势，展现为从被动防御到主动防御的思路转变。传统意义上的安全防护更像是：防御能力准备好了，静待敌人的攻击，防御水位相对静态。但我们都知道，给定足够的时间，攻击者一定会找到突破点。因此企业如何更主动的前置化拒绝风险，面对威胁进行更加积极主动的预判和对抗前置，协调资源更及时的降低或转移风险是必然的选择。这个过程中，安全友好的基础设施就显得尤为重要，防御体系建设与基础设施间的相互融合无疑会让此处的优势得到强化。</p><p>趋势的演进是时代发展与安全建设需求的客观展现，从单一的技术突破到整体的多方协同，面对愈发复杂的网络威胁，今天的安全，已不止停留于具象化的技术或产品，它更加明确的指导着企业在顶层安全架构与战略设计上的宏观布局，它也逐渐成为了企业数字化转型进程中启动的必要标配。</p><p><span style="font-size: 20px;"><strong>面对复杂，换个维度探寻事物本质</strong></span></p><p>当繁复的混沌出现，如何抽丝剥茧探寻事物本质的规律，维度的转换变得尤为重要。</p><p>公元150年，古希腊天文学家托勒密提出了“地心说”，对天体的运动轨迹进行观察，轨迹是复杂而没有规律的，这也因此成为了人类破解宇宙奥秘的巨大障碍。</p><p>1400年后，波兰天文学家哥白尼开创性的提出“日心说”，自此，行星的运动轨迹被简化成了一个个同心圆，牛顿也在此基础上发现了万有引力。</p><p><span style="font-size: 20px;"><strong>回溯本源，原生安全范式的提出与演进</strong></span></p><p>漫长的时间跨度，同样的宇宙空间，变化的只是人类观察与分析事物的维度。在纷繁变化的网络空间中，蚂蚁集团基于大量实践以及对安全行业深刻的理解，提出了原生安全范式的理念。</p><p>王宇谈到：“区别于具象化的技术和安全能力，原生安全范式本质上来说，是一种方法论，是用于指导企业如何开展安全建设，为企业安全架构设计提供的一种指导思想”，而这一思想正在重塑着现代企业的安全治理思路。</p><p>原生安全范式，包括了NbSP零越范式、OVTP可溯范式、以及ARCP攻击回报范式，分别从机制层、策略层和价值层为企业安全架构提供指导。</p><p>OVTP可溯范式，即“操作者—凭证—可追溯范式”，它回答的是网络安全最本质的如何进行验证问题，即判定访问行为是否合规合理的依据。</p><p>但区别于传统的RBAC模型和零信任等理念，OVTP可溯范式最大的突破在于研判过程中加入了对链路和凭证的考量。王宇举了一个非常形象的例子：“客服小二因工作需求可能会有访问用户信息的权限，但并不意味着可以随时随地任意的进行。访问的原因（如工单驱动），访问的路径（如通过工作电脑使用工作台访问）等，都应该作为判定某次访问是否合规合理的要素”。</p><p>OVTP可溯范式在安全建设者如何进行合理全面的鉴权设计上给予了指引。</p><p>NbSP零越范式则更加关注机制层面的保障。要求确保关键的检查点不可被绕过，其目标是确保系统中的安全机制被强制执行。</p><p>对该范式的理解，王宇将其类比为“机场的安检环节设计，它要求覆盖全面，确保不存在能够直接进入机场内部的如下水道或通风管道等路径的存在”。</p><p>作为对OVTP可溯范式的有效支撑，NbSP零越范式描述了安全防护建设的规划问题，确保所有路径均通过OVTP范式之下的检查链路，从而使得访问得到最大化的安全防护水位。</p><p>ARCP攻击回报范式，主要用于指导网络空间的攻防对抗的有效性评估，引入经济学的投入产出模型，从而在对抗设计中给予更加全面的效果评估维度。</p><p>王宇介绍，该范式是指导安全风险发生时，防御方如何评估对抗效果的一个原则。在实际的对抗中，ARCP范式要求安全防御方在对抗手段与攻击者重入成本之间进行比较。</p><p>在实际的对抗中，防御方暂时对攻击者的某次攻击进行了成功的压制，但攻击者会不断考虑切换新的方式进行重入攻击。是否有效的提升攻击重入成本或者从根源上消灭风险，是企业需要从威胁对抗的方式选择角度重点进行评估的。</p><p><span style="font-size: 20px;"><strong>安全平行切面，落地原生安全范式的有效途径 </strong></span></p><p>范式，归其根本是对实践的原则性指导，而原生安全范式的成功落地，离不开强有力的安全基础设施加持。</p><p>安全平行切面作为面向企业数字生命体的新一代安全基础设施，其成为了现代化数字机构落地原生安全范式的关键技术支撑。</p><p>安全平行切面体系的特色在于从技术层面解决了传统外挂式安全的不足。传统外挂式安全解决问题上如隔靴搔痒，缺乏业务理解，并不能够很好的满足当下的安全防护诉求。安全平行切面提供的“内视”和“精准干预”两种能力，在应急攻防、安全布防、数据安全治理等场景下，有很强的应用场景。“让安全人员的重心回归安全，提供安全创新的基座”，王宇这样评价安全平行切面基础设施。企业安全人员可以快速组合利用切面原子能力进行创新、快速的灰度、部署和落地，而不需要考虑基础的诸如稳定性、资源调度等非专业领域话题，这显著提升了企业应急攻防与安全治理效果，为企业的数字化转型提供坚实保障。</p><p>2022年，“基于安全平行切面的应用安全防御与隐私管控”项目入选国家网安周“网络安全优秀创新成果”；</p><p>2023年，安全平行切面被列为“中国网络安全十大创新方向”之一；同年，安全平行切面联盟正式成立，在产、学、研、用的加速融合中，高效推动切面体系的应用实践与创新升级。</p><p>王宇介绍，“切面技术在蚂蚁集团内部已覆盖超过95%以上的应用，核心链路覆盖更是达到100%。今年安全平行切面完成了3.0新底座能力的升级，有效支撑插件的隔离和调度。同时更新了支撑OVTP范式身份溯源的插件，以实现对访问链路更加高效精准的刻画。“</p><p>谈及原生安全范式未来的发展方向，王宇表示，“首先是要完成对于范式理解的普及，通过大量的案例与理论数据，提升行业对“原生安全范式”的认知；其次是要案例实践，通过多场景的实践来严格验证范式的理论架构；最后是开放，接受不同应用和场景的检验，接受行业的反馈，整合更多方的需求，集合更多人的智慧，共同来推动原生安全范式的发展升级，助力创新安全技术的落地与应用。”</p><p><span style="font-size: 20px;"><strong>结语：</strong></span></p><p>随着数字化进程的不断深入，网络空间的复杂性将愈演愈烈，网络安全威胁的对抗难度也将不断攀升。这是时代飞速发展与技术快速演进的未来必然的趋势，但每一个投身其中的安全人也深知，尽管挑战层出不穷，但机遇也将无边无沿。</p> <div class="foot_description" style="background-color: #fff;"> 如若转载，请注明原文地址 </div> </div> <div class="article_con"> </div> <div class="post-like"> <a id="like-before-btn" data-action="ding" class="favorite show"> <div class="zanbox"> <dd class="zanbefor"></dd> </div> </a> <a id="like-after-btn" data-action="ding" class="favorite postlikeclick done hide"> <div class="zanbox"> <dd class="zanbefor" style="display: none;"></dd> <dd class="zanafter zanafteranimate"></dd> </div> </a> </div> <div class="active_bottom"> <div class="clearfix"> <div class="sigs"> </div> <ul style="float: right;"> <li style=" font-size: 16px;color: #333333;width: 48px; background: #fff;border-radius: 0px; line-height: 25px;margin-right: 12px;">分享至</li> <a class="Sina" href="http://service.weibo.com/share/share.php?url=https://www.4hou.com/posts/wy6J" title="分享到新浪微博" target="_blank"><li class="sinahover"></li></a> <a onclick="dashangToggle('wy6J')" class="friend" title="分享到微信、朋友圈等" target="_blank"><li class="wx"></li></a> </ul> <div class="hide_box"></div> <div class="shang_box"> <a class="shang_close" href="javascript:void(0)" onClick="$('.shang_box').fadeOut()" title="关闭"> <img src="https://www.4hou.com/sihou/images/close.jpg" alt="取消" /></a> <img class="shang_logo" width="120px" src="https://www.4hou.com/sihou/images/logo.png" alt="嘶吼" /> <div class="shang_tit"> <p>感谢您的支持，我会继续努力的!</p> </div> <div class="shang_payimg"> <img id="post-qrcode-img" src="" alt="扫码支持" title="扫一扫" /> </div> <div class="shang_info"> <p>打开<span id="shang_pay_txt">微信</span>扫一扫后点击右上角即可分享哟</p> </div> </div> </div> </div> <script type="text/javascript"> function dashangToggle(id){ $.ajax({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, type:"post", url:"https://www.4hou.com/post-qrcode", data:{ id:id }, dataType:'json', success:function(data){ $('#post-qrcode-img').attr('src', data.message); } }); $(".shang_box").fadeIn(); } </script> <script> var mySwiper = new Swiper('.swiper-container', { direction : 'vertical', pagination : '.swiper-pagination', paginationClickable :true, spaceBetween : 20 }) </script> <div class="review" style="margin-bottom:80px;display:block"> <h3 id="reply-title" class="comment-reply-title">发表评论 <small></small></h3> <p class="comment-form-comment"> <label for="comment">评论</label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" aria-required="true" required="required"></textarea> </p> <p class="form-submit"> <input type="submit" id="submit" class="submit" value="发表评论" /> <input type="text" name="img-code" placeholder="验证码" style="border:1px solid #ff4612;border-radius: 4px;float: right;margin-top: 20px;width: 84px;height: 34px;margin-right: 1%;"> <img id="img-code" src="https://www.4hou.com/captcha/flat?EEzdbvcx" alt="" style="cursor: pointer;float: right;margin-top: 20px;width: 84px !important;height: 34px !important;margin-right: 1%;border-radius: 4px;" onclick="this.src='https://www.4hou.com/captcha/flat?FtNDuZBY'+Math.random()"> <input type='hidden' name='post_id' value="wy6J" id='post_id' /> <input type='hidden' name='parent_id' id='parent_id' value='0' /> <input id="authenticated" type="hidden" value=""> </p> <div class="new-review"> <ol class="commentlist"> </ol> <div class="hr clearfix"> </div> </div> </div> <div style="background: #f6f6f6;padding-top: 18px;"> <div class="intersting"> <h4>你可能感兴趣的</h4> <ul class="clearfix inters"> <li> <a href="https://www.4hou.com/posts/5M3q"> <div class="img_bla"> <img data-original="https://img.4hou.com/images/a3cd10b38eafe7cda1e0e3ade4f4edc3.png" class="wp-post-image"width="259" height="145" /></div> <div class="textbl"> <p class="">盛邦安全董事长权晓文：构建全面完善的安全防护体系迫在眉睫</p> </div> </a> </li> <li> <a href="https://www.4hou.com/posts/gyk9"> <div class="img_bla"> <img data-original="https://img.4hou.com/images/微信图片_20241010160055.jpg" class="wp-post-image"width="259" height="145" /></div> <div class="textbl"> <p class="">嘶吼专访|蚂蚁集团高级技术专家杨洋：以密码为基探循铜锁/Tongsuo的开源之路</p> </div> </a> </li> <li> <a href="https://www.4hou.com/posts/wy6J"> <div class="img_bla"> <img data-original="https://img.4hou.com/images/33ac7f7c4044baeba5fd234691feeb28.jpg" class="wp-post-image"width="259" height="145" /></div> <div class="textbl"> <p class="">嘶吼专访||蚂蚁集团网络安全部总经理王宇：原生安全范式——变幻维度，向安全本质前进</p> </div> </a> </li> <li> <a href="https://www.4hou.com/posts/OXkY"> <div class="img_bla"> <img data-original="https://img.4hou.com/images/微信图片_20230814160721.png" class="wp-post-image"width="259" height="145" /></div> <div class="textbl"> <p class="">嘶吼专访 | 锐服信联创弓睿智：网络安全新方向——元数据定义安全</p> </div> </a> </li> <li> <a href="https://www.4hou.com/posts/DZEK"> <div class="img_bla"> <img data-original="https://img.4hou.com/images/lQDPJxC_NN6tYOjNCBfNDCGw7fuEASDDKdYEvvoKxACpAA_3105_2071.jpg" class="wp-post-image"width="259" height="145" /></div> <div class="textbl"> <p class="">嘶吼专访 | 蚂蚁集团副总裁、首席技术安全官韦韬：原生安全范式“非常道”</p> </div> </a> </li> <li> <a href="https://www.4hou.com/posts/qpZD"> <div class="img_bla"> <img data-original="https://img.4hou.com/images/621c9508bb5c18f162522b82ce35a8a7.png" class="wp-post-image"width="259" height="145" /></div> <div class="textbl"> <p class="">领信数科最新整合，打造新一代数字安全企业</p> </div> </a> </li> </ul> </div> </div> </article>  <aside class="article_authorbox"> <div class="article_authorbox_top"> <div class="article_author"> <div class="article_author_avatar"> <a class="upload-img"> <img alt="" src="https://img.4hou.com/wp-content/uploads/2017/06/7f870371b3fa7e728a96.png " class="avatar avatar-72 photo" height="72" width="72"> </a> </div> <h1 class="article_author_name"> <a href="https://www.4hou.com/member/enZR" class="upload-img" target=_blank>嘶吼</a> <i class="mem_level"></i> </h1> <span class="article_author_type" style="text-align: -webkit-center;"> <p>这个家伙很懒,什么也没说!</p> </span> <div class="new_article"> <div class="new_article_in"> <h4>最新文章</h4> <ul> <li> <a href="https://www.4hou.com/posts/5M3q"><p>盛邦安全董事长权晓文：构建全面完善的安全防护体系迫在眉睫</p></a> <span class="times">2024-11-27 11:34:32</span> </li> <li> <a href="https://www.4hou.com/posts/gyk9"><p>嘶吼专访|蚂蚁集团高级技术专家杨洋：以密码为基探循铜锁/Tongsuo的开源之路</p></a> <span class="times">2024-10-11 12:00:00</span> </li> <li> <a href="https://www.4hou.com/posts/wy6J"><p>嘶吼专访||蚂蚁集团网络安全部总经理王宇：原生安全范式——变幻维度，向安全本质前进</p></a> <span class="times">2023-10-30 14:11:24</span> </li> <li> <a href="https://www.4hou.com/posts/OXkY"><p>嘶吼专访 | 锐服信联创弓睿智：网络安全新方向——元数据定义安全</p></a> <span class="times">2023-08-15 12:00:00</span> </li> </ul> <a href="https://www.4hou.com/member/enZR" class="see_more">查看更多</a> </div> </div> </div> <article class="new_right">  <div class="new_right_cen"> <div class="line"></div> <h1 class="hot">相关热文</h1> <ul class="information"> <li> <i></i> <p><a href="https://www.4hou.com/posts/5M3q">盛邦安全董事长权晓文：构建全面完善的安全防护体系迫在眉睫</a></p> <span style="padding-left: 21px; color: #ccc;">盛邦安全</span> </li> <li> <i></i> <p><a href="https://www.4hou.com/posts/gyk9">嘶吼专访|蚂蚁集团高级技术专家杨洋：以密码为基探循铜锁/Tongsuo的开源之路</a></p> <span style="padding-left: 21px; color: #ccc;">胡金鱼</span> </li> <li> <i></i> <p><a href="https://www.4hou.com/posts/wy6J">嘶吼专访||蚂蚁集团网络安全部总经理王宇：原生安全范式——变幻维度，向安全本质前进</a></p> <span style="padding-left: 21px; color: #ccc;">嘶吼</span> </li> <li> <i></i> <p><a href="https://www.4hou.com/posts/OXkY">嘶吼专访 | 锐服信联创弓睿智：网络安全新方向——元数据定义安全</a></p> <span style="padding-left: 21px; color: #ccc;">平越</span> </li> <li> <i></i> <p><a href="https://www.4hou.com/posts/DZEK">嘶吼专访 | 蚂蚁集团副总裁、首席技术安全官韦韬：原生安全范式“非常道”</a></p> <span style="padding-left: 21px; color: #ccc;">平越</span> </li> <li> <i></i> <p><a href="https://www.4hou.com/posts/qpZD">领信数科最新整合，打造新一代数字安全企业</a></p> <span style="padding-left: 21px; color: #ccc;">平越</span> </li> </ul> </div> </article> </div> </aside> </section> <div id="zooming"> <img src="" id="imgcon"> </div> <input type="hidden" id="post_id" value="21474"> <input type="hidden" id="post_link" value=""> <input type="hidden" id="postuid" value="0"> <input type="hidden" id="status" value=""> <input type="hidden" name="isCollection" value="1"> <script> let authenticated = $('#authenticated').val(); $(document).ready(function() { $('.post-like').click(function () { if(authenticated){ $.ajax({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, type:"post", url:"https://www.4hou.com/post-thumbs-up", data:{ user_id: '0', post_id: 'wy6J', type: '1' }, dataType:'json', success:function(data){ if(data.status_code == 200){ window.location.reload() } } }); }else{ window.location.href= "https://www.4hou.com/login" } }); $("img").attr("title",""); var altcon=$(".art_title").text(); $("img").attr("alt",altcon); // 图片放大 $(".article_cen").find('img').on("click",function(){ var imgsrc=$(this).attr("src"); var winthimg=$(this).width(); var zooming=winthimg*1.2; $("#imgcon").css({width:zooming}); $("#imgcon").css({marginLeft:-zooming/2}); $("#imgcon").attr("src",imgsrc); $("#zooming").addClass("zoomaniatae"); $("#imgcon").addClass("imgconadimate"); }); $("#zooming").on("click",function(){ $("#imgcon").removeClass("imgconadimate"); $("#zooming").removeClass("zoomaniatae"); }); }); $('#collect-div').on('click',function () { if('1'){ sweetAlert('error','您还未登录，请登录后再收藏该文章!','error'); setTimeout(function(){ window.location.href= 'https://www.4hou.com/login' },2000); }else{ $.ajax({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, type: "POST", url: "https://www.4hou.com/post-collection", data: { user_id: '', post_id: 'wy6J', type: $("input[name='isCollection']").val() }, dataType: "json", success: function(data){ if(data.status_code == 200){ if($('#collect-div').hasClass('activeq')){ $('#collect-div').removeClass('activeq'); $('#collect-div').addClass('startq') $('.wpfp-link').text('收藏'); $("input[name='isCollection']").val(1); }else{ $('#collect-div').addClass('activeq'); $('#collect-div').removeClass('startq'); $('.wpfp-link').text('已收藏'); $("input[name='isCollection']").val(0); } } } }); } }); // 发送文章评论 function sendComment(parent_id = 0) { $('#comment').focus() $(" input[name='parent_id']").val(parent_id) } $('#submit').click(function () { var post_id = $("input[name='post_id']").val(); var comment = $("textarea[name='comment']").val(); var parent_id = $("input[name='parent_id']").val(); var img_code = $("input[name='img-code']").val(); if(!authenticated){ sweetAlert('error','您还未登录，请登录后再评论!','error'); setTimeout(function(){ window.location.href= 'https://www.4hou.com/login' },2000); } if(comment.length == 0){ sweetAlert("error", "请填写评论内容！", "error"); return false; } if(comment.length > 100){ sweetAlert("error", "评论内容过长！", "error"); return false; } if(!img_code){ sweetAlert("error", "请填写验证码！", "error"); return false; } $.ajax({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, type:'POST', dataType:'json', data:{ 'post_id': post_id, 'comment': comment, 'parent_id': parent_id, 'img_code': img_code }, url:"https://www.4hou.com/send-comment", success:function (data) { if(data.status_code == 200){ $("#submit").val('正在审核...').attr("disabled",true); sweetAlert("success", data.message, "success"); }else { $('#img-code').attr("src", 'https://www.4hou.com/captcha/flat?s86gj20C'+Math.random()); sweetAlert("error", data.message, "error"); } } }); }); </script> </div> <div class="section-6 col"> <div class="footlinks"> <div class="row space-between links"> <span><a href="https://www.4hou.com/about?title=公司简介" target="_blank">公司简介</a></span> <span>|</span> <span><a href="https://www.4hou.com/about?title=我要投稿" target="_blank">我要投稿</a></span> <span>|</span> <span><a href="https://www.4hou.com/about?title=更新日志" target="_blank">更新日志</a></span> <span>|</span> <span><a href="https://www.4hou.com/about?title=友情链接" target="_blank">友情链接</a></span> <span>|</span> <span><a href="https://www.4hou.com/about?title=隐私政策" target="_blank">隐私政策</a></span> <span>|</span> </div> <div class="row space-between top-share-icons"> <a href="http://weibo.com/u/6069423878" target="_blank"><img src="https://www.4hou.com/sihou/images/new4hou/weibo.png"/></a> <img class="wechartlogo" src="https://www.4hou.com/sihou/images/new4hou/wechat.png"/> <a href="https://zhuanlan.zhihu.com/roartalk" target="_blank"><img src="https://www.4hou.com/sihou/images/new4hou/zhihu.png"/></a> </div> </div> <div class="disclaimer">本站4hou.com，所使用的字体和图片文字等素材部分来源于原作者或互联网共享平台。如使用任何字体和图片文字有侵犯其版权所有方的，嘶吼将配合联系原作者核实，并做出删除处理。</div> <div class="bottom-intro"> <span><a href="https://beian.miit.gov.cn/" target="_blank">©2024 北京嘶吼文化传媒有限公司京ICP备16063439号-1</a></span> <span class="row">本站由 <img src="https://www.4hou.com/sihou/images/new4hou/txcloud.png"/> <img src="https://www.4hou.com/sihou/images/new4hou/bdcloud.png"/> <img src="https://www.4hou.com/sihou/images/new4hou/ucloud.png"/> 提供云计算服务 </span> </div> </div> <aside class="side"> <div class="side_top icons "></div> <div class="iconbox"> <div class="side_wechart icons iconhover"> 微信 <dd></dd> </div> <a href="http://weibo.com/u/6069423878" target="_blank"> <div class="side_webo icons iconhover"> 微博 </div></a> <a href="https://www.4hou.com/feed" target="_blank"> <div class="side_rss icons iconhover"> RSS </div></a> <a href="https://zhuanlan.zhihu.com/roartalk" target="_blank"> <div class="side_zh icons iconhover"> 知乎 </div></a> </div> <div class="side_bottom icons"></div> </aside> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?ac201c14c3d2a4747423252be421e1bc"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); (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); })(); $(".member_name_new").click(function () { $(".member_list_new").toggle(); }); // $('.closebtn').click(function () { // $('.input-search').hide(400); // $('.nav-bar-ul').show(400); // $('.search-btns').show(400); // }) // $('.search-btns').click(function () { // $('.input-search').show(400); // $('.nav-bar-ul').hide(400); // $('.search-btns').hide(400); // }) $(".newreadMenue").click(function () { $(".nav-bar-bit").slideToggle(200); }) // 要操作的元素 const links=document.querySelectorAll('.navindex li a'); //要操作的元素 //遍历a标签集合 links.forEach(link=>{ //将a标签的文本拆分为各个单字 let letters=link.textContent.split(''); //将a标签文本清空 link.textContent=''; //遍历单字集合 letters.forEach((letter,i)=>{ //创建span元素 let span=document.createElement('span'); //设置文本 span.textContent=letter; //设置自定义属性(data-text)，css中可通过attr函数进行调用 span.dataset.text=letter; //计算动画延迟时间并设置 span.style.transitionDelay=i/15+'s'; //追加span元素到a标签 link.append(span); }) }) </script> </body> </html>