你不知道的web前端那些事，web前端要学习的知识有很多，前端基础要学习三个部分：HTML，CSS，JavaScript（简称JS），因此首先明确三个概念：HTML负责结构，网页想要表达的内容由html书写。 CSS负责样式，网页的美与丑由它来控制JS负责交互，用户和网页产生的互动由它来控制。
第一、学好基础知识，做一个基础扎实的开发者。在IT行业，每年都会有很多新的技术诞生并且得到广泛的推广，前端技术也不例外。所以无论学到多深的程度，扎实的基本功肯定是必不可少的。
（1）HTML：尽量掌握尽可能多的标签，必须掌握的标签有：、
、
、<body>、<h1>、<p>、<a>、<img>、<table>、<tr>、<td>、<th>、<form>、<input>、<select>、<option>、<textarea>、<div>、<span>、<script>、<link>、<meta>、<style>、<hr>、<br>等等。当然还有很多比较少用的标签，例如<lable><address><var>等，这些虽然平时比较少用甚至几乎不用，但是当你学到Boostrap框架时，你会发现Boostrap框架为这些标签赋予了特定的功能与外观。除此之外，新增了很多标签和属性，使得HTML语言更加强大。</p><p>（2）CSS：对各个属性以及一些属性之间结合使用的技巧应该多钻研。CSS能够统一有效地对页面的布局、字体等网页中的各个元素显示属性进行控制，可以方便快捷地实现精美的页面表现效果。</p><p>（3）CSS+div布局模式：许多布局模式的基础，也是大部分前端<a style="color:#333;" target="_blank" href="/soso.php?keyname=开发">开发</a>人员接触到的第一种布局方式。这种布局模式对于PC端页面的设计是非常有帮助的，同时对于后面将会遇到的“移动端布局”、“响应式布局”等，这种布局方式都具有一定的指导意义。</p><p>第二、将JavaScript作为前端学习的重点。JavaScript是目前大多数主流浏览器支持的面向对象的脚本语言，它可以在不与服务器交互的前提下对HTML的页面内容进行修改。JavaScript控制着网页的行为，决定着网页“做什么”。</p><p>第三、多练习多操作，实践是检验真理的唯一标准。IT编程是需要多加实践的，要不断反复进行上机操作，是学习编程开发的唯一方法。</p><p>第四、多归纳总结，透过现象看本质，前端需要学习的东西很多，知识点比较杂，如何记忆呢？这就需要大家多多归纳总结，例如可以把一些常用的代码写法记录下来。</p><p>欢迎大家在评论区评论留言，千锋重庆<a style="color:#333;" target="_blank" href="/soso.php?keyname=web">web</a>前端小编会及时给大家解答疑惑的</p><p><br/></p>
</div>
<div class="details-statement">声明：该文章版权归原作者所有，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与本网联系。</div>
<div class="ctt-padding-3">
<div class="ctt-pacgtimes">
<div class="onegg">您阅读这篇文章花了<span style="font-weight: bold;font-size: 16px;">0</span>秒</div>
<div class="twogg">
<div>转发这篇文章只需要<em>1秒钟</em>哦</div>
</div>
</div>
</div>
<div class="ctt-padding-3">
<div></div>
</div>
<div>
<div class="article-sharing-box clearFix">
<div class="sharing-left clearFix">
<span><font color="red">5</font>人分享了该篇文章：</span>
<div class="sharing-pic">
<a href="/user/1701897" target="_blank" title="@@9yDgM"><img src="https://img2.ctoutiao.com/uploads/avatar/001/70/18/97.jpeg@!70x70" alt="@@9yDgM"></a>
<a href="/user/1702903" target="_blank" title="@@9yDgM"><img src="https://img2.ctoutiao.com/uploads/avatar/001/70/29/03.png@!70x70" alt="@@9yDgM"></a>
<a href="/user/1701371" target="_blank" title="@@9yDgM"><img src="https://img2.ctoutiao.com/uploads/avatar/001/70/13/71.jpeg@!70x70" alt="@@9yDgM"></a>
<a href="/user/1701318" target="_blank" title="@@9yDgM"><img src="https://img2.ctoutiao.com/uploads/avatar/001/70/13/18.jpeg@!70x70" alt="@@9yDgM"></a>
<a href="/user/1702447" target="_blank" title="@@9yDgM"><img src="https://img2.ctoutiao.com/uploads/avatar/001/70/24/47.jpg@!70x70" alt="@@9yDgM"></a>
</div>
</div>
<div class="sharing-right clearFix" >
<span id="shares_icon">分享至：</span>
<div class="sharing-ic iconwx">
<img src="/api/qrcode.php?text=http%3A%2F%2Fwww.ctoutiao.com%2F2823601.html" alt="">
<span>微信</span>
</div>
<a href="/share.php?id=2823601&type=post&share_medium=qq" target="_blank"><div class="sharing-ic iconqq"><span>QQ</span></div></a>
<a href="/share.php?id=2823601&type=post&share_medium=weibo" target="_blank"><div class="sharing-ic iconwb"><span>微博</span></div></a>
</div>
</div>
</div>
<div class="ctt-appreciate-box ctt-appreciate-box2 clearFix">
<div style="height:2px;width:100px;float:left;"></div>
<div class="appreciate-item">
<div class="appreciate-icon fabulous" onclick="like_post(this,'post',2823601)"><img src="/style/toutiao2019/img/fabulous.png" alt=""></div> <!-- fabulousyes -->
<div class="appreciate-num" id="likess">
<span>喜欢这篇</span>
<em><i>5</i></em>
</div>
</div>
<div style="height:2px;width:100px;float:left;"></div>
<div class="appreciate-item">
<a href="#msg_0"><div class="appreciate-icon coment"></div></a>
<div class="appreciate-num" id="comms">
<span>评论一下</span>
<em><i>0</i></em>
</div>
</div>
</div>
</div>
<div>
<div class="ctt-home-flow-list clearFix">
</div>
</div>
<div>
<div class="ctt-home-flow-list clearFix">
<div class="specialtopic-recommend-title ctt-padding-2 clearFix">
<span>相关文章</span>
</div>
<div class="ctt-home-flow-item">
<div class="ctt-flow-article-item">
<div class="ctt-shadow-wrapper">
<div class="ctt-shadow-content clearFix">
<div class="article-item-pic-wrapper">
<a href="/3150365.html" target="_blank" rel="noopener noreferrer" class="article-item-pic">
<img src="https://img2.ctoutiao.com/uploads/2023/08/18/1692328688792469.jpg@!160x100" alt="业绩、估值遭“双杀”，科大讯飞能否讲好AI大模型故事？" class="scaleBig">
</a>
</div>
<div class="article-item-info clearFix">
<h2 class="title-wrapper ellipsis-2">
<a href="/3150365.html" target="_blank" rel="noopener noreferrer">业绩、估值遭“双杀”，科大讯飞能否讲好AI大模型故事？</a>
</h2>
<div class="ctt-flow-bar clearFix">
<span class="ctt-bar-label">原创</span>
<span class="ctt-bar-time">2023-08-18 11:18</span>
<a href="/3150365.html#msg_0" target="_blank" rel="noopener noreferrer" class="ctt-bar-rob">抢发第一评</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ctt-home-flow-item">
<div class="ctt-flow-article-item">
<div class="ctt-shadow-wrapper">
<div class="ctt-shadow-content clearFix">
<div class="article-item-info clearFix">
<h2 class="title-wrapper ellipsis-2">
<a href="/2999938.html" target="_blank" rel="noopener noreferrer">春华资本战略投资远景逾 6 亿美元，共同推动全球零碳转型</a>
</h2>
<div class="ctt-flow-bar clearFix">
<span class="ctt-bar-time">2021-10-21 09:50</span>
<a href="/2999938.html#msg_0" target="_blank" rel="noopener noreferrer" class="ctt-bar-rob">抢发第一评</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ctt-home-flow-item">
<div class="ctt-flow-article-item">
<div class="ctt-shadow-wrapper">
<div class="ctt-shadow-content clearFix">
<div class="article-item-pic-wrapper">
<a href="/2939263.html" target="_blank" rel="noopener noreferrer" class="article-item-pic">
<img src="https://img2.ctoutiao.com/uploads/2021/07/01/7ae33ca193fcd2dfb0e71d5063e4c524.jpg@!160x100" alt="Udesk品牌升级为沃丰科技，“数一数二”战略开启新征程" class="scaleBig">
</a>
</div>
<div class="article-item-info clearFix">
<h2 class="title-wrapper ellipsis-2">
<a href="/2939263.html" target="_blank" rel="noopener noreferrer">Udesk品牌升级为沃丰科技，“数一数二”战略开启新征程</a>
</h2>
<div class="ctt-flow-bar clearFix">
<span class="ctt-bar-time">2021-07-01 12:01</span>
<a href="/2939263.html#msg_0" target="_blank" rel="noopener noreferrer" class="ctt-bar-rob">抢发第一评</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ctt-home-flow-item">
<div class="ctt-flow-article-item">
<div class="ctt-shadow-wrapper">
<div class="ctt-shadow-content clearFix">
<div class="article-item-pic-wrapper">
<a href="/2830445.html" target="_blank" rel="noopener noreferrer" class="article-item-pic">
<img src="https://img2.ctoutiao.com/uploads/2021/01/21/13bed1720439e409ecdbe3336141386f.jpg@!160x100" alt="中央空调，想说爱你不容易" class="scaleBig">
</a>
</div>
<div class="article-item-info clearFix">
<h2 class="title-wrapper ellipsis-2">
<a href="/2830445.html" target="_blank" rel="noopener noreferrer">中央空调，想说爱你不容易</a>
</h2>
<div class="ctt-flow-bar clearFix">
<span class="ctt-bar-time">2021-01-21 17:07</span>
<a href="/2830445.html#msg_0" target="_blank" rel="noopener noreferrer" class="ctt-bar-rob">抢发第一评</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ctt-home-flow-item">
<div class="ctt-flow-article-item">
<div class="ctt-shadow-wrapper">
<div class="ctt-shadow-content clearFix">
<div class="article-item-pic-wrapper">
<a href="/2936573.html" target="_blank" rel="noopener noreferrer" class="article-item-pic">
<img src="https://img2.ctoutiao.com/uploads/2021/06/28/cace75b87687d54a6e0b4af5a733535b.jpg@!160x100" alt="AI产业化时代，行业需要一套怎样的创新底座" class="scaleBig">
</a>
</div>
<div class="article-item-info clearFix">
<h2 class="title-wrapper ellipsis-2">
<a href="/2936573.html" target="_blank" rel="noopener noreferrer">AI产业化时代，行业需要一套怎样的创新底座</a>
</h2>
<div class="ctt-flow-bar clearFix">
<span class="ctt-bar-time">2021-06-28 11:22</span>
<a href="/2936573.html#msg_0" target="_blank" rel="noopener noreferrer" class="ctt-bar-rob">抢发第一评</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ctt-home-flow-item">
<script type="text/javascript">
// (function() {
// var s = "_" + Math.random().toString(36).slice(2);
// document.write('<div style="" id="' + s + '"></div>');
// (window.slotbydup = window.slotbydup || []).push({
// id: "u5841309",
// container: s
// });
// })();
</script>
</div>
</div>
</div>
<div>
<div class="ctt-home-flow-list clearFix">
<div class="navbar-wrapper">
<div class="navbar-inner-box clearFix">
<div class="inner-left clearFix">
<img src="https://img2.ctoutiao.com/uploads/company/2019/02/27/15512563634591.png" alt="千锋教育重庆">
<div class="company-name clearFix">
<div class="ellipsis-1">千锋教育重庆</div>
<a href="javascript:;" id="is_ding" onClick="dingyue(this,0,'po')" data-id="1094481" data-type="4" class="ct-follow">关注</a>
</div>
</div>
<div class="inner-right">
<div class="inner-icons inner-icons1">
<!-- <span style="visibility:hidden;">享</span> -->
<div class="inner-share">
<div class="icont iconwx r"><img src="/api/qrcode.php?text=http%3A%2F%2Fwww.ctoutiao.com%2F2823601.html" alt=""></div>
<a href="/share.php?id=2823601&type=post&share_medium=qq" target="_blank"><div class="icont iconqq r" style="position:relative;"></div></a>
<a href="/share.php?id=2823601&type=post&share_medium=weibo" target="_blank"><div class="icont iconwb " style="position:relative;"></div></a>
</div>
</div>
<div id="favo" class="inner-icons inner-icons2 " onclick="favorite(this,2823601)" data="0" ></div>
<a href="#msg_0"><div id="comm_num" class="inner-icons inner-icons3"></div></a>
</div>
</div>
</div>
<div class="article-conmment-box">
<div class="publish-comment">评论<a id="msg_0"></a></div>
<div class="publish-labels">
<div class="pub-one clearFix">
<span>试试以这些内容开始评论吧</span>
<em></em>
</div>
<div class="pub-two clearFix">
<a href="javascript:;">数据可视化</a>
<a href="javascript:;">数据可视化</a>
<a href="javascript:;">数据可视化</a>
</div>
</div>
<div class="publish-textarea">
<div class="publish-gologin">
<div class="gologin"><a href="/auth/login.html">登录</a>后发表评论</div>
</div>
<div class="publish-user clearFix">
<img src="/style/toutiao2019/img/youke.png" alt="">
<span>游客</span>
<a href="/auth/login.html" class="publish-user-login">登录后发表评论</a>
</div>
</div>
<input type="hidden" id="comment_login" value="">
<input type="hidden" value="0" id="sub_weibo">
<div id="comment_list">
</div>
</div>
</div>
</div>
</div>
<div class="ctt-home-column">
<div class="ctt-padding-3"></div>
<div class="ctt-padding-3">
<div class="ctt-carrier-content">
<a href="/c/11809933" target="_blank">
<div class="carrier-pictn">
<div class="carrier-left-pic">
<img src="https://img2.ctoutiao.com/uploads/company/2019/02/27/15512563634591.png" alt="千锋教育重庆">
</div>
<div class="carrier-right-text">
<h2 class="ellipsis-1">千锋教育重庆</h2>
<span>327篇文章</span>
</div>
</div>
</a>
<div class="carrier-state clearFix">
<a href="javascript:;" onClick="dingyue(this,0,'po')" data-id="1094481" data-type="4" class="ct-follow ">关注</a>
<a href="/corp.php?act=claim&uid=1094481" class="ct-claim">认领</a>
</div>
<div class="carrier-dynamic">
<h2>TA的动态</h2>
<p>
<span>2021-11-02</span>
<a href="/c/11809933"><em>千锋教育重庆发布了 《Java学习爆破专栏丨Spring Security系列教程之实现CAS单点登录上篇-概述》的文章</em></a>
</p>
<p>
<span>2021-10-28</span>
<a href="/c/11809933"><em>千锋教育重庆发布了 《爆破专栏丨Spring Security系列教程之Spring Security的四种权限控制方式》的文章</em></a>
</p>
<p>
<span>2021-07-27</span>
<a href="/c/11809933"><em>千锋教育重庆发布了 《千锋凭借丰富企业资源，为多所高校学子提供名企实训机会》的文章</em></a>
</p>
<p>
<span>2021-05-10</span>
<a href="/c/11809933"><em>千锋教育重庆发布了 《“创新 变革 匠心 育人”千锋教研院2021教研升级战略发布会即将隆重启幕》的文章</em></a>
</p>
<p>
<span>2021-04-27</span>
<a href="/c/11809933"><em>千锋教育重庆发布了 《第三届山东省计算机职业教育大会隆重召开 千锋教育受邀参会》的文章</em></a>
</p>
</div>
</div>
</div>
<div class="ctt-padding-4">
<div class="hottext-fixedt">
<div class="fixedt-item">
<div class="ctt-subject-title-right clearFix">
<span>热文</span>
</div>
<div class="ctt-hottext-list">
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span class="num-col1">1</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159711.html" target="_blank">2024黑马AI培训战略隆重发布，让中小企业AI梦照进现实</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span class="num-col2">2</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159708.html" target="_blank">让科技之光点亮青春梦想 第二届中国科技青年论坛启动</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span class="num-col3">3</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159710.html" target="_blank">直播卖卫星后，罗永浩要在淘宝首度直播卖云</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span >4</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159716.html" target="_blank">全国首部！杭州率先为数字贸易立法</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span >5</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159707.html" target="_blank">已支持超1万家企业云上创新，阿里云创业者计划将加码资源支持AI应用创业者</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span >6</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159709.html" target="_blank">第二届中国科技青年论坛邀您来参加!</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span >7</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159714.html" target="_blank">阿里云助力博淳科技跻身网络游戏虚拟物品交易行业TOP——以云计算和AI技术打造3.0版游戏账号交易平台</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span >8</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159713.html" target="_blank">技术变革市场 共启未来新航｜2024巨量引擎渠道合作伙伴服务价值论坛圆满落幕</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span >9</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159720.html" target="_blank">硅谷AI人才大战：谷歌、Meta创始人撸袖下场，工程师动辄百万美元年薪，马斯克直呼疯狂</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span >10</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159718.html" target="_blank">20多万元小米SU7车险直追50万元油车，新能源车企扎堆“涉险”</a></div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="ctt-padding-1">
<div class="ctt-subject-title-right clearFix">
<span>疫情纾困政策</span>
</div>
<div class="ctt-financing-list">
<div class="ctt-financing-item">
<a href="/sub/630/" target="_blank" class="ctt-financing-more">查看更多</a>
</div>
</div>
</div> -->
<!--红包-->
<style>
.V2{padding: 5px 10px 20px!important;}
.V2 > span{right: 5px!important;bottom: 5px!important;}
.V2 > span svg{margin-right: 4px;}
.V3:hover a{color: #CF333C;}
</style>
<div class="ctt-padding-4">
<div class="fixedt-item">
<div class="ctt-subject-title-right clearFix">
<span>最新视频</span>
</div>
<div class="ctt-hottext-list" style="margin-top: 10px;">
<div class="video-rig-lists">
<div class="v-next-bigbox">
<div class="v-next-leftpic">
<a href="/v/10490.html">
<img src="https://img2.ctoutiao.com/uploads/video/2023/11/10/134a485152b3468ae3a135913f0ae61d.jpg@!200x200" alt="重磅嘉宾寄语｜加拿大工程院院士杜如虚为2023中国创交会打Call！">
<div>
<em></em>
<span>1.7万次播放</span>
</div>
</a>
</div>
<div class="v-next-righttlt">
<h2 class="ellipsis-2"><a href="/v/10490.html">重磅嘉宾寄语｜加拿大工程院院士杜如虚为2023中国创交会打Call！</a></h2>
<div class="clearFix">
<a href="/v/10490.html#msg_0" class="vitt vi-one" style="position:relative;top:-5px;">抢发第一评</a>
<img src="https://img2.ctoutiao.com/uploads/avatar/000/37/28/62.png@!70x70" alt="@@9yDgM"/> <span>@@9yDgM</span> </div>
</div>
</div>
<div class="v-next-bigbox">
<div class="v-next-leftpic">
<a href="/v/10489.html">
<img src="https://img2.ctoutiao.com/uploads/2023/05/26/16850836277896.jpg@!200x200" alt="【视频精彩回顾】科技创新与成果转化大会暨聊城概念验证中心合作签约仪式">
<div>
<em></em>
<span>2.6万次播放</span>
</div>
</a>
</div>
<div class="v-next-righttlt">
<h2 class="ellipsis-2"><a href="/v/10489.html">【视频精彩回顾】科技创新与成果转化大会暨聊城概念验证中心合作签约仪式</a></h2>
<div class="clearFix">
<a href="/v/10489.html#msg_0" class="vitt vi-num" style="float:left;">2</a>
<br/>
<img src="https://img2.ctoutiao.com/uploads/avatar/000/37/28/62.png@!70x70" alt="@@9yDgM"/> <span>@@9yDgM</span> </div>
</div>
</div>
<div class="v-next-bigbox">
<div class="v-next-leftpic">
<a href="/v/10488.html">
<img src="https://img2.ctoutiao.com/uploads/video/2023/02/22/3bbf6b06116e11ec7e6a33fa01f548f9.jpg@!200x200" alt="中国科技创业数字地图3.0数字化服务支持创新创业">
<div>
<em></em>
<span>3.9万次播放</span>
</div>
</a>
</div>
<div class="v-next-righttlt">
<h2 class="ellipsis-2"><a href="/v/10488.html">中国科技创业数字地图3.0数字化服务支持创新创业</a></h2>
<div class="clearFix">
<a href="/v/10488.html#msg_0" class="vitt vi-one" style="position:relative;top:-5px;">抢发第一评</a>
<img src="https://img2.ctoutiao.com/uploads/avatar/000/37/28/62.png@!70x70" alt="@@9yDgM"/> <span>@@9yDgM</span> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ctt-padding-3">
<div class="ctt-subject-title-right clearFix">
<span>最新专题</span>
</div>
<div>
<div class="ctt-specialtopic-right">
<div class="specialtopic-shadow-content specialtopic-shadow2">
<a href="javascript:;" target="_blank" rel="noopener noreferrer">
<div class="specialtopic-item-pic">
<div class="specialtopic-item-title">
<p class="ellipsis-2 weight-bold">
<span class="one">TOP</span>
<a href="/sub/724/" target="_blank" rel="noopener noreferrer">
2023中国创新创业成果交易会
</a>
</p>
</div>
</div>
</a>
<div class="specialtopic-item-description">
<span class="specialtopic-icn1">18 </span>
<span class="specialtopic-icn2">49.3万</span>
<a href="/sub/724/" target="_blank" rel="noopener noreferrer"><span class="specialtopic-icn3">3 </span> </a>
</div>
</div>
</div>
<div class="ctt-specialtopic-right">
<div class="specialtopic-shadow-content specialtopic-shadow2">
<a href="javascript:;" target="_blank" rel="noopener noreferrer">
<div class="specialtopic-item-pic">
<div class="specialtopic-item-title">
<p class="ellipsis-2 weight-bold">
<span class="two">2</span>
<a href="/sub/723/" target="_blank" rel="noopener noreferrer">
“科创中国”创新创业联合体
</a>
</p>
</div>
</div>
</a>
<div class="specialtopic-item-description">
<span class="specialtopic-icn1">6 </span>
<span class="specialtopic-icn2">27.9万</span>
<a href="/sub/723/" target="_blank" rel="noopener noreferrer"><span class="specialtopic-icn3">2 </span> </a>
</div>
</div>
</div>
<div class="ctt-specialtopic-right">
<div class="specialtopic-shadow-content specialtopic-shadow2">
<a href="javascript:;" target="_blank" rel="noopener noreferrer">
<div class="specialtopic-item-pic">
<div class="specialtopic-item-title">
<p class="ellipsis-2 weight-bold">
<span class="there">3</span>
<a href="/sub/721/" target="_blank" rel="noopener noreferrer">
2023阿里云创峰会暨长三角（镇江）数字经济发展高峰论坛
</a>
</p>
</div>
</div>
</a>
<div class="specialtopic-item-description">
<span class="specialtopic-icn1">9 </span>
<span class="specialtopic-icn2">40.2万</span>
<a href="/sub/721/" target="_blank" rel="noopener noreferrer"><span class="specialtopic-icn3">0 </span> </a>
</div>
</div>
</div>
<div class="ctt-specialtopic-right">
<div class="specialtopic-shadow-content specialtopic-shadow2">
<a href="javascript:;" target="_blank" rel="noopener noreferrer">
<div class="specialtopic-item-pic">
<div class="specialtopic-item-title">
<p class="ellipsis-2 weight-bold">
<span>4</span>
<a href="/sub/720/" target="_blank" rel="noopener noreferrer">
科技创新与成果转化大会 暨聊城概念验证中心合作签约仪式
</a>
</p>
</div>
</div>
</a>
<div class="specialtopic-item-description">
<span class="specialtopic-icn1">8 </span>
<span class="specialtopic-icn2">36.6万</span>
<a href="/sub/720/" target="_blank" rel="noopener noreferrer"><span class="specialtopic-icn3">0 </span> </a>
</div>
</div>
</div>
<div class="ctt-specialtopic-right">
<div class="specialtopic-shadow-content specialtopic-shadow2">
<a href="javascript:;" target="_blank" rel="noopener noreferrer">
<div class="specialtopic-item-pic">
<div class="specialtopic-item-title">
<p class="ellipsis-2 weight-bold">
<span>5</span>
<a href="/sub/718/" target="_blank" rel="noopener noreferrer">
颂扬中国制造精神，寻访隐形冠军
</a>
</p>
</div>
</div>
</a>
<div class="specialtopic-item-description">
<span class="specialtopic-icn1">7 </span>
<span class="specialtopic-icn2">36.3万</span>
<a href="/sub/718/" target="_blank" rel="noopener noreferrer"><span class="specialtopic-icn3">0 </span> </a>
</div>
</div>
</div>
</div>
</div>
<div class="ctt-padding-1"><div class="ctt-right-advertising-space"><a target="_blank" href="/goto.php?t=YcWtRt2pKhzpM0OQO0O0OO0O0O"><img src="https://img2.ctoutiao.com/uploads/appthum/2021/03/09/16152719018672.jpg" alt="阿里云创新中心" style="height:69px;"></a></div></div>
<div class="ctt-padding-4" id="scroll-hot">
<div class="hottext-fixedt">
<div class="fixedt-item">
<div class="ctt-subject-title-right clearFix">
<span>热文</span>
</div>
<div class="ctt-hottext-list">
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span class="num-col1">1</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159711.html" target="_blank">2024黑马AI培训战略隆重发布，让中小企业AI梦照进现实</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span class="num-col2">2</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159708.html" target="_blank">让科技之光点亮青春梦想 第二届中国科技青年论坛启动</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span class="num-col3">3</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159710.html" target="_blank">直播卖卫星后，罗永浩要在淘宝首度直播卖云</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span >4</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159716.html" target="_blank">全国首部！杭州率先为数字贸易立法</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span >5</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159707.html" target="_blank">已支持超1万家企业云上创新，阿里云创业者计划将加码资源支持AI应用创业者</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span >6</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159709.html" target="_blank">第二届中国科技青年论坛邀您来参加!</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span >7</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159714.html" target="_blank">阿里云助力博淳科技跻身网络游戏虚拟物品交易行业TOP——以云计算和AI技术打造3.0版游戏账号交易平台</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span >8</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159713.html" target="_blank">技术变革市场 共启未来新航｜2024巨量引擎渠道合作伙伴服务价值论坛圆满落幕</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span >9</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159720.html" target="_blank">硅谷AI人才大战：谷歌、Meta创始人撸袖下场，工程师动辄百万美元年薪，马斯克直呼疯狂</a></div>
</div>
<div class="ctt-hottext-item">
<div class="ctt-hottext-num">
<span >10</span>
</div>
<div class="ctt-hottext-tit"><a href="/3159718.html" target="_blank">20多万元小米SU7车险直追50万元油车，新能源车企扎堆“涉险”</a></div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
var newtop = 0;
var hottop = $('#scroll-hot').offset().top;
var hotheight = $('#scroll-hot .hottext-fixedt').height();
var bodyheight = $('body').innerHeight();
function newscrolltop_posts(){
if($('.publish-gologin').length){
newtop = $(this).scrollTop();
var topsize = $('.publish-gologin').offset().top;
bodyheight = $('body').innerHeight();
}else{
newtop = 0;
hottop = 1;
}
if((newtop) > hottop){
$('#scroll-hot').show();
$('#scroll-hot .hottext-fixedt').addClass('hottext-list-fixed');
$('#scroll-hot .fixedt-item').addClass('hottext-list-fixed-item');
if((bodyheight - newtop - hotheight) < 340){
$('#scroll-hot .hottext-fixedt').css({'position':'absolute','left':'auto','top':topsize-hotheight-40});
}else{
$('#scroll-hot .hottext-fixedt').css({'position':'fixed','top':0,'left':0});
}
}else{
$('#scroll-hot').hide();
$('#scroll-hot .hottext-fixedt ,#scroll-hot .fixedt-item').attr({'style':''});
$('#scroll-hot .hottext-fixedt').removeClass('hottext-list-fixed');
$('#scroll-hot .fixedt-item').removeClass('hottext-list-fixed-item');
}
}
newscrolltop_posts();
$(window).scroll(newscrolltop_posts);
})
</script>
</div>
</div>
</div>
</div>
<div class="ctt-main-left">
<div class="ctt-sider-follow">
<div class="ctt-sider" style="">
<div class="ctt-main-left-login">
<a href="/"><img src="/style/toutiao2019/img/ctt-login.png" alt=""></a>
</div>
<div class="ctt-channel-nav">
<div class="channel-item">
<div class="sub-title "><a href="/">首页</a></div>
</div>
<!-- <div class="channel-item">
<div class="sub-title "><a href="/toutiao/world/">全球快讯</a></div>
</div> -->
<div class="channel-item">
<div class="sub-title active">
<a href="/toutiao/">资讯</a>
<div class="open-icon open-close"></div>
</div>
<div class="sub-list clearFix">
<ul>
<li><a href="/toutiao/" class="">推荐</a></li> <!-- class="activet"-->
<!-- <li><a href="/toutiao/chosen/" class="">创精选</a></li> -->
<li><a href="/yulu/" class="">创语录</a></li>
<li><a href="/invest/" class="">融资报</a></li>
<!-- <li><a href="javascript:;">创业公司</a></li>-->
<li><a href="/cat/16/" class="">孵化载体</a></li>
<li><a href="/cat/63/" class="">专精特新</a></li>
<li><a href="/cat/60/" class="">企业资讯</a></li>
<li class="sub-city-btn">
<a href="/city/52/">北京市</a>
<div class="sub-list-city">
<div><a href="/city/2/" class="">北京</a></div>
<div><a href="/city/25/" class="" >上海</a></div>
<div><a href="/city/27/" class="">天津</a></div>
<div><a href="/city/77/" class="">深圳</a></div>
<div><a href="/city/76/" class="">广州</a></div>
<div><a href="/city/383/" class="">杭州</a></div>
<div><a href="/city/322/" class="">成都</a></div>
<div><a href="/city/2/">更多城市</a></div>
</div>
</li>
</ul>
</div>
</div>
<!-- <div class="channel-item">
<div class="sub-title "><a href="https://www.tobse.cn/book/zjtx" target="_blank">宝典</a></div>
</div> -->
<div class="channel-item">
<div class="sub-title "><a href="/video/">视频</a></div>
</div>
<div class="channel-item">
<div class="sub-title ">
<a href="/policy_china/">政策</a>
<div class="right-icon"></div>
</div>
<div class="layer-list">
<div><a href="/policy/">热门政策</a></div>
<div><a href="/policy/report/">月报</a></div>
<div><a href="/policy/abroad/">海外政策</a></div>
</div>
</div>
<div class="channel-item">
<div class="sub-title "><a href="/subs/">专题</a></div>
</div>
<div class="channel-item">
<div class="sub-title ">
<a href="/activity/">活动</a>
<div class="right-icon"></div>
</div>
<div class="layer-list">
<div><a href="/course/" target="_blank">云课堂</a></div>
<div><a href="/activity/subs/33/">双创周</a></div>
<div><a href="/activity/subs/34/">创响中国</a></div>
<div><a href="/activity/subs/36/">100特色空间</a></div>
</div>
</div>
</div>
<div class="ctt-main-search">
<input type="text" placeholder="搜索">
</div>
</div>
</div>
<div class="ctt-portal-sel">
<div class="portal-boxn">
<div>
<div class="portal-topn clearFix">
<img src="/style/toutiao2019/img/ctt-logo2.png" alt="">
<a href="javascript:;">×</a>
</div>
<div class="portal-how">
<div class="portal-input">
<input type="text" id="sousuo_input" placeholder="请输入关键词">
<a href="javascript:;" id="sousuo"></a>
</div>
<div class="portal-content">
<div class="portal-contleft">
<div class="portal-contit clearFix">
<span>#热门搜索#</span>
</div>
<div class="portal-histary clearFix">
</div>
<div class="portal-contit clearFix" id="jxscfw">
<span>精选双创服务</span>
</div>
<div class="portal-fwbigs">
</div>
</div>
<div class="portal-contright">
<div class="portal-contit clearFix">
<span>历史搜索</span>
<em onclick="histary_clear()">清空</em>
</div>
<ul id = 'histaryList' >
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var local = {
name:'',
data:[],
repeat:1,
dataLength:0,
set:function(str){
if(str){
this.repeat && this.repetition(str);
this.data.unshift(str);
this.dataLength && this.data.splice(this.dataLength);
localStorage.setItem(this.name, JSON.stringify(this.data));
}
},
get:function(str,is){
this.name = str;
try {
this.data = JSON.parse(localStorage.getItem(this.name));
} catch(err) {
this.clear();
}
this.data = this.data?this.data:[];
},
del:function(line){
this.data.splice(line,1);
localStorage.setItem(this.name, JSON.stringify(this.data));
},
clear:function(){
localStorage.setItem(this.name, JSON.stringify([]));
this.data = [];
},
search:function(str){
for(i in this.data){
if(this.data[i] == str){
return true;
}
}
return false;
},
repetition:function(str){
var newData = [];
for(i in this.data){
if(this.data[i] != str){
newData.push(this.data[i]);
}
}
this.data = newData;
return this.data;
}
};
var histary = Object.create(local);
histary.dataLength = 10;
histary.get('histary_data');
function histary_render(){
var html = '';
var data = histary.data;
for(var i=0;i < data.length;i++){
html += '<li><a href="/soso.php?keyname='+ data[i] +'">'+ data[i] +'</a><em onclick="histary_del(\''+ i +'\')">×</em></li>';
}
html = html||'<li>没有搜索记录</li>';
$('#histaryList').html(html);
}
function histary_del(str){
histary.del(str);
histary_render();
}
function histary_clear(){
histary.clear();
histary_render();
}
function get_sousuo_server_data(){
$("#jxscfw").hide();
$.ajax({
url: "/soso.php?act=tan",
dataType: "json",
success: function(result) {
if(result.is_error == 0){
html = '';
for(var i=0;i < result.service.length;i++){
html +='<div class="portal-confwbox">';
html += '<div class="fwpicb">';
html += '<a target="_blank" href="/service/'+result.service[i].id+'.html"><img src="'+result.service[i].pic+'" alt=""></a>';
html += '</div>';
html += '<div class="fwpictex">';
html += '<h2 class="ellipsis-2"><a target="_blank" href="/service/'+result.service[i].id+'.html">'+result.service[i].title+'</a></h2>';
html += '<p class="clearFix">';
html += '<span>'+result.service[i].name+'</span>';
html += '<em>￥'+result.service[i].price+'/'+result.service[i].sale_unit+'</em>';
html += '</p>';
html += '</div>';
html +='</div>';
}
if(html){
$("#jxscfw").show();
$('.portal-fwbigs').html(html);
}
html = '';
for(var i=0;i < result.keys_rec.length;i++){
html += '<a onclick="histary.set(\''+result.keys_rec[i].keyName+'\');" href="/soso.php?keyname='+result.keys_rec[i].keyName+'">'+result.keys_rec[i].keyName+'</a>';
}
$('.portal-histary').html(html);
}
}
});
}
$(function(){
histary_render();
$('.open-icon').on('click',function(){
if($(this).hasClass('open-close')){
$(this).removeClass('open-close');
$('.sub-list').slideUp(600);
}else{
$(this).addClass('open-close');
$('.sub-list').slideDown(600);
}
});
$('.ctt-main-search').on('click',function(){
$('body').css({'overflow':'hidden'})
$('.ctt-portal-sel').fadeIn(500)
get_sousuo_server_data();
});
$('.portal-topn').on('click','a',function(){
$('body').css({'overflow':'auto'})
$('.ctt-portal-sel').fadeOut(500)
});
$('#sousuo').on('click',function(){
var Fname = $.trim($("#sousuo_input").val());
if (Fname != "") {
histary.set(Fname);
window.location.href="/soso.php?keyname="+Fname+"";
}
});
$("#sousuo_input").keypress(function(e) {
var Fname = $("#sousuo_input").val();
if(e.which == 13 && Fname!="") {
histary.set(Fname);
window.location.href="/soso.php?keyname="+Fname;
}
});
newscrolltop();
});
function newscrolltop(){
var newtop = 0;
if($('._nav_footer').length > 0){
var topsize = $('._nav_footer').offset().top;
var footerheight = $('._nav_footer').height();
var topheight = $('.ctt-sider').innerHeight();
var bodyheight = $('body').innerHeight();
$(window).scroll(function(e){
newtop = $(this).scrollTop();
topsize = $('._nav_footer').offset().top;
bodyheight = $('body').innerHeight();
if((bodyheight - newtop - topheight) < footerheight + 100){
$('.ctt-main-left > .ctt-sider-follow').css({'position':'absolute','top':topsize-topheight-100})
}else{
$('.ctt-main-left > .ctt-sider-follow').css({'position':'fixed','top':0})
}
});
}
}
</script>
</div>
<input type="hidden" id="obj-id" value="2823601">
<script type="text/javascript" charset="utf-8" src="/admin_1/libs/ueditor/ueditor.parse.js"> </script>
<script type="text/javascript">
//分享头像展开
$("#J_post_share").on('click',function(){
var post_id = $(this).attr("data-id");
var p = $(this).attr("page");
$.ajax({
url:"/ajax_new/ajax_action.php?action=shares&id="+post_id+"&p="+p+"&num=30&t="+new Date().getTime(),
async:false,
dataType: "json",
success: function(result){
if(result.retCode=='0'){
var ht='';
for(var i=0;i < result.data.length;i++){
ht += '<a href="/user/'+result.data[i].user_id+'" target="_blank" title="'+result.data[i].display_name+'"><img src="https://img2.ctoutiao.com'+result.data[i].user_avatar.normal+'@!70x70" alt="'+result.data[i].display_name+'"></a>';
}
if(ht) $(".sharing-pictn").append(ht);
if(result.data.length==30){
$("#J_post_share").attr("page",parseInt(p)+1);
}else{
$("#J_post_share").hide();
}
}else{
}
}
});
});
//文章点赞
function like_post(em,obj_type,obj_id){
var like_count = $('#likess').find('i').text();
var type = $(em).hasClass("fabulousyes") ? 0 : 1;
if(type!=1){
ctt2019.tips('您已经赞过了！');
return false;
}
$.get("/ajax_new/ajax_action.php?action=like", {
obj_type: obj_type,
type: type,
obj_id: obj_id
}, function(result) {
if (result.is_error==0) {
if(type == 1){
$.cookie(result.key, result.val, { path:'/', expires:1});
$(em).addClass("fabulousyes");
$(em).find('img').fadeIn(500)
setTimeout(function(){
$('.fabulous').find('img').fadeOut()
},1000)
}else{
$.cookie(result.key, result.val, { path:'/', expires:1});
$(em).removeClass("fabulousyes");
}
$('#likess').find('i').text(parseInt(like_count)+1);
}else {
ctt2019.tips(result.msg);
return false;
}
},'json');
}
var i = 1;
// 收藏
function favorite(em,id){
if(i == 1){
i = 0;
if($("#comment_login").val()=='' ){
window.location.href="/auth/login.html";
return false;
}
//var fav_count = parseInt($(em).html());
type=$(em).attr("data");
$.get("/ajax_new/ajax_action.php?action=favorite", {
id: id,type:type
}, function(data) {
i=1;
if (data.is_error==0) {
if(type == '0'){
$(em).addClass("yessc");
$(em).attr("data","1");
}else{
$(em).removeClass("yessc");
$(em).attr("data","0");
}
if(data.nums==0){
$('#favo').text('');
}else{
$('#favo').text(data.nums);
}
}else {
ctt2019.tips(data.msg);
return false;
}
},'json');
}
}
//发布评论
function comment_submit(obj,comment_ID){
var rand = new Date();
var a = escape(rand);
var content = $("#say_"+comment_ID).val();
var sub_weibo = $("#sub_weibo").val();
var obj_id = $("#obj-id").val();
var obj_type = 'post';
var to_user = $(obj).attr('data-uid');
var comm_num = $('#comm_num').text();
if(!comm_num){
comm_num=0;
}
var comms = $('#comms').find('i').text();
if($("#comment_login").val()==''){
window.location.href="/auth/login.html";
return false;
}
if(content==""){
ctt2019.tips("请输入评论内容");
return false;
}
//更改发表按钮
$(obj).attr("onclick","javascript:;");
$(obj).html("提交中…");
$.post("/ajax_new/ajax_action.php?action=comment", {
a: a,
content: content,
obj_id: obj_id,
obj_type: obj_type,
comment_ID: comment_ID,
sub_weibo:sub_weibo,
to_user:to_user
}, function(data) {
if (data.is_error==0) {
ctt2019.tips("发布成功");
$(obj).attr("onclick","comment_submit(this,"+comment_ID+")");
$(obj).html("发表");
$("#say_"+comment_ID).val("");
$('#comm_num').text(parseInt(comm_num)+1);
$('#comms').find('i').text(parseInt(comms)+1);
$('#is_comment').find('i').text(parseInt(comms)+1);
get_comments('post',obj_id,1,6,1,1);
}else {
ctt2019.tips(data.msg);
$(obj).attr("onclick","comment_submit(this,"+comment_ID+")");
$(obj).html("发表");
return false;
}
},'json');
}
//点击评论查看更多
$("#J_cmt_more").on('click',function(){
var post_id = $(this).attr("post-id");
var p = $(this).attr("page");
var order = 6;
get_comments('post',post_id,p,order,0,0);
});
//评论点赞
$('#comment_list').on('click','.iconra',function(){
var num = $(this).find('em').text();
num = num ? num : 0;
var obj = $(this);
var id = $(this).attr("data");
if(obj.hasClass('upiconyes')){
ctt2019.tips("已点赞");
return false;
}else{
$.get('/ajax_new/ajax_action.php?action=like&obj_type=comment&obj_id='+id,function(res){
if(res.is_error == 0){
obj.addClass('upiconyes').find('em').text(++num);
}
},"json");
}
})
//评论查看更多
function get_comments(page,obj_id,p,order,type,method){
$.ajax({
url:"/ajax_new/ajax_data.php?page="+page+"&act=get_comments&obj_type="+page+"&obj_id="+obj_id+"&p="+p+"&order="+order+"&t="+new Date().getTime(),
async:false,
dataType: "json",
success: function(result){
if(result.is_error=='0'){
if(method=='1'){
$("#comment_list").html(result.data.fetch_data);
$("#J_cmt_more").attr("page",'2').text('查看更多');
}else{
$("#comment_list").append(result.data.fetch_data);
newscrolltop();
if(result.count < 10){
$("#J_cmt_more").html("没有更多评论了！");
if(type=='0'){
$("#J_cmt_more").attr("page",parseInt(p)+1);
}else{
$("#J_cmt_more").attr("page",'2');
}
}else{
if(type=='0'){
$("#J_cmt_more").attr("page",parseInt(p)+1);
}else{
$("#J_cmt_more").attr("page",'2');
}
}
}
}else{
$("#J_cmt_more").html("没有更多评论了！");
}
}
});
}
//关注
function dingyue(obj,color,part_type){
part_type = part_type ? part_type : '';
var id = $(obj).attr('data-id');
var type = $(obj).attr('data-type');
var uid = $.cookie('share_userid');
if(uid>0){
$.ajax({
url: '/custom.php?act=ding&id='+id+'&type='+type+'&part_type='+part_type,
dataType: "json",
success: function(result){
if(result.is_error==0){
$('.ct-follow').addClass('ct-yesfollow').text('已关注');
$('#is_ding').hide();
}else{
ctt2019.tips(result.msg);
}
}
});
}else{
window.location.href="/auth/login.html";
}
}
$(function(){
function daojishi(seconds,obj){
if (seconds < 300){
seconds++;
$(obj).text(seconds);
setTimeout(function(){
daojishi(seconds,obj);
},1000);
}
}
daojishi(1,'.onegg span')
//预置评论
$('.publish-labels .pub-one em').on('click',function(){
var id = $('#obj-id').val();
$.ajax({
url: '/ajax_new/ajax_data.php?page=cmt&id='+id,
dataType: "json",
success: function(result){
if(result){
var html = '';
for (var e in result) {//遍历json数组时，这么写p为索引，0,1
html += '<a href="javascript:;">'+result[e].note+'</a>';
}
$('.publish-labels .pub-two').html(html);
}else{
ctt2019.tips('服务器忙，请稍后再试');
}
}
});
});
$('.publish-labels .pub-one em').trigger("click");
$('.publish-labels .pub-two').on('click','a',function(){
var uid = $('#comment_login').val();
if(!uid){
window.location.href="/auth/login.html";
return false;
}else{
$('#say_0').val($('#say_0').val()+' '+$(this).text());
$('#say_0').focus();
}
});
//调整图片
$('.ctt-details-texts').find('img').css({'display':'block','max-width':'100%','height':'auto','margin':'0 auto'}).parent("p").css({'text-indent':'0'});
//解析样式
uParse('.ctt-details-texts',{
rootPath:'/admin_1/libs/ueditor',
liiconpath:'https://img2.ctoutiao.com/images/ueditor-list/'
});
// 相互评论
$('#comment_list').on('click','.iconrp',function(){
var uid = $('#comment_login').val();
if(!uid){
window.location.href="/auth/login.html";
return false;
}else{
if(!$(this).hasClass('yes')){
$(this).addClass('yes')
$(this).parents('.say-texts').find('.say-toyou').show()
}else{
$(this).parents('.say-texts').find('.say-toyou').hide()
$(this).removeClass('yes')
}
}
})
// 悬浮
var newtop = 0,lasttop = 0;
var lookheight = document.documentElement.clientHeight;
$(window).scroll(function(e){
var topsize = $('.navbar-wrapper').offset().top
newtop = $(this).scrollTop();
if((newtop+lookheight) > topsize){
$('.navbar-inner-box').removeClass('fiexd')
$('.navbar-inner-box').css({'transition': 'transform 500ms ease 0s', 'transform': 'translateY(0px)'});
}else{
$('.navbar-inner-box').addClass('fiexd')
if( lasttop <= newtop){//向下滚
$('.navbar-inner-box').css({'transition': 'transform 500ms ease 0s', 'transform': 'translateY(66px)'});
}else{//向上滚
$('.navbar-inner-box').css({'transition': 'transform 500ms ease 0s', 'transform': 'translateY(0px)'});
}
setTimeout(function(){lasttop = newtop;},0);
}
});
// 分享人数 展开
$('.sharing-click').on('click',function(){
if(!$(this).hasClass('yes')){
$(this).addClass('yes').text('收起').siblings().show()
}else{
$(this).removeClass('yes').text('展开').siblings().hide()
}
})
//判断是否点赞
var lkStr = $.cookie('like_posts');
if(lkStr){
var lkArr = lkStr.split(',');
if($.inArray($('#obj-id').val(), lkArr)!==-1){
$('.fabulous').addClass('fabulousyes');
};
}
//判断红包文章
var share_userid= $('#comment_login').val();
$.ajax({url:"/ajax_new/ajax_action.php?action=loadhobao&share_userid="+share_userid+"&post_id=2823601",
async:false,
dataType: "json",
success:function(msg){
var str='';
if(msg!=''){
str += "<a target='_blank' href='/"+msg[0].post_id+".html'; ><img src='/style/toutiao/img/hbbb.gif' alt='红包图标' /></a>";
$('#redpack').append(str);
for (var i = 0 ; i < msg.length; i++) {
if(msg[i].post_id=='2823601'){
$('#shares_icon').attr("class",'sharing-redbox');
}
}
}
}
})
})
</script>
</div>
</div>
<link rel="stylesheet" href="/style/toutiao2019/css/footer.css">
<div class="Footallbox _nav_footer">
<div class="FootCenter">
<div class="FootTopbox clearFix">
<div class="FootTleft">
<h2>创头条是创兴动力旗下的创新创业资讯和企服产品，国家高新技术企业。平台汇聚百万级企业用户，基于企业号、双创地图、政策通、融资报、活动工具、企服市场等产品，提供资讯、数据、线上对接等企业服务，并以路演、产业大赛、峰会、培训、产业对接等方式提供线下赋能服务。</h2>
<div class="FootCXDL">
<em>创兴动力</em>
<div class="FootLogobox">
<a href="https://www.ctoutiao.com/" target="_blank"><img src="/style/toutiao2019/img/logo1@2x.png" alt=""></a>
<img src="/style/toutiao2019/img/logo2@2x.png" alt="">
<a href="http://www.bee-hive.cn/" target="_blank"><img src="/style/toutiao2019/img/logo3@2x.png" alt=""></a>
<img src="/style/toutiao2019/img/logo4@2x.png" alt="">
</div>
<div class="FootLodz">
<span>北京</span>|
<span>上海</span>|
<span>杭州</span>|
<span>郑州</span>|
<span>大连</span>|
<span>金华</span>|
<span>石家庄</span>|
<span>邢台</span>|
<span>济南</span>|
<span>深圳</span>|
<span>佛山</span>
</div>
</div>
</div>
<div class="FootTright">
<div class="Footaboutme">
<div><span>关于我们</span></div>
<div><a href="/about.php?1">集团简介</a></div>
<div><a href="/about.php?2">资讯合作</a></div>
<div><a href="/about.php?3">商务合作</a></div>
<div><a href="/about.php?4">加入我们</a></div>
</div>
<div class="FootEmw">
<div>
<span>APP下载</span>
<img src="/style/toutiao2019/img/APPxz@2x.png" alt="">
<p>Android & IOS</p>
</div>
<div>
<span>微信公众号</span>
<img src="/style/toutiao2019/img/wxgzh@2x.png" alt="">
<p>扫码关注</p>
</div>
</div>
</div>
</div>
<div class="FootBombox clearFix">
<div class="FootUibs">
<span>©2015-2024</span>
<span>创头条</span>
<span>版权所有</span>
<span><a target="_blank" href="http://beian.miit.gov.cn/" rel="nofollow">京ICP备15013664号-2</a></span>
<img src="https://www.ctoutiao.com/images/gongan.png" style="margin-right:5px;">
<span><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802029378" rel="nofollow">京公网安备 11010802029378号</a></span>
<span id="cnzz_stat_icon_1256335252"><a href="https://www.cnzz.com/stat/website.php?web_id=1256335252" target="_blank" title="站长统计" rel="nofollow">站长统计</a></span>
<span><a href="http://www.ctoutiao.com/rss/" rel="nofollow">RSS</a></span>
</div>
</div>
</div>
</div>
<div class="ctt-fixed-return">
<a href="/scyun/?wp=pc_float" target="_blank"><img src="/style/toutiao2019/img/banyun.png" alt="" style="position:absolute;right:0;top:-90px;width:90px;"></a>
<div class="returnic retu-kf">
<div class="icont"></div>
<div class="icont-lepic">
<img src="/style/toutiao2019/img/ct-kfic.png" alt="" class="ickfpic">
<img src="/style/toutiao2019/img/QRcode-kf.jpg" alt="">
<p>Tel：18514777506</p>
</div>
</div>
<div class="returnic retu-wx">
<div class="icont"></div>
<div class="icont-lepic">
<img src="/style/toutiao2019/img/QRcode-gzh.jpg" alt="">
<p>关注微信公众号</p>
</div>
</div>
<div class="returnic retu-app">
<div class="icont"></div>
<div class="icont-lepic" style="width:160px;left:-185px;">
<div>
<img src="/style/toutiao2019/img/QRcode-qfb.jpg" alt="">
<p>创头条企服版APP</p>
</div>
</div>
</div>
<div class="returnic retu-top">
<div class="icont"></div>
</div>
</div>
<span id="share_userid" style="display:none"></span>
<div style="display:none;">
<script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1256335252&web_id=1256335252"></script>
<script language="JavaScript">
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?addae925595b77324e7a3c1e940f3ad0";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-106157238-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-106157238-2');
</script> -->
</div>
<script type="text/javascript" src="/style/toutiao2019/js/jquery.lazyload.min.js"></script>
<script type="text/javascript">
$(function(){
$('.retu-top').on('click',function(){
$('html ,body').animate({scrollTop:0},500)
});
$(window).scroll(function(e){// 右侧 悬浮
if($(this).scrollTop() > 800){
$('.retu-top').css({'visibility':'visible'})
}else{
$('.retu-top').css({'visibility':'hidden'})
}
});
Piclazyload();
$.ajax({url:"/ajax_new/ajax_action.php?action=loadhobao",
dataType: "json",
success:function(msg){
if(msg!=''){
$('#addhobao a').attr('href','/'+msg[0].post_id+'.html').parent().show();
}
}
})
});
function Piclazyload(){
$("img").lazyload({
placeholder : "https://img2.ctoutiao.com/images/mgrey.gif",
effect: "fadeIn",
threshold: 200,
failurelimit : 10
});
}
</script>
</div>
<!-- 多条广告如下脚本只需引入一次 -->
<!-- <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/c.js" async="async" defer="defer" >
</script> -->
</body>
</html> 
