JS 插件dropload下拉刷新、上拉加载使用小结

前端展示PHP 代码；

PHP;"> <Meta name="viewport" content="initial-scale=1,user-scalable=0,minimal-ui" charset="UTF-8"> 加载顶部、<a href="https://www.jb51.cc/tag/dibu/" target="_blank" class="keywords">底部</a>@H_<a href="https://www.jb51.cc/tag/404/" target="_blank" class="keywords">404</a>_6@  <link rel="stylesheet" type="text/css" href="./css/display.css" rel="external nofollow" >  <link rel="stylesheet" href="./css/dropload.css" rel="external nofollow" > </head> <body> <div class="header"> <h1>就当我是新闻页吧</h1> </div> <div class="content"> <div class="lists">  <?<a href="https://www.jb51.cc/tag/PHP/" target="_blank" class="keywords">PHP</a> for ($i=0; $i < count($data->data) ; $i++) { ?> <a class="item" href="#" rel="external nofollow" > <img src="./img/pic.jpg" alt=""> <h3>hehe</h3> <span class="date"><?php echo $data->data[$i]->id; ?></span> </a> <?php } ?> </div> </div> <div class="footer"> <a href="#1" rel="external nofollow" class="item">测试菜单</a> <a href="#2" rel="external nofollow" class="item">只做展示</a> <a href="#3" rel="external nofollow" class="item">无功能</a> <a href="#4" rel="external nofollow" class="item">不用点</a> </div>  <script src="./js/jquery.min.js"></script> <script src="./js/dropload.min.js"></script> <script> $(function(){ var paging = 1;//<a href="https://www.jb51.cc/tag/yema/" target="_blank" class="keywords">页码</a>数 // dropload<a href="https://www.jb51.cc/tag/hanshu/" target="_blank" class="keywords">函数</a>接口设置 $('.content').dropload({ scrollArea : window,// 下拉刷新模块<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a><a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a> domUp : { domClass : 'dropload-up',// 下拉过程<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a><a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a> domRefresh : '<div class="dropload-refresh">↓下拉过程<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a><a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a>-下拉刷新-<a href="https://www.jb51.cc/tag/zidingyi/" target="_blank" class="keywords">自定义</a><a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a></div>',// 下拉到一定程度<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a><a href="https://www.jb51.cc/tag/tishi/" target="_blank" class="keywords">提示</a><a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a> domUpdate : '<div class="dropload-update">↑释放更新-<a href="https://www.jb51.cc/tag/zidingyi/" target="_blank" class="keywords">自定义</a><a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a></div>',// 释放后<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a><a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a> domLoad : '<div class="dropload-load"><span class="loading"></span>加载中-<a href="https://www.jb51.cc/tag/zidingyi/" target="_blank" class="keywords">自定义</a><a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a>...</div>' },domDown : { domClass : 'dropload-down',// 滑动到<a href="https://www.jb51.cc/tag/dibu/" target="_blank" class="keywords">底部</a><a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a><a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a> domRefresh : '<div class="dropload-refresh">↑上拉加载更多-<a href="https://www.jb51.cc/tag/zidingyi/" target="_blank" class="keywords">自定义</a><a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a></div>',// <a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a>加载过程中<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a><a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a> domLoad : '<div class="dropload-load"><span class="loading"></span>加载中-<a href="https://www.jb51.cc/tag/zidingyi/" target="_blank" class="keywords">自定义</a><a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a>...</div>',// 没有更多<a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a>-<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a><a href="https://www.jb51.cc/tag/tishi/" target="_blank" class="keywords">提示</a> domNoData : '<div class="dropload-noData">暂无数据-<a href="https://www.jb51.cc/tag/zidingyi/" target="_blank" class="keywords">自定义</a><a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a></div>' },// 1 . 下拉刷新回调<a href="https://www.jb51.cc/tag/hanshu/" target="_blank" class="keywords">函数</a> loadUpFn : function(me){ $.ajax({ type: 'GET',// 每次<a href="https://www.jb51.cc/tag/huoqu/" target="_blank" class="keywords">获取</a>最新的数据即可 url: './interfaces/page.<a href="https://www.jb51.cc/tag/PHP/" target="_blank" class="keywords">PHP</a>?paging=1',dataType: 'json',success: function(data){ // $.ajax()虽然接口提供json字符串，但接收到的是 json对象 // alert(typeof(data)); var result = ''; // 循环拼接<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a><a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a> DOM // 刷新<a href="https://www.jb51.cc/tag/huoqu/" target="_blank" class="keywords">获取</a>多少数据，<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a>多少使用html()重置 lists DOM for(var i = 0; i < data.data.length; i++){ result += '<a class="item opacity" href="'+data.data[i].link+'" rel="external nofollow" rel="external nofollow" >' +'<img src="'+data.data[i].pic+'" alt="">' +'<h3>hehe</h3>' +'<span class="date">'+data.data[i].id+'</span>' +'</a>'; } // 为了测试，延迟1秒加载 setTimeout(function(){ // 插入加载使用 html() 重置 DOM $('.lists').html(result); // 每<a href="https://www.jb51.cc/tag/cishu/" target="_blank" class="keywords">次数</a>据加载完，必须重置 me.resetload(); },1000); },// 加载出错 error: function(xhr,type){ alert('Ajax error!'); // 即使加载出错，也得重置 me.resetload(); } }); },// 2 . 上拉加载更多回调<a href="https://www.jb51.cc/tag/hanshu/" target="_blank" class="keywords">函数</a> loadDownFn : function(me){ paging++; // 每次请求，<a href="https://www.jb51.cc/tag/yema/" target="_blank" class="keywords">页码</a>加1 $.ajax({ type: 'GET',url: './interfaces/page.<a href="https://www.jb51.cc/tag/PHP/" target="_blank" class="keywords">PHP</a>?paging='+paging,success: function(data){ // data = JSON.parse(data); var result = ''; // 选择需要<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a>的数据拼接 DOM for(var i = 0; i < data.data.length; i++){ result += '<a class="item opacity" href="'+data.data[i].link+'" rel="external nofollow" rel="external nofollow" >' +'<img src="'+data.data[i].pic+'" alt="">' +'<h3>heheh</h3>' +'<span class="date">'+data.data[i].id+'</span>' +'</a>'; if(data.data.length<15){ // 再往下已经没有数据 // 锁定 me.lock(); // <a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a>无数据 me.noData(); break; } } // 为了测试，延迟1秒加载 setTimeout(function(){ // 加载插入到原有 DOM 之后 $('.lists').append(result); // 每<a href="https://www.jb51.cc/tag/cishu/" target="_blank" class="keywords">次数</a>据加载完，必须重置 me.resetload(); },threshold : 50 // 什么作用??? }); }); </script> </body> </html></pre> </div> <p>后端<a href="https://www.jb51.cc/tag/fenye/" target="_blank" class="keywords">分页</a>接口</p> <div class="jb51code"> <pre class="brush:<a href="https://www.jb51.cc/tag/PHP/" target="_blank" class="keywords">PHP</a>;"> <?php header("Content-type: text/html; charset=utf-8"); // 包含数据库配置信息 include_once('../config.php'); // 接收数据 $paging = isset($_REQUEST['paging'])?$_REQUEST['paging']:''; // $paging = 1; $num = 15;//每页显示记录条数 $start_page = $num*($paging-1);// 每页第一条记录编号 // 用于返回数据 $return = array(); $data = array(); /* mysqli 面向对象编程方式 */ // 1 . 创建数据库链接 $conn = new mysqli($servername,$username,$password,$database); if ($conn->connect_error) { die("连接失败 : ".$conn->connect_error); } // echo "<a href="https://www.jb51.cc/tag/lianjie/" target="_blank" class="keywords">链接</a>成功"; // 设置字符集（以防出错每次都要写） $conn->query("SET NAMES utf8"); // 2 . 数据操作 $<a href="https://www.jb51.cc/tag/sql/" target="_blank" class="keywords">sql</a> = "SELECT * FROM mission_news order by id desc limit $start_page,$num;"; // $<a href="https://www.jb51.cc/tag/sql/" target="_blank" class="keywords">sql</a> = "SELECT * FROM mission_news order by id desc limit 0,15;"; // 3 . 执行一条语句 $ret = $conn->query($<a href="https://www.jb51.cc/tag/sql/" target="_blank" class="keywords">sql</a>); // 4 . 循环<a href="https://www.jb51.cc/tag/huoqu/" target="_blank" class="keywords">获取</a>每条记录 if ($ret->num_rows > 0) { while ($row = $ret->fetch_assoc()) { //将每条记录以数组形式返回 // var_dump($row); // echo "id = ".$row['id']." mid = ".$row['mid']." context = ".$row['context']."<br>"; $tmp = array();//临时数组整合信息 $tmp['id'] = $row['id']; $tmp['mid'] = $row['mid']; $tmp['context'] = $row['context']; $tmp['turn'] = $row['turn']; $tmp['created'] = $row['created']; // 临时数组拼接到返回的数组中 $data[] = $tmp; // 自增 } // 拼接返回数组 $return['result'] = 1; $return['data'] = $data; } // 5 . <a href="https://www.jb51.cc/tag/guanbi/" target="_blank" class="keywords">关闭</a><a href="https://www.jb51.cc/tag/shujuku/" target="_blank" class="keywords">数据库</a> $conn->close(); // 6 . 编码为json字符串返回 echo json_encode($return); ?></pre> </div> <p>以上所述是小编给大家介绍的JS <a href="https://www.jb51.cc/tag/chajian/" target="_blank" class="keywords">插件</a>dropload下拉刷新、上拉加载使用小结。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可<a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a>给好友！感谢<a href="https://www.jb51.cc/tag/zhichi/" target="_blank" class="keywords">支持</a>。</p><i class="glyphicon glyphicon-link"></i> 原文链接：https://www.f2er.com/js/39977.html</div> <div class="topcard-tags"><a href="https://www.f2er.com/tag/droploadjs/" class="tag_link" target="_blank">dropload.js</a><a href="https://www.f2er.com/tag/shanglajiazai/" class="tag_link" target="_blank">上拉加载</a><a href="https://www.f2er.com/tag/xialashuaxin/" class="tag_link" target="_blank">下拉刷新</a></div> <ul class="list-group"> <li class="list-group-item"><a href="https://www.f2er.com/js/39978.html" title="angularjs指令之绑定策略（@、=、&）">上一篇：angularjs指令之绑定策略（@、=、&</a><a href="https://www.f2er.com/js/39968.html" title="angularjs实现首页轮播图效果" class="text-muted pull-right">下一篇：angularjs实现首页轮播图效果</a> </li> </ul> </div> </div> </div>  <div class="row row-sm"> <div class="col-sm-12 col-md-12 col-lg-12"> <div class="card"> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-4605373693034661" data-ad-slot="9144498553"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div> </div> <div class="row row-sm"> <div class="col-sm-12 col-md-12 col-lg-12"> <div class="card"> <div class="title"><h1>猜你在找的JavaScript相关文章</h1></div> <div class="list_con"> <a href="https://www.f2er.com/js/997747.html" title="Javascript中的事件冒泡与捕获"><div class="title">Javascript中的事件冒泡与捕获</div> <div class="summary">事件冒泡和事件捕获起因：今天在封装一个bind函数的时候，发现el.addEventListener函数支...</div> <time class="summary">作者：前端之家时间：2021-02-22</time> </a> </div> <div class="list_con"> <a href="https://www.f2er.com/js/997746.html" title="搞懂js中小数运算精度问题原因及解决办法"><img class="lazy" src="https://www.f2er.com/images/np.jpg" data-original="https://www.f2er.com/res/2021/02-22/19/e40e1eb184cb2a5d8c5f6c5e730d8e82.png" title="" width="160" height="90" style="float:right;margin-left:30px;display:none;" /><div class="title">搞懂js中小数运算精度问题原因及解决办法</div> <div class="summary">js小数运算会出现精度问题 js number类型 JS 数字类型只有number类型，number类型相当于其...</div> <time class="summary">作者：前端之家时间：2021-02-22</time> </a> </div> <div class="list_con"> <a href="https://www.f2er.com/js/997744.html" title="搞懂：前端跨域问题JS解决跨域问题VUE代理解决跨域问题原理"><div class="title">搞懂：前端跨域问题JS解决跨域问题VUE代理解决跨域问题原理</div> <div class="summary">什么是跨域跨域：广义的跨域包含一下内容： 1.资源跳转（链接跳转，重定向跳转，表单提...</div> <time class="summary">作者：前端之家时间：2021-02-22</time> </a> </div> <div class="list_con"> <a href="https://www.f2er.com/js/997743.html" title="前端对base64编码的理解，原生js实现字符base64编码"><div class="title">前端对base64编码的理解，原生js实现字符base64编码</div> <div class="summary">@ "TOC" 常见对base64的认知(不完全正确) 首先对base64常见的认知，也是...</div> <time class="summary">作者：前端之家时间：2021-02-22</time> </a> </div> <div class="list_con"> <a href="https://www.f2er.com/js/997742.html" title="搞懂：MVVM模型以及VUE中的数据绑定数据劫持发布订阅模式"><div class="title">搞懂：MVVM模型以及VUE中的数据绑定数据劫持发布订阅模式</div> <div class="summary">搞懂：MVVM模式和Vue中的MVVM模式 MVVM MVVM ：的缩写，说都能直接说出来：模型，：视图...</div> <time class="summary">作者：前端之家时间：2021-02-22</time> </a> </div> <div style="border-bottom: 1px solid #f4f4f4;margin-top:20px;"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fr-2o+fp-dx-wx" data-ad-client="ca-pub-4605373693034661" data-ad-slot="4561116489"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div><div class="list_con"> <a href="https://www.f2er.com/js/997318.html" title="js判断浏览器是否支持webGL"><div class="title">js判断浏览器是否支持webGL</div> <div class="summary">起因是我之前开发的网页，用到了three.js制作了一个3d的旋转球体效果。在各种浏览器上运行...</div> <time class="summary">作者：前端之家时间：2021-02-14</time> </a> </div> <div class="list_con"> <a href="https://www.f2er.com/js/997317.html" title="js判断undefined和null"><div class="title">js判断undefined和null</div> <div class="summary">js判断undefined js判断null js判断null和undefined</div> <time class="summary">作者：前端之家时间：2021-02-14</time> </a> </div> <div class="list_con"> <a href="https://www.f2er.com/js/997316.html" title="将文字自动转为banner打印形式的工具"><div class="title">将文字自动转为banner打印形式的工具</div> <div class="summary">http://patorjk.com/software/taag/</div> <time class="summary">作者：前端之家时间：2021-02-14</time> </a> </div> <div class="list_con"> <a href="https://www.f2er.com/js/997315.html" title="聊一聊 bootstrap 的轮播图插件"><div class="title">聊一聊 bootstrap 的轮播图插件</div> <div class="summary">今天做工作的时候，轻车熟路的做完，又用到了bootstrap的轮播图，觉得有必要安利一下这个插...</div> <time class="summary">作者：前端之家时间：2021-02-14</time> </a> </div> <div class="list_con"> <a href="https://www.f2er.com/js/997314.html" title="js实现图片无缝循环跑马灯"><div class="title">js实现图片无缝循环跑马灯</div> <div class="summary">html 代码 css js代码 function mylsRunHorseLight() { if (mylsTimer != null) { clearIn...</div> <time class="summary">作者：前端之家时间：2021-02-14</time> </a> </div> <div style="border-bottom: 1px solid #f4f4f4;margin-top:20px;"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fr-2o+fp-dx-wx" data-ad-client="ca-pub-4605373693034661" data-ad-slot="4561116489"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></div> </div> </div> </div>   <div class="col-sm-12 col-md-12 col-lg-3">  <div class="row row-sm"> <div class="col-sm-12 col-md-12 col-lg-12"> <div class="card"> <label class="main-content-label ">编程分类</label> <div class="cate mt-20"><a href="https://www.f2er.com/html/" title="HTML">HTML</a><a href="https://www.f2er.com/html5/" title="HTML5">HTML5</a><a href="https://www.f2er.com/js/" title="JavaScript">JavaScript</a><a href="https://www.f2er.com/css/" title="CSS">CSS</a><a href="https://www.f2er.com/jquery/" title="jQuery">jQuery</a><a href="https://www.f2er.com/bootstrap/" title="Bootstrap">Bootstrap</a><a href="https://www.f2er.com/angularjs/" title="Angularjs">Angularjs</a><a href="https://www.f2er.com/typescript/" title="TypeScript">TypeScript</a><a href="https://www.f2er.com/vue/" title="Vue">Vue</a><a href="https://www.f2er.com/dojo/" title="Dojo">Dojo</a><a href="https://www.f2er.com/json/" title="Json">Json</a><a href="https://www.f2er.com/electron/" title="Electron">Electron</a><a href="https://www.f2er.com/nodejs/" title="Node.js">Node.js</a><a href="https://www.f2er.com/extjs/" title="extjs">extjs</a><a href="https://www.f2er.com/express/" title="Express ">Express </a><a href="https://www.f2er.com/xml/" title="XML">XML</a><a href="https://www.f2er.com/es6/" title="ES6">ES6</a><a href="https://www.f2er.com/ajax/" title="Ajax">Ajax</a><a href="https://www.f2er.com/flash/" title="Flash">Flash</a><a href="https://www.f2er.com/unity/" title="Unity">Unity</a><a href="https://www.f2er.com/react/" title="React">React</a><a href="https://www.f2er.com/flex/" title="Flex">Flex</a><a href="https://www.f2er.com/antdesign/" title="Ant Design">Ant Design</a><a href="https://www.f2er.com/webfrontend/" title="Web前端">Web前端</a><a href="https://www.f2er.com/weapp/" title="微信小程序">微信小程序</a><a href="https://www.f2er.com/wxmp/" title="微信公众号">微信公众号</a><div class="clearfix"></div> </div> </div> </div> </div>   <div class="row row-sm"> <div class="col-sm-12 col-md-12 col-lg-12"> <div class="card">  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4605373693034661" data-ad-slot="7756441254" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div>   <div class="row row-sm"> <div class="col-sm-12 col-md-12 col-lg-12"> <div class="card"> <label class="main-content-label ">最新文章</label> <ul class="n-list"><li><a href="https://www.f2er.com/js/997747.html" title="Javascript中的事件冒泡与捕获" target="_blank">• Javascript中的事件冒泡与</a></li> <li><a href="https://www.f2er.com/js/997746.html" title="搞懂js中小数运算精度问题原因及解决办法" target="_blank">• 搞懂js中小数运算精度问题</a></li> <li><a href="https://www.f2er.com/js/997744.html" title="搞懂：前端跨域问题JS解决跨域问题VUE代理解决跨域问题原理" target="_blank">• 搞懂：前端跨域问题JS解决</a></li> <li><a href="https://www.f2er.com/js/997743.html" title="前端对base64编码的理解，原生js实现字符base64编码" target="_blank">• 前端对base64编码的理解，</a></li> <li><a href="https://www.f2er.com/js/997742.html" title="搞懂：MVVM模型以及VUE中的数据绑定数据劫持发布订阅模式" target="_blank">• 搞懂：MVVM模型以及VUE中的</a></li> <li><a href="https://www.f2er.com/js/997493.html" title="js实现横向跑马灯效果" target="_blank">• js实现横向跑马灯效果</a></li> <li><a href="https://www.f2er.com/js/997318.html" title="js判断浏览器是否支持webGL" target="_blank">• js判断浏览器是否支持webG</a></li> <li><a href="https://www.f2er.com/js/997317.html" title="js判断undefined和null" target="_blank">• js判断undefined和null</a></li> <li><a href="https://www.f2er.com/js/997316.html" title="将文字自动转为banner打印形式的工具" target="_blank">• 将文字自动转为banner打印</a></li> <li><a href="https://www.f2er.com/js/997315.html" title="聊一聊 bootstrap 的轮播图插件" target="_blank">• 聊一聊 bootstrap 的轮播图</a></li> </ul> </div> </div> </div>   <div class="row row-sm"> <div class="col-sm-12 col-md-12 col-lg-12"> <div class="card"> <label class="main-content-label ">热门标签 <span class="pull-right tx-12"> <a href="https://www.f2er.com/all" target="_blank">更多 ►</a></span> </label> <div class="topcard-tags"><a href="https://www.f2er.com/tag/guanbiyangao/" title="关闭广告" target="_blank">关闭广告</a><a href="https://www.f2er.com/tag/danduheaders/" title="单独headers" target="_blank">单独headers</a><a href="https://www.f2er.com/tag/fengzhuangdaima/" title="封装代码" target="_blank">封装代码</a><a href="https://www.f2er.com/tag/tishicuowu/" title="提示错误" target="_blank">提示错误</a><a href="https://www.f2er.com/tag/zhengshuzhengze/" title="整数正则" target="_blank">整数正则</a><a href="https://www.f2er.com/tag/fei0kaitou/" title="非0开头" target="_blank">非0开头</a><a href="https://www.f2er.com/tag/tiaoye/" title="跳页" target="_blank">跳页</a><a href="https://www.f2er.com/tag/chuyema/" title="出页码" target="_blank">出页码</a><a href="https://www.f2er.com/tag/antdtable/" title="antd table" target="_blank">antd table</a><a href="https://www.f2er.com/tag/tishiURLweizhuce/" title="提示URL未注册" target="_blank">提示URL未注册</a><a href="https://www.f2er.com/tag/gongzhonghaozhifu/" title="公众号支付" target="_blank">公众号支付</a><a href="https://www.f2er.com/tag/vuehashmoshi/" title="vue hash模式" target="_blank">vue hash模式</a><a href="https://www.f2er.com/tag/iSlider/" title="iSlider" target="_blank">iSlider</a><a href="https://www.f2er.com/tag/chepaijianpan/" title="车牌键盘" target="_blank">车牌键盘</a><a href="https://www.f2er.com/tag/xunhuantupian/" title="循环图片" target="_blank">循环图片</a><a href="https://www.f2er.com/tag/echartsshuangzhexian/" title="echarts 双折线" target="_blank">echarts 双折</a><a href="https://www.f2er.com/tag/zuoyoubuju/" title="左右布局" target="_blank">左右布局</a><a href="https://www.f2er.com/tag/DllPlugin/" title="DllPlugin" target="_blank">DllPlugin</a><a href="https://www.f2er.com/tag/duixiangchuangjian/" title="对象创建" target="_blank">对象创建</a><a href="https://www.f2er.com/tag/daziyouxi/" title="打字游戏" target="_blank">打字游戏</a><a href="https://www.f2er.com/tag/quanxuan/" title="圈选" target="_blank">圈选</a><a href="https://www.f2er.com/tag/lianglan/" title="两栏" target="_blank">两栏</a><a href="https://www.f2er.com/tag/yunhanshu/" title="云函数" target="_blank">云函数</a><a href="https://www.f2er.com/tag/mengban/" title="蒙版" target="_blank">蒙版</a><a href="https://www.f2er.com/tag/ES2020/" title="ES2020" target="_blank">ES2020</a><a href="https://www.f2er.com/tag/chuchuang/" title="橱窗" target="_blank">橱窗</a><a href="https://www.f2er.com/tag/wufenggundonglunbo/" title="无缝滚动轮播" target="_blank">无缝滚动轮播</a><a href="https://www.f2er.com/tag/sekuaipengzhuang/" title="色块碰撞" target="_blank">色块碰撞</a><a href="https://www.f2er.com/tag/zujianxiaohui/" title="组件销毁" target="_blank">组件销毁</a><a href="https://www.f2er.com/tag/wendangcaozuo/" title="文档操作" target="_blank">文档操作</a></div> </div> </div> </div>   <div class="row row-sm"> <div class="col-sm-12 col-md-12 col-lg-12"> <div class="card">  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4605373693034661" data-ad-slot="7756441254" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div>  </div>  </div> </div> <footer id="footer"> <div class="container"> <div class="row hidden-xs"> <dl class="col-sm-6 site-link"> <dt>最近更新</dt><dd><a href="https://www.f2er.com/faq/884225.html" title="jQuery选择伪元素：after" target="_blank">· jQuery选择伪元素：after</a><span class="text-muted pull-right">10-20</span></dd> <dd><a href="https://www.f2er.com/faq/884224.html" title="JavaScript随机颜色生成器" target="_blank">· JavaScript随机颜色生成器</a><span class="text-muted pull-right">10-20</span></dd> <dd><a href="https://www.f2er.com/faq/884223.html" title="JavaScript指数" target="_blank">· JavaScript指数</a><span class="text-muted pull-right">10-20</span></dd> <dd><a href="https://www.f2er.com/faq/884222.html" title="addResourceHandlers无法解析静态资源" target="_blank">· addResourceHandlers无法解析静态资源</a><span class="text-muted pull-right">10-20</span></dd> <dd><a href="https://www.f2er.com/faq/884221.html" title="如何将字节数组转换为MultipartFile" target="_blank">· 如何将字节数组转换为MultipartFile</a><span class="text-muted pull-right">10-20</span></dd> <dd><a href="https://www.f2er.com/faq/884220.html" title="在java中如何创建一个文件并写入内容？" target="_blank">· 在java中如何创建一个文件并写入内容？</a><span class="text-muted pull-right">10-20</span></dd> <dd><a href="https://www.f2er.com/faq/884219.html" title="星号*在Python中是什么意思？" target="_blank">· 星号*在Python中是什么意思？</a><span class="text-muted pull-right">10-20</span></dd> <dd><a href="https://www.f2er.com/faq/884218.html" title="Flask框架：MVC模式" target="_blank">· Flask框架：MVC模式</a><span class="text-muted pull-right">10-20</span></dd> <dd><a href="https://www.f2er.com/faq/884217.html" title="在JavaScript对象数组中按ID查找对象" target="_blank">· 在JavaScript对象数组中按ID查找对象</a><span class="text-muted pull-right">10-20</span></dd> <dd><a href="https://www.f2er.com/faq/884216.html" title="使用Javascript / jQuery下载文件" target="_blank">· 使用Javascript / jQuery下载文件</a><span class="text-muted pull-right">10-20</span></dd> </dl> <dl class="col-sm-4 site-link"> <dt>好站推荐</dt><dd> <a href="https://www.runoob.com" title="菜鸟教程(www.runoob.com)提供了编程的基础技术教程, 介绍了HTML、CSS、Javascript、Python，Java，Ruby，C，PHP , MySQL等各种编程语言的基础知识。同时本站中也提供了大量的在线实例，通过实例，您可以更好的学习编程。" target="_blank">菜鸟教程</a></dd><dd> <a href="https://www.jb51.cc" title="编程之家(www.jb51.cc)是成立于2017年面向全球中文开发者的技术内容分享平台。提供编程导航、编程问答、编程博文、编程百科、编程教程、编程工具、编程实例等开发者最需要的编程技术内容与开发工具支持，与你一起学习编程，相信编程改变未来！" target="_blank">编程之家</a></dd><dd> <a href="https://www.f2er.com" title="前端之家 f2er.com 前端开发人员所需学习知识手册。" target="_blank">前端之家</a></dd></dl> <dl class="col-sm-2 site-link"> <dt>商务合作</dt> <dd><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=76874919&site=qq&menu=yes">联系我们</a></dd> </dl> </div> <div class="copyright"> Copyright © 2019 前端之家. 当前版本 V7.0.16<br> <span class="ml5">前端之家版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">闽ICP备13020303号-10</a></span> </div> </div> </footer> <script type="text/javascript" src="https://www.f2er.com/js/base.js"></script> </body> </html>