CINXE.COM

<meta name="title" content="嘶吼专访|蚂蚁集团高级技术专家杨洋：以密码为基探循铜锁/Tongsuo的开源之路" /> <html lang="zh-CN"> <head></head> <body> <title>嘶吼专访|蚂蚁集团高级技术专家杨洋：以密码为基探循铜锁/Tongsuo的开源之路 - 嘶吼 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="本期嘶吼专访，让我们深度对话蚂蚁集团高级技术专家杨洋：以密码为基探循铜锁/Tongsuo的开源之路。"/> <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> <li class=""> <a href="https://www.4hou.com/recruit" target="_blank">招聘</a><img src="https://www.4hou.com/sihou/images/1561626446625934.png" style="height: 9px;position: absolute;width: auto;top: 20px;" alt=""> </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="nkEteVn0sByki9RrQHSKKdic4tytzJLVlt6qdutr"> <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/gyk9",// 注册页面的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: '嘶吼专访|蚂蚁集团高级技术专家杨洋：以密码为基探循铜锁/Tongsuo的开源之路', // 分享标题,可在控制器端传递 desc: '本期嘶吼专访，让我们深度对话蚂蚁集团高级技术专家杨洋：以密码为基探循铜锁/Tongsuo的开源之路。',//分享的描述，可在控制器端传递 link: 'https://www.4hou.com/posts/gyk9', // 分享链接，可在控制器端传递 imgUrl: "https://img.4hou.com/images/微信图片_20241010160055.jpg", // 分享图标，可在控制器端传递 success: function() { // 用户确认分享后执行的回调函数 console.log('分享成功'); }, cancel: function() { // 用户取消分享后执行的回调函数 console.log('分享失败'); } }); wx.updateTimelineShareData({ //分享到朋友圈 title: '嘶吼专访|蚂蚁集团高级技术专家杨洋：以密码为基探循铜锁/Tongsuo的开源之路', // 分享标题,可在控制器端传递 desc: '本期嘶吼专访，让我们深度对话蚂蚁集团高级技术专家杨洋：以密码为基探循铜锁/Tongsuo的开源之路。',//分享的描述，可在控制器端传递 link: 'https://www.4hou.com/posts/gyk9', // 分享链接 imgUrl: "https://img.4hou.com/images/微信图片_20241010160055.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">嘶吼专访|蚂蚁集团高级技术专家杨洋：以密码为基探循铜锁/Tongsuo的开源之路</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>2024-10-11 12:00:00</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>443099</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>本期嘶吼专访，让我们深度对话蚂蚁集团高级技术专家杨洋：以密码为基探循铜锁/Tongsuo的开源之路。</p></div> <div class="article_cen">  <p style="text-align:center"><img src="https://img.4hou.com/uploads/ueditor/php/upload/image/20241010/1728547380810387.jpg" title="1728547362195254.jpg" alt="微信图片_20241010160055.jpg"/></p><p style="text-align: center;"><span style="font-size: 14px;">杨洋铜锁开源密码库创始人、蚂蚁集团高级技术专家</span><br/></p><p>当下，我们时刻处在数据与信息爆炸的时代。每一秒，海量的数据在网络空间中诞生、流转、存储、消亡……作为第五大关键的生产要素，数据不仅承载着重要的信息，也被其背后的个人、组织赋予了重要的价值。</p><p>近年来，随着等保制度在我国的深入推进，云原生背景下，基于数据加密的监管要求，密码学在数据安全保护中的应用与创新逐步呈现出“场景多样、需求陡增、要求提升”的整体态势。</p><p>2019年，为应对云原生时代下Secret管理的新挑战，弥补当时国内自主可控型数据安全产品的缺失，蚂蚁集团在内部产品的基础上，重磅推出了铜锁开源密码库——作为一个提供现代密码学算法和安全通信协议的开源基础密码库，“铜锁”为存储、网络、密钥管理、隐私计算等诸多业务场景提供了底层的密码学基础能力，同时实现了数据在传输、使用、存储等过程中的私密性、完整性和可认证性，为数据生命周期中的隐私和安全提供了坚实的保护能力。</p><p><strong>本期嘶吼专访，让我们深度对话铜锁开源密码库创始人、蚂蚁集团高级技术专家杨洋，一起来循迹铜锁的云原生数据安全护航路</strong>。</p><p><span style="font-size: 20px;"><strong>百家征“名”——以东方韵意守护数据安全</strong></span></p><p style="text-align:center"><span style="font-size: 20px;"><strong><img src="https://img.4hou.com/uploads/ueditor/php/upload/image/20241010/1728552485454212.png" title="1728552485454212.png" alt="微信图片_20241010171127.png"/></strong></span></p><p>“铜锁”，起初并不叫这个名字，当时作为一款仅服务于蚂蚁集团内部的产品，“铜锁”只拥有一个项目代号。而随着项目的持续发展，团队发现不仅集团内部已对该项目形成了巨大的业务依赖，同时业界对于国密合规与前沿密码学技术的应用也存在着极大需求。于是，始终奉行“科技普惠”战略的蚂蚁集团，将原有的项目进行了开源。</p><p>开源后的项目社区发展迅速，用户量激增，生态迅速建立，而原始的项目代号已无法再肩负整个社区更大的目标和使命，于是集团启动了项目名称的征集，“铜锁”一名也从众多的创意中脱颖而出。</p><p>杨洋介绍：“现实中的铜锁诞生于中国汉代，距今已有2000多年的历史。铜锁这个名字不仅具有极强的东方色彩，同时锁头所象征的安全寓意又与我们产品本身的特性十分贴切。”</p><p>依托“铜锁”的名字，“适应场景广、性能强、可靠性高、监管合规”的产品性能被完美诠释，同时也将密码库以“成为信息安全领域重要的基础组件、中国网络空间安全与数据安全核心基础元素”的发展愿景蕴藏其中，让东方的浪漫与现代的科技交织融合。</p><p><span style="font-size: 20px;"><strong>“监+管”集中化——铜锁，精准直面云原生下的数据与密码危机</strong></span></p><p>随着云原生发展趋势的不断演进， IT基础设施的建设愈发完善，由此也带来了应用在部署层面“自动化程度升高、部署效率提升、系统复杂度增强”的改变，从而让传统意义上安全的边界被放得更大。</p><p>杨洋表示：“网络安全技术是无法分割于主流的信息技术发展潮流而独立存在的，信息技术快速发展，网络安全技术也随之需要不断更新和升级。安全技术已从传统的安全防护上升到了新的高度。”</p><p>区别于传统的Secret管理，云原生下的安全服务已由单一服务向微服务转变，资源的使用也逐渐从静态转向动态。此时，数据信息规模化与碎片化的挑战更为显著，也因此导致了Secrets sprawl问题的频发。而究其根本原因，是没有使用统一的管理系统。</p><p>于是，面对云原生资源的动态使用和Secret类型的多样化特点，铜锁采用了一套“中心化的机密信息管理系统”，以集中化的方式监控并管理所有使用敏感信息的环节，并将该系统与云原生业务系统深度融合。在该理念的推动下，铜锁开源社区下的核心项目RustyVault正式启动。</p><p><span style="font-size: 20px;"><strong>RustyVault，一个用Rust语言编写的Vault替代</strong></span></p><p>作为一款基于Rust语言开发的自主创新型Secret管理系统，RustyVault继承了传统KMS能力与云原生密钥管理能力，同时基于铜锁项目，提供了前沿密码学算法的功能与硬件加速的能力，可为传统数据中心、云计算、云原生、Web3等领域面临的数据安全风险挑战提供安全、可靠、高效且合规的解决方案。</p><p>该系统刻意采用Rust语言进行开发，也充分体现出研发团队对产品安全与性能的双重重视。Rust语言具有内存安全、线程安全等特性，内存安全属性的强限制，使程序出错的可能性变小，能够有效防止常见的安全漏洞，从而降低后期排查内存问题的成本。同时，Rust的FFI效率较高，可以充分利用现有的密码学底层模块以实现高效的密码学算法，高性能的特点极大地满足密码学运算对于速度和效率的要求。</p><p><strong><span style="font-size: 18px;">区别于传统的机密信息管理系统，RustyVault展现出三大优势特性</span></strong>：</p><p><strong>一是融合性</strong>。RustyVault在设计之初就将与云原生体系紧密融合作为一个重要的研发考量维度，因此实现了该系统与云原生基础设施，如：Kubernetes的无缝集成，这也使得在云原生环境下，产品自身的密码学性能得到了更好地发挥，从而能够为数据安全提供更为坚实的保障。</p><p><strong>二是简约性</strong>。杨洋表示，在长期的实践中，团队发现产品架构越简单，用户越容易上手，也更容易被用户接受。碎片化已成为云原生时代的重要特征，安全服务的需求更为具象，量级也更加轻巧，因此产品的设计也需要更加简约，甚至是进一步的降低整个系统和产品的运维成本。</p><p><strong>三是合规性</strong>。基于密码学特殊的行业特点，在全世界的任何国家和地区，密码学都处于一个强监管的状态。因此项目在启动之初，便将政府方面的监管与合规要求考虑在先，并将其作为重要的功能性来设计。因此产品在充分满足各层级监管要求的同时，也能够帮助用户解决他们自身在系统使用过程中的合规问题。</p><p style="text-align:center"><img src="https://img.4hou.com/uploads/ueditor/php/upload/image/20241010/1728552512167187.png" title="1728552512167187.png" alt="微信图片_20241010171138.png"/></p><p><strong>RustyVault的问世，一方面能够对整个社会的安全水位起到重要的提升作用，填补市场上同类型安全基础设施的空白，同时其开源的方式也将有效降低用户在同类型产品上的建设与开发成本，真正实现降本增效</strong>。</p><p>目前，<strong>RustyVault可应用于包含：加密通信、数据存储、身份验证等在内的多种场景</strong>。在采访中，杨洋分享了RustyVault与minIO开源产品的合作故事，具象的介绍了在电信行业内，用户如何通过使用RustyVault更加便捷地实现安全的数据传输和存储，以确保关键信息不被泄漏或篡改。</p><p><span style="font-size: 20px;"><strong>合力共为拥抱开放原子开源基金会</strong></span></p><p>铜锁项目现已捐赠给开放原子开源基金会（以下简称“开源基金会”），谈及开源及捐赠的目的，杨洋表示：“保持开源，旨在促进密钥管理的安全性与透明度，通过开源，项目团队可以吸引更多的开发者、优质资源、资金链融入其中，共同完善和优化密钥管理的解决方案，提升社区与产品的可靠性、稳定性；而实施捐赠，是为了提升铜锁的中立性与安全性，将过去由单一公司控制的形式转换为群策群力，融多方之智的共创模式，来促进产品的多样化发展，实现技术在多领域的普惠与落地。”</p><p>由于密码学属于研发密集型与理论密集型兼具的特殊行业，单纯依靠一方力量往往会在学术领域出现明显的短板，因此与开源基金会的合作为铜锁的研发与创新应用提供了坚实的学术理论支撑。在“基金会”的引荐下，铜锁团队与国内一批头部的科研院校达成合作，由高校与科研机构为产品提供理论指导，由蚂蚁集团及开源社区共同完成理论的转化与落地，目前两方的共创合作已收获了良好的结果。</p><p>而铜锁，也在双方持续的合作中积极参与开源基金会组织的年度开发大会重要等活动，反哺基金会的发展，依托双方的并肩前行，共同推动整个密码学产业创新应用的发展。</p><p><span style="font-size: 20px;"><strong>百模大战·数据安全成为永恒话题</strong></span></p><p>百模大战的时代背景下，数据的用量极增，使用场景也愈发多样。面对海量的数据流，如何保障全生命周期的数据安全，RustyVault从中也发挥着更为重要的作用。</p><p>“大模型时代下数据安全的问题会更加突出，因为我们会用大量的数据对大模型进行训练，这个过程就需要对数据的传输和存储过程进行加密，来保护敏感信息不被泄漏”。杨洋如是说道。</p><p><span style="font-size: 20px;"><strong>专注行业驱动发展跃新峰</strong></span></p><p>现阶段，由于互联网行业发展迅速，与现有国家标准之间存在差异所造成的“难以完全满足数据在不同阶段、不同场景下的安全需求”。是众多企业正面临的棘手问题，铜锁也不例外。</p><p>为了解决技术标准与开源社区发展的现实难点，铜锁积极参与国内外技术标准化工作。杨洋谈道”如何用更好的技术手段去重新定义更加科学、合理的技术标准，加快行业迭代步伐，是铜锁未来发展要做的事情。”</p><p>据杨洋透露，铜锁目前已加入中关村网络安全与信息化产业联盟国产OS商用密码应用专业委员会，重点参与国产操作系统密码子系统接口体系技术标准化工作，预计2024年年底将完成部分成型的技术标准化文档出台。</p><p><span style="font-size: 20px;"><strong>结语：</strong></span></p><p>乘势而为，数字化浪潮中，数据的安全性受到了前所未有的重视。铜锁之下，基于密码学的各类项目也在不断地优化、迭代，而作为一个开源的社区，以开放的姿态，举多方之力，汇多方之智，夯实密码学理论支撑，攻坚数字技术，以科技普惠服务实体经济。</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/gyk9" title="分享到新浪微博" target="_blank"><li class="sinahover"></li></a> <a onclick="dashangToggle('gyk9')" 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?6lyxL4Td" 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?SzK54L6B'+Math.random()"> <input type='hidden' name='post_id' value="gyk9" 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/images/微信图片_20231102150249.jpg" class="avatar avatar-72 photo" height="72" width="72"> </a> </div> <h1 class="article_author_name"> <a href="https://www.4hou.com/member/BVMN" class="upload-img" target=_blank>胡金鱼</a> </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/BVMN" 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: 'gyk9', 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: 'gyk9', 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?Gza39wRy'+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>