CINXE.COM

塑造网络安全行业未来格局的九大技术趋势 - 嘶吼 RoarTalk – 网络安全行业综合服务平台,4hou.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"/> <!--[if lt IE 11]> <script src="/sihou/js/html5shiv.min.js"></script> <script src="/sihou/js/respond.js"></script> <![endif]--> <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>&nbsp;&nbsp;|&nbsp;&nbsp;</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);">导读&nbsp;▾</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="4OojMaLrm6N3uyWBGtJKsowrKt3cD0Sp9G0RQvdB"> <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/4vqn",// 注册页面的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/4vqn', // 分享链接,可在控制器端传递 imgUrl: "https://img.4hou.com/images/1694401238149205.png", // 分享图标 ,可在控制器端传递 success: function() { // 用户确认分享后执行的回调函数 console.log('分享成功'); }, cancel: function() { // 用户取消分享后执行的回调函数 console.log('分享失败'); } }); wx.updateTimelineShareData({ //分享到朋友圈 title: '塑造网络安全行业未来格局的九大技术趋势', // 分享标题,可在控制器端传递 desc: '技术在不断发展,最狡猾的网络犯罪分子采用的策略和战术也在不断发展。',//分享的描述,可在控制器端传递 link: 'https://www.4hou.com/posts/4vqn', // 分享链接 imgUrl: "https://img.4hou.com/images/1694401238149205.png", // 分享图标 ,可在控制器端传递 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/attitude"> <span class="lei">话题</span> </a> <span>2023-09-15 12:33: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>1368051</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>技术在不断发展,最狡猾的网络犯罪分子采用的策略和战术也在不断发展。在这场永无休止的较量中,企业和个人都必须保持领先一步,以保护自己的数据和隐私。<br/></p><p>但这一切对贵企业意味着什么?密切关注未来的技术趋势将有助于贵企业的安全措施适应未来。毕竟,趋势技术正以几种令人惊讶的方式塑造网络安全未来格局。</p><p><span style="font-size: 20px;"><strong>新技术在如何改变网络安全以及网络安全在如何改变新技术?</strong></span></p><p>不断发展的技术是一把双刃剑。一方面,网络威胁正变得越来越复杂,利用人工智能和物联网等新兴技术渗入到系统。另一方面,同样的技术进步也为夯实网络安全提供了强大的工具。</p><p>简而言之,随着威胁形势不断演变,网络安全也必须与时俱进。5G、机器人流程自动化和生成式人工智能等技术的迅猛发展带来了挑战和机遇。比如说,5G的广泛采用扩大了攻击面,为网络犯罪分子提供了更多的入口点。</p><p>与此同时,随着人们在网上分享越来越多的个人信息,从身份盗窃到大规模攻击的网络威胁也在增多。社交媒体平台上的个人数据唾手可得,因此个人很容易受到网络钓鱼攻击。因此,现在是时候更全面地了解贵企业如今可能面临的最大的安全威胁了。</p><p>继领英和万豪国际等大公司遭到严重入侵之后,企业界已开始实施强有力的网络安全措施。其中一些措施包括增强病毒检测、减少误报以及针对不断发展的威胁加强防御能力。</p><p>技术与网络安全之间有着错综复杂的相互作用,跟上这一不断变化的环境是确保我们数字化未来安全的关键。</p><p><strong>1. 物联网</strong></p><p>物联网正成为一股变革性力量,连接无数设备,并彻底改变我们的生活和工作方式。物联网设备的增长令人印象深刻,增强了全球范围内连接性,并简化了复杂的业务流程。</p><p>遗憾的是,物联网设备的兴起带来了一系列网络安全问题。目前,我们看到针对物联网设备的网络攻击激增,边缘计算设备的广泛使用和云生态系统的普遍影响更是加剧了这种情况。</p><p>这个庞大生态系统中最薄弱的几个环节包括:未加密的个人数据、硬编码的密码、未经验证的软件更新以及无线通信漏洞等。5G网络与物联网的融合加剧了这种复杂性,增强互连性的同时扩大了攻击面。</p><p>作为回应,企业界正在积极研究先进的5G技术和解决方案,以加强防御和应对数据泄露。</p><p><strong>2. 量子计算</strong></p><p>量子计算有望改变世界,充分利用量子力学的奇异定律(如叠加和纠缠),以执行以前无法想象的计算任务。它在解决复杂问题和处理多个来源的数据方面大有潜力。</p><p>然而,巨大潜力伴随着巨大责任。量子计算机有望破解当前的加密方法,对数据安全构成严重的威胁。健康和财务信息等敏感的用户数据、甚至支持加密货币的基础密码学都可能面临风险。</p><p>随着越来越多的企业继续投身于这一激动人心但具有挑战性的技术趋势,网络安全必须重塑自我,以跟上新的安全风险。</p><p><strong>3. 人工智能</strong></p><p>人工智能和机器学习永远处于改变网络安全界的最前沿。虽然人们对它们升级改造网络安全的潜力持非常乐观的态度,但也越来越担心它们带来的风险。</p><p>从好的方面来看,人工智能和机器学习正在推动多个行业领域的创新,包括医药、交通,当然还有网络安全行业。这些技术使网络安全专业人员能够通过改善威胁检测和响应来保持领先地位。它们分析大量的数据,识别异常情况,并在潜在的安全泄密发生之前进行预测。</p><p>但同样的人工智能和机器学习也可能被网络犯罪分子用来制造更复杂的网络威胁。这些技术让恶意软件可以快速完善,从而使企业更难检测和应对攻击。</p><p>随着人工智能和机器学习不断发展,企业的防御也必须能够防范更狡猾的对手。</p><p><strong>4. 区块链技术</strong></p><p>区块链最初是为安全的加密货币交易而设计的,它的去中心化特性和加密原则使其成为保护数据、交易和身份验证的绝佳助手。</p><p>区块链对网络安全贡献的核心在于其不变性。一旦数据被记录在一个块中并添加到链中,它就变得几乎不可能改变。这可以确保敏感信息(比如交易记录)无法被篡改。在数据泄露和未经授权访问司空见惯的环境下,这种不变性成为了一种强大的防御机制。</p><p>区块链是一种分散的计算机网络,通过消除集中式漏洞重新定义了网络安全范式。这种结构将数据分散到多个节点上,大大降低了遭到泄密的可能性。此外,区块链可以通过提供统一、安全的身份确认平台来增强身份验证和隐私保护,而不会暴露敏感数据。在这里,用户可以控制自己的信息,降低身份被盗的风险。</p><p>不过需要克服可扩展性、能耗和监管问题等挑战。</p><p><strong>5. 零信任安全模型</strong></p><p>零信任模型的核心原则是,无论用户或设备是在企业边界内还是在企业边界外,一概不予信任。与基于边界的传统方法不同,零信任安全要求对信任进行持续验证,依赖用户行为、设备健康状况和实时风险评估等因素。</p><p>通过丢弃授予用户和设备的默认信任,企业可以降低内部威胁和可疑活动的风险。这种主动式方法确保根据正在进行的验证来调整访问权限,从而减小泄露的影响。零信任原则的核心要素是高级身份验证方法、全天候监控和可靠的加密。</p><p><strong>6. 云计算和安全</strong></p><p>随着云计算日渐得到采用,数据存储和可访问性方面的情况也出现了变化。许多企业因云的可扩展性和成本效益而欣然接受它,但这也带来了需要考量的重大安全问题。</p><p>身份和访问管理(IAM)在云安全方面起到了重要作用。这类解决方案使企业能够管理用户身份,并控制对云资源的访问。IAM借助强大的身份验证和授权机制,确保只有经过授权的人员才能访问敏感数据。</p><p>加密是云安全的另一块基石,因为它确保即使发生了未经授权的访问,信息也无法被破译。</p><p>在这个远程工作大行其道的时代,云安全比以往任何时候更加重要。当员工从不同的位置和设备访问数据时,虚拟专用网络(VPN)和安全访问服务边缘(SASE)解决方案可以确保数据即使在企业网络的外面照样受到保护。</p><p><strong>7. 5G技术</strong></p><p>5G即第五代无线网络凭借诸多优点开创了一个新时代:闪电般的互联网速度、更低的延迟以及支持大量的联网。然而,它也引发了网络安全方面的担忧。</p><p>首先,联网设备的庞大数量会导致攻击面急剧扩大。随着进入网络和系统的入口点越来越多,网络犯罪分子找到了利用漏洞的温床。入口点不再只是笔记本电脑和智能手机,还有联网城市、自动驾驶汽车和关键基础设施。</p><p>此外,5G网络的超高速意味着数据可以在短短几毫秒内被拦截、被篡改或被窃取。此外,严重依赖5G连接的物联网设备遍地开花,这带来了新的安全问题。</p><p><strong>8. 元宇宙的崛起</strong></p><p>元宇宙的诞生带来了一系列错综复杂的挑战。一大隐忧就是如何保护虚拟资产。在元宇宙中,用户投入时间和资源,以获取从虚拟房地产到游戏内资产的各种数字财产。由于这些资产具有实际价值,这使得它们成为网络犯罪分子的诱人目标。</p><p>随着元宇宙用户沉浸在身临其境的数字体验中,身份欺诈的可能性达到了顶峰。网络犯罪分子可能利用用户配置文件中的漏洞,未经授权访问个人信息,甚至冒充真实用户。因此,如果没有强大的身份验证机制及其他类似措施,元宇宙将继续是一大风险来源。</p><p><strong>9. 行为生物特征识别技术</strong></p><p>这种先进的网络安全技术深入研究个人用户行为的细微之处,以加强身份验证和安全措施。</p><p>有别于传统的身份验证方法通常依赖静态凭据,比如密码、密码短语或PIN,行为生物特征识别技术分析动态的、特定于用户的特征。这包含各种各样的行为,从击键节奏、鼠标移动到触摸屏手势和人们手持智能手机的方式,不一而足。</p><p>虽然这种级别的个性化增添了一道强大的安全层,但也有其缺点,包括隐私问题和容易出现误报/漏报,这些技术挑战给网络安全带来了影响。</p><p>由于我们的数字领域在不断变化,及时洞察威胁是我们保持安全可靠的唯一方法。在不断发展的网络安全世界中,拥抱这些技术趋势对于确保我们未来的网络安全至关重要。</p> <div class="foot_description" style="background-color: #fff;"> 本文翻译自:https://www.makeuseof.com/top-technology-trends-shaping-cybersecurity-future/如若转载,请注明原文地址 </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/4vqn" title="分享到新浪微博" target="_blank"><li class="sinahover"></li></a> <a onclick="dashangToggle('4vqn')" 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?R8994jnh" 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?ztBuE9mW'+Math.random()"> <input type='hidden' name='post_id' value="4vqn" 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">&nbsp;</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/4vqn"> <div class="img_bla"> <img data-original="https://img.4hou.com/images/1694401238149205.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/m0Vr"> <div class="img_bla"> <img data-original="https://img.4hou.com/images/23123.webp.jpg" class="wp-post-image"width="259" height="145" /></div> <div class="textbl"> <p class="">容易成为勒索软件攻击目标的13个行业</p> </div> </a> </li> <li> <a href="https://www.4hou.com/posts/YYVY"> <div class="img_bla"> <img data-original="https://img.4hou.com/images/1687906166154592.png" class="wp-post-image"width="259" height="145" /></div> <div class="textbl"> <p class="">如何揪出贵企业网络中的Cl0p勒索软件?</p> </div> </a> </li> <li> <a href="https://www.4hou.com/posts/9Xlx"> <div class="img_bla"> <img data-original="https://img.4hou.com/images/发发发.webp.jpg" class="wp-post-image"width="259" height="145" /></div> <div class="textbl"> <p class="">企业应重视员工使用 ChatGPT 带来的安全风险</p> </div> </a> </li> <li> <a href="https://www.4hou.com/posts/XVvo"> <div class="img_bla"> <img data-original="https://img.4hou.com/images/9abfeac4e8c2e4bc1f337d2182910d30.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/2JMM"> <div class="img_bla"> <img data-original="https://img.4hou.com/images/27adb529b67657a5fc50f30bfd7463d8.jpg" 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/portraits/10321ac81c30432685d31a710b4220de.jpg" class="avatar avatar-72 photo" height="72" width="72"> </a> </div> <h1 class="article_author_name"> <a href="https://www.4hou.com/member/VGrO" class="upload-img" target=_blank>布加迪</a> </h1> <span class="article_author_type" style="text-align: -webkit-center;"> <p>IT英汉译匠,字典迷(尤爱英汉字典),酷爱羽毛球</p> </span> <div class="new_article"> <div class="new_article_in"> <h4>最新文章</h4> <ul> <li> <a href="https://www.4hou.com/posts/4vqn"><p>塑造网络安全行业未来格局的九大技术趋势</p></a> <span class="times">2023-09-15 12:33:00</span> </li> <li> <a href="https://www.4hou.com/posts/m0Vr"><p>容易成为勒索软件攻击目标的13个行业</p></a> <span class="times">2023-09-14 11:40:00</span> </li> <li> <a href="https://www.4hou.com/posts/YYVY"><p>如何揪出贵企业网络中的Cl0p勒索软件?</p></a> <span class="times">2023-07-02 11:33:00</span> </li> <li> <a href="https://www.4hou.com/posts/9Xlx"><p>企业应重视员工使用 ChatGPT 带来的安全风险</p></a> <span class="times">2023-03-30 11:00:00</span> </li> </ul> <a href="https://www.4hou.com/member/VGrO" 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/4vqn">塑造网络安全行业未来格局的九大技术趋势</a></p> <span style="padding-left: 21px; color: #ccc;">布加迪</span> </li> <li> <i></i> <p><a href="https://www.4hou.com/posts/m0Vr">容易成为勒索软件攻击目标的13个行业</a></p> <span style="padding-left: 21px; color: #ccc;">小二郎</span> </li> <li> <i></i> <p><a href="https://www.4hou.com/posts/YYVY">如何揪出贵企业网络中的Cl0p勒索软件?</a></p> <span style="padding-left: 21px; color: #ccc;">布加迪</span> </li> <li> <i></i> <p><a href="https://www.4hou.com/posts/9Xlx">企业应重视员工使用 ChatGPT 带来的安全风险</a></p> <span style="padding-left: 21px; color: #ccc;">丝绸之路</span> </li> <li> <i></i> <p><a href="https://www.4hou.com/posts/XVvo">知道手机投屏可以看剧,不知道还能被用来窃取隐私!</a></p> <span style="padding-left: 21px; color: #ccc;">360反诈中心</span> </li> <li> <i></i> <p><a href="https://www.4hou.com/posts/2JMM">披露!币圈空投黑吃黑“脏”手段,“偷家”这招儿真有你的</a></p> <span style="padding-left: 21px; color: #ccc;">360反诈中心</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: '4vqn', 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: '4vqn', 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?QkwIqXGQ'+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">&copy;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>

Pages: 1 2 3 4 5 6 7 8 9 10