复杂的javascript窗口分帧解析_javascript技巧-js教程-PHP中文网

什么是窗口分帧？　　

　窗口分帧就是把一个浏览器文档窗口分隔成多个窗口,每个窗口都可以显示一个独立的网页文件，每个帧(即页面)都有自己的url。

帧窗口该如何创建？

帧通常是由和标记创建的。但在HTML 4中，标记也可以用来在文档中创建“内联帧”。就JavaScript来说，<iframe>创建的帧与<frameset>和<frame>创建的帧一样。</p> <p>　　在HTML中用<frameset>（分割窗口标记）来分割窗口，<frameset>在多窗口页面中的地位就相当于<body>在普通单窗口页面中的地位，在页面中用<frameset>……</frameset>标志页面主体部分的起止位置。而且，<frameset>标记决定了怎样划分窗口，以及每个窗口的位置和大小。其基本语法结构如下：</p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> <frameset cols=n rows=n frameborder=yes|no border=n bordercolor=#n framespacing=n></frameset> </pre><div class="contentsignin">登录后复制</div></div> </div> <p>　　cols和rows：是决定页面如何分割的两个参数。分割左右窗口用cols，各帧的左右宽度用占窗口宽度的百分比来表示。比如：cols="30%,40%,*"就表示水平方向分割成三个窗口，各自所占总宽度的百分比依次是30%，40%和30%。其中"*"表示剩余部分，也就是说"*"对应的小窗口宽度为剩余的宽度。分割上下窗口用rows，同样采用百分比的设定方法。</p> <p>　　<strong>frameborder：</strong>是指定各分窗口是（ye）否（no）要加边框；如果加过框的话，则用 border参数指定边框的宽度，bordercolor指定边框的颜色。</p> <p>　　<strong>framespacing：</strong>用于设定各分窗口之间的间隔大小，默认值是0。</p> <p>　　用<frameset>标记把窗口分割好后，各窗口的属性是用HTML的<frame>标记来定义的，所以<frameset>标记中必须包含<frame>标记，用以定义各分窗口的属性。其语法如下：</p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> <frame align=left|center|right|top|bottomv name=framename src＝url noresize scrolling＝yes|on|auto frameborder=yes|no bordercolor＝＃n marginheight=n marginwidth＝n></frame> </pre><div class="contentsignin">登录后复制</div></div> </div> <p>　　<strong>align：</strong>设定分窗口的位置是靠左（left）、靠右（right）、居中（center）、靠上（top）还是靠底（bottom）。</p> <p>　　<strong>name：</strong>用于指定分窗口的名称，src则用于指定分窗口所对应的HTML页面地址。</p> <p>　　<strong>noresize：</strong>是对用户来说的，当<frame>标记中包含此参数的时候，用户就不能用鼠标调整修改各分窗口的大小。</p> <p>　　<strong>scrolling：</strong>设定分窗口是否要滚动条。scrolling=no时不要滚动条，scrolling＝yes时表示要滚动条，scrolling＝auoto时表示根据实际情况自动设置滚动条。</p> <p>　　<strong>frameborder和bordercolor：</strong>是设定分窗口有无边框和边框颜色的。但对象只限于用<frame>标记的分窗口。</p> <p>　　<strong>marginheight和marginwidth：</strong>分别用于设定分窗口的上下边缘和左右边缘的宽度。</p> <p>　　例如：</p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> <frameset cols="50%,*,25%"> <frame src="http://www.baidu.com" noresize="noresize" /> <frame src="http://www.baidu.com" /> <frame src="http://www.baidu.com" /> </frameset></pre><div class="contentsignin">登录后复制</div></div> </div> <p><strong>JavaScript中帧窗口之间的关系？<br /> </strong>　　一个窗口的任何帧可以通过<span style="color: #800000"><strong>top,frames</strong><span style="color: #000000">和</span><strong>parent</strong></span>属性来引用其他帧。</p> <p>　　任何窗口或帧中的JavaScript代码可以将自己的窗口和帧引用为 window 或 self。</p> <p>　　每个窗口都有frames属性。这个属性引用一个Window对象的数组，其中每个元素代表的是这个窗口中包含的帧(如果一个窗口没有任何帧，那么frames[]数组就是空的，frames.length为0).这样，窗口就可以使用frames[0]来引用它的第一个帧,使用frames[1]来引用第二个帧，一次类推。</p> <p>　　每个窗口还包含有一个parent属性，它引用包含这个窗口的Window对象。这样，窗口中的第一个帧就可以引用它的兄弟帧，即:</p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> 　parent.frames[1]</pre><div class="contentsignin">登录后复制</div></div> </div> <p>如果一个窗口是顶级窗口，而不是帧，那么parent属性引用的就是这个窗口本身：　　</p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> parent==self;</pre><div class="contentsignin">登录后复制</div></div> </div> <p>如果一个帧包含在另一个帧中，而后者又包含在顶级窗口中，那么该帧就可以使用parent.parent来引用顶级窗口。</p> <p><span style="color: #800000"><strong>注意事项：<br /> </strong></span>分帧不能和body标签及内容体共存</p> <p>分帧不利于搜索引擎优化，正常前台页面不建议使用分帧。</p> <p>以上就是本文的全部内容，希望对大家学习javascript程序设计有所帮助。</p> </div> </div> <div class="phpwzggBox" style="width: 1380px; margin: 20px auto;"> <script type="text/javascript" src="https://sw.php.cn/hezuo/43cc2463da342d2af2696436bd2d05f4.html" ></script> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>相关标签：</span> <div class="wzcbqd"> <a href="/search?word=javascript" target="_blank">javascript</a> <a href="//m.sbmmt.com/search?word=窗口分帧" target="_blank">窗口分帧</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">来源：php中文网</div> </div> <div class="wzconOtherwz"> <a href="//m.sbmmt.com/faq/2642.html"> <span>上一篇：初识angular框架后的所思所想_AngularJS</span> </a> <a href="//m.sbmmt.com/faq/2644.html"> <span>下一篇：JavaScript与jQuery实现的闪烁输入效果_javascript技巧</span> </a> </div> <div class="wzconShengming"> <img src="/static/images/images/benzhanshengming.png" /> <div>本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn</div> </div> <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <div class="wzconZzwz"> <div class="wzconZzwztitle">作者最新文章</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/574132.html">PHP中的遗传算法实现步骤</a> </div> <div>2023-07-07 12:04:02</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/542142.html">显示git文件夹隐藏文件</a> </div> <div>2023-05-17 11:37:07</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/524288.html">如何用Java反编译字节码文件？</a> </div> <div>2023-04-22 14:40:08</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/519921.html">java代码块的执行顺序实例分析</a> </div> <div>2023-04-18 12:07:03</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/516437.html">毫末智行CEO顾维灏：城市场景中MANA面临的六大挑战与全新升级</a> </div> <div>2023-04-14 11:58:02</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/510000.html">利用人工智能解决石油和天然气排放挑战</a> </div> <div>2023-04-08 17:51:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/413460.html">PHP怎么统计字符串中指定字符出现的次数</a> </div> <div>2023-04-04 13:42:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/505912.html">人工智能如何为数据中心团队带来新的日常工作</a> </div> <div>2023-03-31 20:38:31</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/505911.html">2023年值得关注的技术趋势</a> </div> <div>2023-03-31 20:38:29</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/401010.html">PHP中多态的两个实现重载与覆盖</a> </div> <div>2023-03-29 20:34:01</div> </li> </ul> </div> <div class="wzconZt" style="display: none;"> <div class="wzczt-title"> <div>相关专题</div> <a href="#">更多> </a> </div> <div class="wzcttlist"> <ul> <li> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！ PHP Composer教程 PHP Composer教程 </span> </a> </li> <li class="ul-li-two"> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！ PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li class="ul-li-three"> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！ PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！ PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！ PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li class="ul-li-two"> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！ PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li class="ul-li-three"> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！ PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！ PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> </ul> </div> </div> <div class="wzcongg"><script type="text/javascript" src="https://sw.php.cn/hezuo/7236a960e9805fe5337a40a36e76376b.html" ></script></div> </div> </div> <div class="phpwzright"> <script type="text/javascript" src="https://sw.php.cn/hezuo/7d4897500e1f8454c8cecc43e5d92949.html?yimen" ></script> <div class="wzrOne"> <div class="wzroTitle">热门推荐</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/568178.html">navigator.appname是什么</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/568177.html">navigator.appname详细解析</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/568174.html">navigator.appname属性详解</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/568114.html">lightbox.js用法详解</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/567118.html">location.reload()用法机制</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/567113.html">jquery validate自定义验证怎么用</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/567091.html">location.hash跨域解决原理</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/567086.html">location.hash的用法</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/560903.html">使用JavaScript实现3D模型和视觉效果的制作和展示</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/560863.html">在JavaScript中实现数据可视化的高级技巧</a> </div> </li> </ul> </div> </div> <div class="wzrTwo"> <script type="text/javascript" src="https://sw.php.cn/hezuo/3b9658c68b4a51ac91d4414a910efa45.html" ></script> </div> <div class="wzrTwo"> <script type="text/javascript" src="https://sw.php.cn/hezuo/08af4bd5aaa6c69c3f76add681d83973.html" ></script> </div> <div class="wzrThree"> <div class="wzrthree-title"> <div>热门教程</div> <a target="_blank" href="//m.sbmmt.com/k.html">更多> </a> </div> <div class="wzrthreelist"> <div class="wzrthreeTab"> <div class="check tabdiv" data-id="one">相关教程 <div></div></div> <div class="tabdiv" data-id="two">热门推荐<div></div></div> <div class="tabdiv" data-id="three">最新课程<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="//m.sbmmt.com/course/1264.html" title="快速上手React基础" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/015/611f73781f76e233.jpg" alt="快速上手React基础"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1264.html">快速上手React基础</a> <div class="wzrthreerb"> <div >79379次学习</div> <a class="courseICollection" data-id="1264"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/1265.html" title="React商城后台项目实战" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/015/611f7384e21af831.jpg" alt="React商城后台项目实战"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1265.html">React商城后台项目实战</a> <div class="wzrthreerb"> <div >39640次学习</div> <a class="courseICollection" data-id="1265"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="//m.sbmmt.com/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="wzrthreerb"> <div >1315432次学习</div> <a class="courseICollection" data-id="812"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/286.html" title="JAVA 初级入门视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初级入门视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/286.html">JAVA 初级入门视频教程</a> <div class="wzrthreerb"> <div >1926230次学习</div> <a class="courseICollection" data-id="286"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/504.html" title="小甲鱼零基础入门学习Python视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲鱼零基础入门学习Python视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/504.html">小甲鱼零基础入门学习Python视频教程</a> <div class="wzrthreerb"> <div >452459次学习</div> <a class="courseICollection" data-id="504"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/234.html" title="零基础精通 PS 视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="零基础精通 PS 视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/234.html">零基础精通 PS 视频教程</a> <div class="wzrthreerb"> <div >747432次学习</div> <a class="courseICollection" data-id="234"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/857.html" title="开发微信小程序视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253fe6a7eeb8282.png" alt="开发微信小程序视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/857.html">开发微信小程序视频教程</a> <div class="wzrthreerb"> <div >232541次学习</div> <a class="courseICollection" data-id="857"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="//m.sbmmt.com/course/1581.html" title="18个Golang实战项目" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64b4b3441830c266.png" alt="18个Golang实战项目"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1581.html">18个Golang实战项目</a> <div class="wzrthreerb"> <div >393次学习</div> <a class="courseICollection" data-id="1581"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/1580.html" title="Golang云原生架构师课程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64af9b84659a5810.png" alt="Golang云原生架构师课程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1580.html">Golang云原生架构师课程</a> <div class="wzrthreerb"> <div >1082次学习</div> <a class="courseICollection" data-id="1580"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/1577.html" title="Linux运维网站架构，知识点全面总结" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64ab970dc6e8e558.png" alt="Linux运维网站架构，知识点全面总结"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1577.html">Linux运维网站架构，知识点全面总结</a> <div class="wzrthreerb"> <div >368次学习</div> <a class="courseICollection" data-id="1577"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/1569.html" title="适合小白练手的38个Python爬虫实战项目" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/649e4ff53d8ee137.png" alt="适合小白练手的38个Python爬虫实战项目"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1569.html">适合小白练手的38个Python爬虫实战项目</a> <div class="wzrthreerb"> <div >1144次学习</div> <a class="courseICollection" data-id="1569"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/1562.html" title="保姆级Python免费入门课程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/647d836f873ba136.png" alt="保姆级Python免费入门课程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1562.html">保姆级Python免费入门课程</a> <div class="wzrthreerb"> <div >4597次学习</div> <a class="courseICollection" data-id="1562"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> </ul> </div> <script> $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>最新下载</div> <a href="//m.sbmmt.com/xiazai">更多> </a> </div> <div class="swiper-container sjyx_banSwiperwz"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <a href="//m.sbmmt.com/xiazai/code/8045" target="_blank" title="IT技术服务公司网站模板"> <img src="https://img.php.cn/upload/webcode/000/000/011/168913980678676.jpg?x-oss-process=image/resize,m_fill,h_220,w_335" onerror="this.onerror='';this.src='/static/images/moren/morentu.png'" alt="IT技术服务公司网站模板"> </a> </li> <li class="swiper-slide"> <a href="//m.sbmmt.com/xiazai/code/8044" target="_blank" title="APP应用程序开发公司网站模板"> <img src="https://img.php.cn/upload/webcode/000/000/018/168913980624232.jpg?x-oss-process=image/resize,m_fill,h_220,w_335" onerror="this.onerror='';this.src='/static/images/moren/morentu.png'" alt="APP应用程序开发公司网站模板"> </a> </li> <li class="swiper-slide"> <a href="//m.sbmmt.com/xiazai/code/8043" target="_blank" title="优秀设计书籍推荐宣传网页模板"> <img src="https://img.php.cn/upload/webcode/000/000/010/168913980515601.jpg?x-oss-process=image/resize,m_fill,h_220,w_335" onerror="this.onerror='';this.src='/static/images/moren/morentu.png'" alt="优秀设计书籍推荐宣传网页模板"> </a> </li> <div class="clear"></div> </ul> <div class="swiper-pagination"></div> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList"> <div class="wzrfourlTab"> <div class="check" data-id="onef">网站特效 <div></div></div> <div class="" data-id="twof">网站源码<div></div></div> <div class="" data-id="threef">网站素材<div></div></div> <div class="" data-id="fourf">前端模板<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery百叶窗风格图片切换代码" href="//m.sbmmt.com/xiazai/js/7862">[焦点幻灯] jQuery百叶窗风格图片切换代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery仿京东首页广告图片切换" href="//m.sbmmt.com/xiazai/js/7861">[焦点幻灯] jQuery仿京东首页广告图片切换</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery无缝轮播插件" href="//m.sbmmt.com/xiazai/js/7860">[焦点幻灯] jQuery无缝轮播插件</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery自适应三屏滚动代码" href="//m.sbmmt.com/xiazai/js/7859">[焦点幻灯] jQuery自适应三屏滚动代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery仿今日头条图片轮播代码" href="//m.sbmmt.com/xiazai/js/7858">[焦点幻灯] jQuery仿今日头条图片轮播代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery爆炸切换效果焦点图" href="//m.sbmmt.com/xiazai/js/7857">[焦点幻灯] jQuery爆炸切换效果焦点图</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery仿魅族大图轮播幻灯片特效" href="//m.sbmmt.com/xiazai/js/7856">[焦点幻灯] jQuery仿魅族大图轮播幻灯片特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery自适应焦点图片切换特效" href="//m.sbmmt.com/xiazai/js/7855">[焦点幻灯] jQuery自适应焦点图片切换特效</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7647" title="有机果蔬供应商网页模板 Bootstrap5" target="_blank">[Bootstrap模板] 有机果蔬供应商网页模板 Bootstrap5</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7646" title="Bootstrap3多功能数据信息后台管理响应式网页模板-Novus" target="_blank">[后端模板] Bootstrap3多功能数据信息后台管理响应式网页模板-Novus</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7645" title="房产资源服务平台网页模板 Bootstrap5" target="_blank">[Bootstrap模板] 房产资源服务平台网页模板 Bootstrap5</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7644" title="简约简历资料网页模板 Bootstrap4" target="_blank">[Bootstrap模板] 简约简历资料网页模板 Bootstrap4</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7639" title="bootstrap响应式宽屏图书教育网站模板-DREAMLIFE" target="_blank">[Bootstrap模板] bootstrap响应式宽屏图书教育网站模板-DREAMLIFE</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7634" title="MAC风格响应式蓝色企业CMS后台管理系统模版" target="_blank">[后端模板] MAC风格响应式蓝色企业CMS后台管理系统模版</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7632" title="响应式渐变大气后台管理系统网站模板-usinessbox" target="_blank">[后端模板] 响应式渐变大气后台管理系统网站模板-usinessbox</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7629" title="响应式蔬菜水果商店网站模板-Organio" target="_blank">[Bootstrap模板] 响应式蔬菜水果商店网站模板-Organio</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2666" target="_blank" title="贴满春联挂上灯笼的房子矢量素材(EPS)">[网站素材] 贴满春联挂上灯笼的房子矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2665" target="_blank" title="喜庆的年货集市矢量素材(EPS)">[网站素材] 喜庆的年货集市矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2664" target="_blank" title="开心逛年货集市的人们矢量素材(EPS)">[网站素材] 开心逛年货集市的人们矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2663" target="_blank" title="摆满年货的超市矢量素材(EPS)">[网站素材] 摆满年货的超市矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2662" target="_blank" title="开心逛年货超市的人们矢量素材(EPS)">[网站素材] 开心逛年货超市的人们矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2661" target="_blank" title="一家五口除夕夜举杯吃年夜饭矢量素材(EPS)">[网站素材] 一家五口除夕夜举杯吃年夜饭矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2660" target="_blank" title="手绘风格的金元宝和金币集合矢量素材(EPS)">[网站素材] 手绘风格的金元宝和金币集合矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2659" target="_blank" title="坐在金元宝堆上的兔子恭喜发财矢量素材(AI+EPS)">[网站素材] 坐在金元宝堆上的兔子恭喜发财矢量素材(AI+EPS)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8045" target="_blank" title="IT技术服务公司网站模板">[前端模板] IT技术服务公司网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8044" target="_blank" title="APP应用程序开发公司网站模板">[前端模板] APP应用程序开发公司网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8043" target="_blank" title="优秀设计书籍推荐宣传网页模板">[前端模板] 优秀设计书籍推荐宣传网页模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8042" target="_blank" title="极简风互联网岗位求职简历网页模板">[前端模板] 极简风互联网岗位求职简历网页模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8041" target="_blank" title="HTML5高尔夫俱乐部宣传网站模板">[前端模板] HTML5高尔夫俱乐部宣传网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8040" target="_blank" title="公益网络数学课程网站模板">[前端模板] 公益网络数学课程网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8039" target="_blank" title="HTML5印刷排版服务行业网站模板">[前端模板] HTML5印刷排版服务行业网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8038" target="_blank" title="摩托车机车服务商网站模板">[前端模板] 摩托车机车服务商网站模板</a> </div> </li> </ul> </div> <script> $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div>   <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a href="//m.sbmmt.com/about/us.html" rel="nofollow" target="_blank" title="关于我们" class="cBlack">关于我们</a> <a href="//m.sbmmt.com/about/disclaimer.html" rel="nofollow" target="_blank" title="免责申明" class="cBlack">免责申明</a> <a href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')" title="意见反馈" class="cBlack">意见反馈</a> <a href="//m.sbmmt.com/teacher.html" rel="nofollow" target="_blank" title="讲师合作" class="cBlack">讲师合作</a> <a href="//m.sbmmt.com/blog/detail/20304.html" rel="nofollow" target="_blank" title="广告合作" class="cBlack">广告合作</a>  <a href="//m.sbmmt.com/update/article_0_1.html" target="_blank" title="最新文章列表" class="cBlack">技术文章</a> <div class="clear"></div> </dt> <dd class="cont1">php中文网：公益在线php培训，帮助PHP学习者快速成长！</dd> <dd class="cont2"> <span class="ylwTopBox"> <a href="javascript:;" class="cBlack"><b class="icon1"></b>关注服务号</a> <em style="display:none;" class="ylwTopSub"> <p>微信扫码<br/>关注PHP中文网服务号</p> <img src="/static/images/examples/text16.png"/> </em> </span> <span class="ylwTopBox"> <a href="tencent://message/?uin=27220243&Site=m.sbmmt.com&Menu=yes" target="_blank" class="cBlack"><b class="icon2"></b>技术交流群</a> <em style="display:none;" class="ylwTopSub"> <p>QQ扫码<br/>加入技术交流群</p> <img src="/static/images/examples/text18.png"/> </em> </span> <div class="clear"></div> </dd> </dl> <div class="ylwTopBox phpAppBox" style="top: 0px; right: 20px;"> <div class="phpAppTitle"><a href="//m.sbmmt.com/app/" style="color:#cccccc;">app下载</a></div> <div class="phpAppSub ylwTopSub" style="display: none;"> <img src="//m.sbmmt.com/static/images/examples/text14.png"/> <p>扫描下载App</p> </div> </div> </div> <div class="phpFootRight"> <div class="phpFootMsg"> <span><img src="/static/images/examples/text17.png"/></span> <dl> <dt>PHP中文网订阅号</dt> <dd>每天精选资源文章推送</dd> </dl> </div> <div class="phpFootMsg"> <span><img src="/static/images/examples/text14.png"/></span> <dl> <dt>PHP中文网APP</dt> <dd>随时随地碎片化学习</dd> </dl> </div> <div class="phpFootMsg"> <span><img src="/static/images/dy.png"/></span> <dl> <dt>PHP中文网抖音号</dt> <dd>发现有趣的</dd> </dl> </div> </div> </div> </div> <div class="phpFootCode"> <div class="phpFootCodeIn"><p>Copyright 2014-2023 <a href="//m.sbmmt.com/" target="_blank">//m.sbmmt.com/</a> All Rights Reserved | 苏州跃动光标网络科技有限公司 | <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">苏ICP备2020058653号-1</a></p><a href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" target="_blank"><b></b></a> <p> | 本站CDN由 <a href="https://www.wjdun.cn/" rel="nofollow" target="_blank" style="color:#787d82">数掘科技</a> 提供</p></div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://m.sbmmt.com/hm.js?c0e685c8743351838d2a7db1c49abd56"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <span class="layui-hide"><script type="text/javascript" src="https://s4.m.sbmmt.com/z_stat.php?id=1280886301&web_id=1280886301"></script></span>  <script> $(function() { //直播倒计时 $(".liveitem").each(function(){ timer(this); }) function timer(obj){ var intDiff = $(obj).data("countdown"); window.setInterval(function(){ var day=0, hour=0, minute=0, second=0;//时间默认值 if(intDiff > 0){ day = Math.floor(intDiff / (60 * 60 * 24)); hour = Math.floor(intDiff / (60 * 60)) - (day * 24); minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60); second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60); }else{ $(obj).find(".phpZbktBg").remove(); return; } if (hour <= 9) hour = '0' + hour; if (minute <= 9) minute = '0' + minute; if (second <= 9) second = '0' + second; $(obj).find('.day_show').html(day+""); $(obj).find('.hour_show').html('<s id="h"></s>'+hour+''); $(obj).find('.minute_show').html('<s></s>'+minute+''); $(obj).find('.second_show').html('<s></s>'+second+''); intDiff--; }, 1000); } }); </script> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1689788224"></script> <script>article_status = 0;</script> <script type="text/javascript" src="/static/js/jquery.min.js"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <input type="hidden" id="verifycode" value="/captcha.html"> <script src="/static/js/jquery.min.js"></script> <script src="/static/layui/layui.js"></script> <script src="/static/js/common_new.js?2.1" ></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.33"></script> <script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//m.sbmmt.com/hm.js?c0e685c8743351838d2a7db1c49abd56";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);})();</script> <script type="text/javascript" src="/static/js/jquery.cookie.js"></script> <script>var topadshow = $.cookie('phpcndatatopadshows');if(!topadshow&&1==2){$('.topimages').show();var topobj = $('.topimages').find('.time');var topobj_day = $('.topimages .time').find('.day');var topobj_hours = $('.topimages .time').find('.hours');var topobj_minutes = $('.topimages .time').find('.minutes');var topobj_second = $('.topimages .time').find('.second');var topday = parseInt(topobj_day.html());var tophours = parseInt(topobj_hours.html());var topminutes = parseInt(topobj_minutes.html());var topsecond = parseInt(topobj_second.html());setInterval(function(){if(topsecond > 0){topsecond = topsecond-1;}else{if(topminutes > 0){topminutes = topminutes-1;topsecond = 59;}else{if(tophours > 0){tophours = tophours-1;topminutes = 59;topsecond = 59;}else{if(topday > 0){topday = topday -1;tophours = 23;topminutes = 59;topsecond = 59;}else{topobj.html("<p><span>活动已结束</span></p>");}}}}topobj_second.html(topsecond);topobj_minutes.html(topminutes);topobj_hours.html(tophours);topobj_day.html(topday);},1000);}$('.topimages .layui-icon-close').click(function(){$.cookie('phpcndatatopadshows',1,{expires:7});$('.topimages').hide();});</script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <style> .content img{max-width:80%;} .copy-button { padding: 5px 10px; background-color: #666; border: none; color: #FFF; font-size: 12px; cursor: pointer; border-radius: 5px; position: relative; top: 33px; right: 5px; z-index: 99; float: right; } .copy-button:hover { background-color: #fc3930; } </style> <script> $(document).ready(function(){ $('#gongzhonghao').hover(function(){ $('#gzh').show(); },function(){ $('#gzh').hide(); }) }) </script> <script> layui.use(['jquery','layer'], function(){ var is_login = "0"; var show = 0; var ceng = getCookie('ceng'); //文章下拉弹出登录 if(is_login == 0 && !ceng) { window.onscroll = function(){ var t = document.documentElement.scrollTop || document.body.scrollTop; var top_div = document.getElementById( "top_div" ); if( t >= 2500 && show == 0) { show = 1 setCookie('ceng',1,1); $(document).trigger("api.loginpopbox"); } } } //未登录复制显示登录按钮 if(is_login == 0) { $(".code").hover(function(){ $(this).find('.contentsignin').show(); },function(){ $(this).find('.contentsignin').hide(); }); //不给复制 $('.code').bind("cut copy paste",function(e) { e.preventDefault(); }); $('.code .contentsignin').click(function(){ $(document).trigger("api.loginpopbox"); }) }else { // 获取所有的 <pre> 元素 var preElements = document.querySelectorAll('pre'); // 遍历每个 <pre> 元素 preElements.forEach(function(preElement) { // 创建复制按钮 var copyButton = document.createElement('button'); copyButton.className = 'copy-button'; copyButton.textContent = '复制'; // 添加点击事件处理程序 copyButton.addEventListener('click', function() { // 获取当前按钮所属的 <pre> 元素中的文本内容 var textContent = preElement.textContent.trim(); // 创建一个临时 textarea 元素并设置其值为 <pre> 中的文本内容 var tempTextarea = document.createElement('textarea'); tempTextarea.value = textContent; // 将临时 textarea 添加到文档中 document.body.appendChild(tempTextarea); // 选中临时 textarea 中的文本内容并执行复制操作 tempTextarea.select(); document.execCommand('copy'); // 移除临时 textarea 元素 document.body.removeChild(tempTextarea); // 更新按钮文本为 "已复制" this.textContent = '已复制'; }); // 将按钮添加到 <pre> 元素前面 preElement.parentNode.insertBefore(copyButton, preElement); }); } }) function setCookie(name,value,iDay){ //name相当于键，value相当于值，iDay为要设置的过期时间（天） var oDate = new Date(); oDate.setDate(oDate.getDate() + iDay); document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate; } function getCookie(name) { var cookieArr = document.cookie.split(";"); for(var i = 0; i < cookieArr.length; i++) { var cookiePair = cookieArr[i].split("="); if(name == cookiePair[0].trim()) { return decodeURIComponent(cookiePair[1]); } } return null; } window.onload = function() { // 在这里引用需要延迟加载的 JavaScript 文件 var script = document.createElement('script'); script.src = 'https://cdn.wwads.cn/js/makemoney.js'; document.body.appendChild(script); }; </script>  <div class="phpFudong"> <div class="phpFudongIn"> <div class="phpFudongImg"></div> <div class="phpFudongXue">登录PHP中文网，和优秀的人一起学习！</div> <div class="phpFudongQuan">全站<span>2000+</span>教程免费学</div> <div class="phpFudongCode"><a href="javascript:;" id="login" title="微信扫码登录">微信扫码登录</a></div> <div class="phpGuanbi" onclick="$('.phpFudong').hide();"></div> <div class="clear"></div> </div> </div>    <script src="https://sw.php.cn/hezuo/878d86723f149602730171fd9c17fe8b.html"></script> </body> </html>

首页

PHP培训

视频教程

学习路径

资源下载

技术文章

社区

微信公众号

php8，我来也

细说PHP(2021版)第一季

TP6.0 搭建个人博客实战（玉女心经版）

2018前端入门_HTML5

JavaScript极速入门_玉女心经系列

独孤九贱(1)_HTML5视频教程

CSS视频教程-玉女心经版

30分钟学会网站布局

Thinkphp6.0正式版视频教程

php8，我来也

PHP实战天龙八部之微信支付视频教程

CI框架30分钟极速入门

MySQL权威开发指南（教程）

Redis基础视频课程

尚观Oracle入门到精通视频教程

PDO操作极速入门,今天你用了吗？

你的第一行UNI-APP代码

Uniapp简爱读书项目开发--第一季

公益直播：Uniapp微信小程序1:1仿饿了么首页

Flutter从零到APP上架

phpStudy V8 视频教程

兄弟连新版Linux视频教程

Git教程(60分钟全程无废话版)

vscode其实很简单

AXURE 9视频教程(适合产品经理交互产品设计 UI)

零基础精通 PS 视频教程

16天带你入门UI视频教程

PS技法与切片技术视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述—程序员必须掌握的基础知识

程序员入门必备教程—HTTP协议详解

Websocket视频教程