开发工具与关键技术：VS 作者:听民谣的老猫 撰写时间：2019/6/10 18:15 </code></pre> <p><a href="http://img.e-com-net.com/image/info8/6d1c00a38ec14abbb7548e364bfe3cb6.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/6d1c00a38ec14abbb7548e364bfe3cb6.jpg" alt="iframe标签（页面嵌套）_第1张图片" width="650" height="281" style="border:1px solid black;"></a><br> <a href="http://img.e-com-net.com/image/info8/860cee0013dc4dc8ac49c7536535a83a.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/860cee0013dc4dc8ac49c7536535a83a.jpg" alt="iframe标签（页面嵌套）_第2张图片" width="650" height="237" style="border:1px solid black;"></a></p> <p>上面两张图是两个不同的页面但是它们的基本框架都是一样，每点击一次左边的导航栏改变的都是中间的内容区域。也就是说共同的框架都是没有改变的，改变的是中间的内容。</p> <h2>有没有什么方法可以不改变外面的基本框架只改变中间的内容???</h2> <p><a href="http://img.e-com-net.com/image/info8/797e5c3a3ce845769add5233ea1808d8.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/797e5c3a3ce845769add5233ea1808d8.png" alt="在这里插入图片描述" width="662" height="70"></a><br> 我们可以用页面嵌套方法来达到这一要求。页面嵌套的方法有很多种，在这我用的是标签来达到页面嵌套的效果。</p> <h2></h2> <p>定义： 标签规定一个内联框架，在当前html中嵌入另一个文档;<br> 语法： </p> 的一些常用属性 <table> <thead> <tr> <th>参数</th> <th>解析</th> </tr> </thead> <tbody> <tr> <td>align</td> <td>根据周围的文字排列 iframe。</td> </tr> <tr> <td>frameBorder</td> <td>是否显示框架周围的边框。</td> </tr> <tr> <td>noResize</td> <td>框架是否可调整大小</td> </tr> <tr> <td>scrolling</td> <td>框架是否有滚动条。</td> </tr> <tr> <td>src</td> <td>被嵌入html中文档的URL。</td> </tr> </tbody> </table> <p>实列：<br> <a href="http://img.e-com-net.com/image/info8/b5c34d87cc6f4019af8eb770fbd215cd.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/b5c34d87cc6f4019af8eb770fbd215cd.png" alt="iframe标签（页面嵌套）_第3张图片" width="738" height="195" style="border:1px solid black;"></a><br> 将开始截的图片嵌入内容改成百度首页<br> <a href="http://img.e-com-net.com/image/info8/84c4282b7a914c0298333972d0ade4d0.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/84c4282b7a914c0298333972d0ade4d0.jpg" alt="iframe标签（页面嵌套）_第4张图片" width="650" height="229" style="border:1px solid black;"></a><br> 可以看出百度首页已经被嵌入我们这个页面了，但是嵌入后页面出现了滚动条，嵌入页面的滚动条影响了用户体验和页面美观所以我们得去除掉这个滚动条。其实就是设置iframe的高度，等于内嵌网页的高度，这样就看不出来滚动条和嵌套痕迹。<br> 自动调节iframe高度Js代码</p> <pre><code>//根据浏览器大小调整iframe高度 reSetSize(); window.onresize = reSetSize; function reSetSize() { var windowsHeight = window.innerHeight; document.getElementById("content").style.height = (windowsHeight-框架顶部高度) + "px"; } </code></pre> <p>解析：<br> 将你嵌入页面的高度设置成屏幕可视高度减去原框架顶部和底部高度（宽度设置同理）。</p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1305358379455123456"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(iframe)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1946948997247725568.htm" title="JS补充18-dom中的查" target="_blank">JS补充18-dom中的查</a> <span class="text-muted">常婧帅</span> <div>查查看元素节点document代表整个文档document.getElementById()元素id在ie8以下的浏览器，不区分id大小写，而且也返回匹配name属性的元素。document.getElementsByTagName()标签名。document.getElementsByName()需要注意只有部分标签name可生效(表单，表单元素，img，iframe)document.getE</div> </li> <li><a href="/article/1946602989552726016.htm" title="众趣SDK重磅升级：空间物联IOT新视界，赋能实景三维场景深度应用" target="_blank">众趣SDK重磅升级：空间物联IOT新视界，赋能实景三维场景深度应用</a> <span class="text-muted">zhongqu_3dnest</span> <a class="tag" taget="_blank" href="/search/%E7%89%A9%E8%81%94%E7%BD%91/1.htm">物联网</a><a class="tag" taget="_blank" href="/search/3d/1.htm">3d</a><a class="tag" taget="_blank" href="/search/%E7%82%B9%E4%BA%91%E5%A4%84%E7%90%86/1.htm">点云处理</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/1.htm">计算机视觉</a><a class="tag" taget="_blank" href="/search/%E7%82%B9%E4%BA%91%E6%89%AB%E6%8F%8F/1.htm">点云扫描</a> <div>近日，空间数字孪生云服务行业领导者—众趣科技宣布旗下核心产品云服务平台QverseSDK迎来里程碑式升级！本次升级聚焦行业前沿需求，重磅推出IoT设备监控系统、iframe跨平台页面无缝集成、BI数据智能三大解决方案，旨在将三维空间计算能力转化为更强大、更易用的生产力工具，为企业用户和开发者构建下一代空间数字化应用提供坚实底座。一、IoT空间物联，让设备运行尽在掌控痛点解决：告别传统分散的设备管理</div> </li> <li><a href="/article/1943950289824444416.htm" title="实时预览功能问题" target="_blank">实时预览功能问题</a> <span class="text-muted">GISer_Jinger</span> <a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE/1.htm">项目</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>你遇到的问题是：“B端修改配置后无法实时出现在previewiframe中，而必须点击刷新才能生效”。主要原因与以下几方面有关：❗为什么需要手动刷新：iFrame与主页面之间缺少实时通信机制：原本仅靠刷新重新加载iframe，而没有通过postMessage等方式同步状态；Valtio的proxy状态不能跨文件热刷新持久保存：当你修改包含proxy定义的文件，热重载会导致object被替换，监听丢</div> </li> <li><a href="/article/1943305075497693184.htm" title="5th-Generation Mobile Communication Technology（三）" target="_blank">5th-Generation Mobile Communication Technology（三）</a> <span class="text-muted">志明_</span> <a class="tag" taget="_blank" href="/search/5G/1.htm">5G</a> <div>目录一、5G/NR1、快速参考（QuickReference）2、5GSuccess3、5GChallenges4、QualcommVideos二、PHYandProtocol1、FrameStructure2、Numerology3、Waveform4、FrequencyBand5、BWP6、Synchronization7、BeamManagement8、CSIFramework9、Chann</div> </li> <li><a href="/article/1943275953723600896.htm" title="iframe详解和用途解读" target="_blank">iframe详解和用途解读</a> <span class="text-muted"></span> <div>前端中的iframe详解1.什么是iframe？iframe（inlineframe）是一种在HTML页面中嵌入另一个HTML页面的方法。通过iframe，你可以在当前网页中显示另一个完全独立的网页，它们是彼此分离的。换句话说，iframe允许你在当前页面中创建一个子窗口，而该窗口可以加载另一个网站或内容。在这个例子中，iframe会在页面中嵌入并显示https://www.example.com</div> </li> <li><a href="/article/1943170954217713664.htm" title="从零开始学前端（HTML篇）：9、嵌入另一个页面的iframe元素" target="_blank">从零开始学前端（HTML篇）：9、嵌入另一个页面的iframe元素</a> <span class="text-muted"></span> <div>iframe元素通常用于在页面中嵌入另一个页面可以理解为在自己的页面里弄出一个区域，里面放置另一个页面iframe是可替换元素可替换元素：是指会被替换的元素。例如图片元素img等，书写img时没有在里门添加内容，而img元素把加载出来的图片作为内容。通常是行盒通常显示的内容取决于元素的属性css不能完成控制其中的样式具有行块盒的特点</div> </li> <li><a href="/article/1942383706102624256.htm" title="UI自动化常见面试题" target="_blank">UI自动化常见面试题</a> <span class="text-muted">程序员的世界你不懂</span> <a class="tag" taget="_blank" href="/search/UI%E8%87%AA%E5%8A%A8%E5%8C%96%E7%9B%B8%E5%85%B3/1.htm">UI自动化相关</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>一：元素定位不到的场景有几种，解决方式是怎么样的？1、有可能是元素没有加载出来，可以添加显示等待、强制等待、隐式等待2、元素可能嵌在Iframe中，此时需要切换到元素所在的Iframe3、元素可能在新的Windows窗口，此时需要切换Windows4、可能存在Alert弹窗，此时需要先关闭Alert窗口5、可能元素信息在迭代中发生了变化，此时需要更改元素定位信息6、可能元素无法通过selenium</div> </li> <li><a href="/article/1942235792952848384.htm" title="vue拖拽组件自定义指令，解决拖拽和点击事件冲突问题，解决拖拽组件在iframe上面延迟卡顿问题" target="_blank">vue拖拽组件自定义指令，解决拖拽和点击事件冲突问题，解决拖拽组件在iframe上面延迟卡顿问题</a> <span class="text-muted">weixin_51565477</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1.自定义指令directives:{drag(el,data,vnode){constoDiv=eloDiv.onmousedown=e=>{//获取ifream，解决拖拽组件在ifream上面卡顿-根据ifreampointerEventsletiframDiv=document.getElementById("screenProjection")if(iframDiv){console.lo</div> </li> <li><a href="/article/1942231881047142400.htm" title="vue项目中借助vue-print-nb插件实现打印" target="_blank">vue项目中借助vue-print-nb插件实现打印</a> <span class="text-muted">cx&lavender</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a> <div>需求：打印页面部分内容插件原理：创建iframe，获取要打印的内容添加到iframe中，调用print()方法打印使用：一、安装插件npminstallvue-print-nb--save二、页面上导入并注册//导入插件importPrintfrom"vue-print-nb";exportdefault{//注册指令directives:{Print,},}三、提供容器并添加id四、给按钮添加v</div> </li> <li><a href="/article/1941805483853672448.htm" title="UI自动化-经典面试题分析" target="_blank">UI自动化-经典面试题分析</a> <span class="text-muted">Oooon_the_way</span> <a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a> <div>一、元素定位与操作1.定位不到元素的常见原因及解决①页面加载问题：添加显式等待（优先）或隐式等待②Frame/Iframe嵌套：切换至目标Frame再定位（driver.switch_to.frame()）③多窗口或标签页：切换句柄（driver.switch_to.window(handle)）④动态属性：使用XPath相对路径（如//div[contains(@id,'prefix_')]）或</div> </li> <li><a href="/article/1940246031878909952.htm" title="页面通信的方式 :postMessage向指定窗口发送信息" target="_blank">页面通信的方式 :postMessage向指定窗口发送信息</a> <span class="text-muted">呼叫6945</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E9%A1%B5%E9%9D%A2%E9%80%9A%E4%BF%A1/1.htm">页面通信</a> <div>postMessage是HTML5引入的一个跨文档通信API，允许不同窗口或iframe之间安全地发送消息。通过postMessage，你可以向指定的窗口或iframe发送信息，并且接收方可以通过监听message事件来接收这些信息。使用方法发送消息targetWindow.postMessage(message,targetOrigin,[transfer]);targetWindow:目标窗口</div> </li> <li><a href="/article/1939920494073540608.htm" title="WebView 嵌套页面调试指南：解决上下文丢失与状态失效问题" target="_blank">WebView 嵌套页面调试指南：解决上下文丢失与状态失效问题</a> <span class="text-muted">2501_91600889</span> <a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/udp/1.htm">udp</a><a class="tag" taget="_blank" href="/search/https/1.htm">https</a><a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a><a class="tag" taget="_blank" href="/search/tcp%2Fip/1.htm">tcp/ip</a> <div>在移动Web开发中，嵌套iframe、多Tab页、多页面状态共享已是常见模式。尤其是在App中用WebView加载这些页面时，调试常常遇到一个隐形难题：状态丢失、数据不一致或逻辑错乱。比如点击跳转后上一页状态失效，iframe内页面切换时context混乱，或者多页签之间数据传递失败。此类问题在浏览器中难以复现，在WebView环境下尤为常见。这篇文章记录一次我们团队在调试“多页面嵌套+用户状态同</div> </li> <li><a href="/article/1939784868821004288.htm" title="招标专家随机抽选——抽取结果打印模板设计—未来之窗智能编程——仙盟创梦IDE" target="_blank">招标专家随机抽选——抽取结果打印模板设计—未来之窗智能编程——仙盟创梦IDE</a> <span class="text-muted">未来之窗软件服务</span> <a class="tag" taget="_blank" href="/search/%E6%8B%9B%E6%A0%87%E4%B8%93%E5%AE%B6/1.htm">招标专家</a><a class="tag" taget="_blank" href="/search/%E4%BB%99%E7%9B%9F%E5%88%9B%E6%A2%A6IDE/1.htm">仙盟创梦IDE</a><a class="tag" taget="_blank" href="/search/%E4%B8%9C%E6%96%B9%E4%BB%99%E7%9B%9F/1.htm">东方仙盟</a> <div>打印代码function未来之窗_人工智能_打印指定区域(魔都id){varmode="iframe";varclose=false;varextraCss=`.cyberwinqrimg{display:inline-block!important;}`;varkeepAttr=[];keepAttr.push($("#"+魔都id).html());varheadElements=',';va</div> </li> <li><a href="/article/1939578741554475008.htm" title="逻辑引擎：执行小程序JS代码" target="_blank">逻辑引擎：执行小程序JS代码</a> <span class="text-muted">风铃喵游</span> <a class="tag" taget="_blank" href="/search/%E4%BB%8E%E9%9B%B6%E6%90%AD%E5%BB%BA%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%A1%86%E6%9E%B6%E6%9E%B6%E6%9E%84/1.htm">从零搭建小程序框架架构</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>本节概述上小节我们完成了基础的小程序双线程架构的搭建，我们通过Worker启动了一个逻辑线程用于执行小程序JS代码，使用iFrame创建了一个UI线程，用于渲染小程序的页面；这节开始我们将分别针对双线程的具体逻辑进行实现，本节我们先从逻辑线程入手，看看JS代码是如何在Worker线程内运行的；开始之前，我们先通过一个图来看看小程序启动过程，双线程之间的通信流程:从图上可以看到，小程序的启动分别由逻</div> </li> <li><a href="/article/1939387407220666368.htm" title="webdriver常用方法+鼠标键盘事件+浏览器高级操作" target="_blank">webdriver常用方法+鼠标键盘事件+浏览器高级操作</a> <span class="text-muted">要站在顶端</span> <a class="tag" taget="_blank" href="/search/UI%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">UI自动化</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a> <div>文章目录webdriver操作元素、获取元素常用方法浏览器控制浏览器cookies鼠标事件键盘事件**常用方法**上传文件内嵌网页iframe切换浏览器标签页切换页面滚动截图警告框处理下拉框处理webdriver操作元素、获取元素常用方法常用方法clear()：清除文本。send_keys(value)：模拟按键输入(被操作元素需要是个文本输入框)。click()：单击元素。其他方法#size：返</div> </li> <li><a href="/article/1938951031312412672.htm" title="Python Selenium 滚动到特定元素" target="_blank">Python Selenium 滚动到特定元素</a> <span class="text-muted">Humbunklung</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E6%B5%B7%E6%B3%9B%E8%88%9F/1.htm">学海泛舟</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>文章目录PythonSelenium滚动到特定元素⚙️**1.使用`scrollIntoView()`方法（最推荐）**️**2.结合`ActionChains`移动鼠标（模拟用户行为）****3.使用坐标计算滚动（精确控制像素）**⚠️**4.处理复杂场景的进阶技巧****（1）元素在iframe中****（2）动态加载内容****（3）横向滚动****5.常见问题与解决方案****总结：根据场</div> </li> <li><a href="/article/1938916486101921792.htm" title="【.net core】【watercloud】【layui】弹出层回调方法定位当前弹出层位置并调用弹出窗口内部方法" target="_blank">【.net core】【watercloud】【layui】弹出层回调方法定位当前弹出层位置并调用弹出窗口内部方法</a> <span class="text-muted">MoFe1</span> <a class="tag" taget="_blank" href="/search/.netcore/1.htm">.netcore</a><a class="tag" taget="_blank" href="/search/layui/1.htm">layui</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>common.modalOpen({title:"数据生成",url:"your/url/path",width:"95%",height:"90%",yes:function(index,layero){//定位到顶层窗口查找，如果仅使用window，为从当前页面窗口查找，会查找不到信息variframeWin=top.window[layero.find('iframe')[0]['name'</div> </li> <li><a href="/article/1938772629469065216.htm" title="web iframe 实现pdf word Excel 预览" target="_blank">web iframe 实现pdf word Excel 预览</a> <span class="text-muted">青柠97</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div></div> </li> <li><a href="/article/1938699652173983744.htm" title="前端跨域解决方案（8）：window.name" target="_blank">前端跨域解决方案（8）：window.name</a> <span class="text-muted"></span> <div>1window.name核心window.name是浏览器窗口的一个属性，它有两个关键特性：跨域共享：无论窗口的URL如何变化，window.name的值始终保持不变；容量大：可存储最大约2MB的数据（不同浏览器略有差异）。这使得window.name成为跨域通信的一种特殊方式：通过iframe加载跨域页面，利用window.name传递数据。window.name跨域的核心流程如下：主页面创建指</div> </li> <li><a href="/article/1938699652664717312.htm" title="前端跨域解决方案（9）：location.hash" target="_blank">前端跨域解决方案（9）：location.hash</a> <span class="text-muted">骆驼Lara</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E8%B7%A8%E5%9F%9F%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88%E6%B1%87%E6%80%BB/1.htm">前端跨域解决方案汇总</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>1location.hash核心location.hash是URL中的锚点（如#section），它有两个关键特性：跨域可见：在A域名页面中，可通过iframe加载B域名页面，并修改其location.hash；不影响页面：修改hash不会触发页面刷新，也不会将数据发送到服务器。这使得location.hash成为跨域通信的一种轻量级方式：通过iframe加载跨域页面，利用location.has</div> </li> <li><a href="/article/1938178095185981440.htm" title="java工程师面试题大全-100%公司笔试题你都能碰到几个" target="_blank">java工程师面试题大全-100%公司笔试题你都能碰到几个</a> <span class="text-muted">javaPie</span> <div>Javaid="cproIframe_u788097_1"width="336"height="280"src="http://pos.baidu.com/acom?adn=3&at=166&aurl=&cad=1&ccd=24&cec=UTF-8&cfv=16&ch=0&col=zh-CN&conOP=0&cpa=1&dai=1&dis=0&layout_filter=rank%2Ctabclo</div> </li> <li><a href="/article/1933491092162932736.htm" title="el-color-picker颜色取色器" target="_blank">el-color-picker颜色取色器</a> <span class="text-muted">星月心城</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>1.取色器基本样式elementUI中取Element-Theworld'smostpopularVueUIframework原本样式2.修改样式成圆形::v-deep.el-color-picker{.el-color-picker__color{border-radius:50%;border:none;}.el-color-picker__trigger{border:none;}.el-c</div> </li> <li><a href="/article/1931649607306113024.htm" title="iframe中链接新窗口打开" target="_blank">iframe中链接新窗口打开</a> <span class="text-muted">FakeOccupational</span> <a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%8C%96%26amp%3B%E6%9E%B6%E6%9E%84/1.htm">服务化&架构</a> <div>对于iframe不能在新窗口打开1.添加target="_blank"ThisPageLink2.javascriptwindow.location.href='http://localhost:8080/HTMLPage.htm';</div> </li> <li><a href="/article/1931475621595115520.htm" title="vue 本地自测iframe通讯" target="_blank">vue 本地自测iframe通讯</a> <span class="text-muted">vanora1111</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>使用postMessageAPI来实现跨窗口（跨域）的消息传递。postMessage允许你安全地发送消息到其他窗口，包括嵌套的iframe，而不需要担心同源策略的问题。发送消息（父应用）1.父应用：发送消息给子应用父应用可以通过postMessage将消息发送给子应用。需要注意的是，发送消息时，需要指定目标窗口和目标窗口的来源（即目标iframe的origin），以确保安全性。iframe.co</div> </li> <li><a href="/article/1931471958768152576.htm" title="vue中使用pdf、word、excel、pptx等文件预览" target="_blank">vue中使用pdf、word、excel、pptx等文件预览</a> <span class="text-muted"></span> <div>一、PDF预览1.1iframe预览+#toolbar=0拼接到src后，可隐藏iframe顶部的工具栏import{ref}from'vue'constfileUrl=ref('https://soft.xiaoz.org/office/hee%20hee.pdf').pdfobject-container{height:680px;}1.2pdfobject插件npmipdfobjectimp</div> </li> <li><a href="/article/1931197530507374592.htm" title="qiankun.js配置流程及使用过程中遇到的问题分享" target="_blank">qiankun.js配置流程及使用过程中遇到的问题分享</a> <span class="text-muted">写代码的小王吧</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a> <div>#为什么使用qiankun框架？我们项目使用的初衷是为了解决一个后台项目的重构问题，因为项目太过庞大，vue2升级vue3选择了重构，希望可以两个项目并行操作，这也就是我们使用qiankun的理由吧。我想很大原因还是iframe有很大的局限性，导致很多人选择qiankun这种微前端框架吧。主项目配置这是我自己根据qiankun框架重新搭建了一个项目，公司的项目不适合放到这里。主项目和子项目都是根据</div> </li> <li><a href="/article/1930735736630341632.htm" title="Selenium 和playwright 使用场景优缺点对比" target="_blank">Selenium 和playwright 使用场景优缺点对比</a> <span class="text-muted">2501_91537388</span> <a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a> <div>1.核心对比概览特性SeleniumPlaywright诞生时间2004年（历史悠久）2020年（微软开发，现代架构）浏览器支持所有主流浏览器（需驱动）Chromium、Firefox、WebKit（内置引擎）执行速度较慢（依赖WebDriver通信）快（直接协议通信，无驱动依赖）自动等待机制需手动配置等待（显式/隐式等待）自动等待元素可交互（智能等待）多标签页/iframe处理复杂（需切换上下文</div> </li> <li><a href="/article/1930546253964308480.htm" title="iframe三方页面嵌入" target="_blank">iframe三方页面嵌入</a> <span class="text-muted">啊～哈</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、html代码二、拼接urlimport{ref}from"vue";import{getToken}from"@/utils/auth";importdomainfrom"@/utils/http/domain";import{useRoute}from"vue-router";importCryptoJSfrom"crypto-js";constSECRET_KEY="H6uZdDcB8Jb</div> </li> <li><a href="/article/1930482845344657408.htm" title="eTest_v1.1.23版本 支持拖拽功能" target="_blank">eTest_v1.1.23版本 支持拖拽功能</a> <span class="text-muted">爱吃 香菜</span> <a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/1.htm">软件测试</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/1.htm">自动化测试</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E7%BB%8F%E9%AA%8C/1.htm">职场经验</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/1.htm">软件测试</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/1.htm">自动化测试</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a> <div>随着互联网技术的快速发展，自动化测试已经成为确保软件质量的关键手段。eTest是一款强大的自动化测试工具，近期发布了eTest_v1.1.23版本，同时其搭配使用的Chrome插件也更新至Chrome插件v_1.3.5。这两个版本的更新为使用者带来了许多新的功能和优化，其中包括eTest的回放拖拽功能以及Chrome插件的录制拖拽脚本功能。此外，还修复了页面iframe嵌套的bug。主要更新一下内</div> </li> <li><a href="/article/1930058909402329088.htm" title="浏览器自带预览pdf格式+upload" target="_blank">浏览器自带预览pdf格式+upload</a> <span class="text-muted">Girasoless</span> <a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>html结构：利用iframe<</div> </li> <li><a href="/article/51.htm" title="mondb入手" target="_blank">mondb入手</a> <span class="text-muted">木zi_鸣</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>windows 启动mongodb 编写bat文件， mongod --dbpath D:\software\MongoDBDATA mongod --help 查询各种配置 配置在mongob 打开批处理，即可启动，27017原生端口，shell操作监控端口 扩展28017，web端操作端口 启动配置文件配置， 数据更灵活 </div> </li> <li><a href="/article/178.htm" title="大型高并发高负载网站的系统架构" target="_blank">大型高并发高负载网站的系统架构</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E9%AB%98%E5%B9%B6%E5%8F%91/1.htm">高并发</a><a class="tag" taget="_blank" href="/search/%E8%B4%9F%E8%BD%BD%E5%9D%87%E8%A1%A1/1.htm">负载均衡</a> <div> 扩展Web应用程序 一.概念 简单的来说，如果一个系统可扩展，那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集，并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种： 1.</div> </li> <li><a href="/article/305.htm" title="DISPLAY变量和xhost(原创)" target="_blank">DISPLAY变量和xhost(原创)</a> <span class="text-muted">czmmiao</span> <a class="tag" taget="_blank" href="/search/display/1.htm">display</a> <div>DISPLAY 在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0</div> </li> <li><a href="/article/432.htm" title="获取B/S客户端IP" target="_blank">获取B/S客户端IP</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a> <div> 最近想写个B/S架构的聊天系统，因为以前做过C/S架构的QQ聊天系统，所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统，由于存在客户端Java应用，所以直接在代码中获取客户端的IP，应用的方法为： String ip = InetAddress.getLocalHost().getHostAddress(); 然而对于WEB</div> </li> <li><a href="/article/559.htm" title="浅谈类和对象" target="_blank">浅谈类和对象</a> <span class="text-muted">朱辉辉33</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a> <div> 类是对一类事物的总称，对象是描述一个物体的特征，类是对象的抽象。简单来说，类是抽象的，不占用内存，对象是具体的， 占用存储空间。 类是由属性和方法构成的，基本格式是public class 类名{ //定义属性 private/public 数据类型 属性名； //定义方法 publ</div> </li> <li><a href="/article/686.htm" title="android activity与viewpager+fragment的生命周期问题" target="_blank">android activity与viewpager+fragment的生命周期问题</a> <span class="text-muted">肆无忌惮_</span> <a class="tag" taget="_blank" href="/search/viewpager/1.htm">viewpager</a> <div>有一个Activity里面是ViewPager，ViewPager里面放了两个Fragment。 第一次进入这个Activity。开启了服务，并在onResume方法中绑定服务后，对Service进行了一定的初始化，其中调用了Fragment中的一个属性。 super.onResume(); bindService(intent, conn, BIND_AUTO_CREATE); </div> </li> <li><a href="/article/813.htm" title="base64Encode对图片进行编码" target="_blank">base64Encode对图片进行编码</a> <span class="text-muted">843977358</span> <a class="tag" taget="_blank" href="/search/base64/1.htm">base64</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E7%89%87/1.htm">图片</a><a class="tag" taget="_blank" href="/search/encoder/1.htm">encoder</a> <div>/** * 对图片进行base64encoder编码 * * @author mrZhang * @param path * @return */ public static String encodeImage(String path) { BASE64Encoder encoder = null; byte[] b = null; I</div> </li> <li><a href="/article/940.htm" title="Request Header简介" target="_blank">Request Header简介</a> <span class="text-muted">aigo</span> <a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a> <div>当一个客户端(通常是浏览器)向Web服务器发送一个请求是，它要发送一个请求的命令行，一般是GET或POST命令，当发送POST命令时，它还必须向服务器发送一个叫“Content-Length”的请求头(Request Header) 用以指明请求数据的长度，除了Content-Length之外，它还可以向服务器发送其它一些Headers，如： </div> </li> <li><a href="/article/1067.htm" title="HttpClient4.3 创建SSL协议的HttpClient对象" target="_blank">HttpClient4.3 创建SSL协议的HttpClient对象</a> <span class="text-muted">alleni123</span> <a class="tag" taget="_blank" href="/search/httpclient/1.htm">httpclient</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/ssl/1.htm">ssl</a> <div>public class HttpClientUtils { public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){ SSLContext sslContext=null; try { sslContext=new SSLContextBuilder().l</div> </li> <li><a href="/article/1194.htm" title="java取反 -右移-左移-无符号右移的探讨" target="_blank">java取反 -右移-左移-无符号右移的探讨</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97%E7%AC%A6+%E4%BD%8D%E7%A7%BB/1.htm">位运算符 位移</a> <div>取反： 在二进制中第一位，1表示符数，0表示正数 byte a = -1; 原码：10000001 反码：11111110 补码：11111111 //异或: 00000000 byte b = -2; 原码：10000010 反码：11111101 补码：11111110 //异或: 00000001 </div> </li> <li><a href="/article/1321.htm" title="java多线程join的作用与用法" target="_blank">java多线程join的作用与用法</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a> <div> 对于JAVA的join，JDK 是这样说的：join public final void join （long millis ）throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t</div> </li> <li><a href="/article/1448.htm" title="Java发送http请求(get 与post方法请求)" target="_blank">Java发送http请求(get 与post方法请求)</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>PostRequest.java package com.bijian.study; import java.io.BufferedReader; import java.io.DataOutputStream; import java.io.IOException; import java.io.InputStreamReader; import java.net.HttpURL</div> </li> <li><a href="/article/1575.htm" title="【Struts2二】struts.xml中package下的action配置项默认值" target="_blank">【Struts2二】struts.xml中package下的action配置项默认值</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/struts.xml/1.htm">struts.xml</a> <div>在第一部份，定义了struts.xml文件，如下所示： <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts</div> </li> <li><a href="/article/1702.htm" title="【Kafka十三】Kafka Simple Consumer" target="_blank">【Kafka十三】Kafka Simple Consumer</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/simple/1.htm">simple</a> <div>代码中关于Host和Port是割裂开的，这会导致单机环境下的伪分布式Kafka集群环境下，这个例子没法运行。 实际情况是需要将host和port绑定到一起， package kafka.examples.lowlevel; import kafka.api.FetchRequest; import kafka.api.FetchRequestBuilder; impo</div> </li> <li><a href="/article/1829.htm" title="nodejs学习api" target="_blank">nodejs学习api</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nodejs+api/1.htm">nodejs api</a> <div>NodeJS基础 什么是NodeJS JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。 每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了docum</div> </li> <li><a href="/article/1956.htm" title="java-64.寻找第N个丑数" target="_blank">java-64.寻找第N个丑数</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class UglyNumber { /** * 64.查找第N个丑数 具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url] * 题目：我们把只包含因子 2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14</div> </li> <li><a href="/article/2083.htm" title="二维数组（矩阵）对角线输出" target="_blank">二维数组（矩阵）对角线输出</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">二维数组</a> <div> /** 二维数组 对角线输出 两个方向 例如对于数组： { 1, 2, 3, 4 }, { 5, 6, 7, 8 }, { 9, 10, 11, 12 }, { 13, 14, 15, 16 }, slash方向输出： 1 5 2 9 6 3 13 10 7 4 14 11 8 15 12 16 backslash输出： 4 3</div> </li> <li><a href="/article/2210.htm" title="[JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新)" target="_blank">[JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新)</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C%E6%B5%81/1.htm">工作流</a> <div> 既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理 大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把</div> </li> <li><a href="/article/2337.htm" title="redis常见使用" target="_blank">redis常见使用</a> <span class="text-muted">cuityang</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/%E5%B8%B8%E8%A7%81%E4%BD%BF%E7%94%A8/1.htm">常见使用</a> <div>redis 通常被认为是一个数据结构服务器，主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets 引入jar包 jedis-2.1.0.jar (本文下方提供下载) package redistest; import redis.clients.jedis.Jedis; public class Listtest</div> </li> <li><a href="/article/2464.htm" title="配置多个redis" target="_blank">配置多个redis</a> <span class="text-muted">dalan_123</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>配置多个redis客户端 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi=&quo</div> </li> <li><a href="/article/2591.htm" title="attrib命令" target="_blank">attrib命令</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/attr/1.htm">attr</a> <div> attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统. 只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护. 存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件. </div> </li> <li><a href="/article/2718.htm" title="Yii使用公共函数" target="_blank">Yii使用公共函数</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a> <div>在网站项目中，没必要把公用的函数写成一个工具类，有时候面向过程其实更方便。 在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用，成为公用的函数集合。 function.php如下： <?php /** * This is the shortcut to D</div> </li> <li><a href="/article/2845.htm" title="linux 系统资源的查看（free、uname、uptime、netstat）" target="_blank">linux 系统资源的查看（free、uname、uptime、netstat）</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/netstat/1.htm">netstat</a><a class="tag" taget="_blank" href="/search/linux+uname/1.htm">linux uname</a><a class="tag" taget="_blank" href="/search/linux+uptime/1.htm">linux uptime</a><a class="tag" taget="_blank" href="/search/linux+free/1.htm">linux free</a> <div>linux 系统资源的查看 转载请出自出处：http://eksliang.iteye.com/blog/2167081 http://eksliang.iteye.com 一、free查看内存的使用情况 语法如下： free [-b][-k][-m][-g] [-t] 参数含义 -b:直接输入free时，显示的单位是kb我们可以使用b(bytes),m</div> </li> <li><a href="/article/2972.htm" title="JAVA的位操作符" target="_blank">JAVA的位操作符</a> <span class="text-muted">greemranqq</span> <a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/JAVA%E4%BD%8D%E7%A7%BB/1.htm">JAVA位移</a><a class="tag" taget="_blank" href="/search/%3C%3C/1.htm"><<</a><a class="tag" taget="_blank" href="/search/%3E%3E%3E/1.htm">>>></a> <div>最近几种进制，加上各种位操作符，发现都比较模糊，不能完全掌握，这里就再熟悉熟悉。 1.按位操作符 ： 按位操作符是用来操作基本数据类型中的单个bit,即二进制位，会对两个参数执行布尔代数运算，获得结果。 与（&）运算： 1&1 = 1, 1&0 = 0, 0&0 &</div> </li> <li><a href="/article/3099.htm" title="Web前段学习网站" target="_blank">Web前段学习网站</a> <span class="text-muted">ihuning</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div> Web前段学习网站 菜鸟学习：http://www.w3cschool.cc/ JQuery中文网：http://www.jquerycn.cn/ 内存溢出：http://outofmemory.cn/#csdn.blog http://www.icoolxue.com/ http://www.jikexue</div> </li> <li><a href="/article/3226.htm" title="强强联合：FluxBB 作者加盟 Flarum" target="_blank">强强联合：FluxBB 作者加盟 Flarum</a> <span class="text-muted">justjavac</span> <a class="tag" taget="_blank" href="/search/r/1.htm">r</a> <div>原文：FluxBB Joins Forces With Flarum作者：Toby Zerner译文：强强联合：FluxBB 作者加盟 Flarum译者：justjavac FluxBB 是一个快速、轻量级论坛软件，它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写，并已经开发了一段时间。FluxBB 看起来非常有前途的，</div> </li> <li><a href="/article/3353.htm" title="java统计在线人数（session存储信息的）" target="_blank">java统计在线人数（session存储信息的）</a> <span class="text-muted">macroli</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>这篇日志是我写的第三次了 前两次都发布失败！郁闷极了！ 由于在web开发中常常用到这一部分所以在此记录一下，呵呵，就到备忘录了！ 我对于登录信息时使用session存储的，所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。 1、实现接口类，在web.xml文件中配置监听类，从而可以使该类完成其工作。 public class Ses</div> </li> <li><a href="/article/3480.htm" title="bootstrp carousel初体验 快速构建图片播放" target="_blank">bootstrp carousel初体验 快速构建图片播放</a> <span class="text-muted">qiaolevip</span> <a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a><a class="tag" taget="_blank" href="/search/%E7%BA%B5%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">纵观千象</a> <div>img{ border: 1px solid white; box-shadow: 2px 2px 12px #333; _width: expression(this.width > 600 ? "600px" : this.width + "px"); _height: expression(this.width &</div> </li> <li><a href="/article/3607.htm" title="SparkSQL读取HBase数据，通过自定义外部数据源" target="_blank">SparkSQL读取HBase数据，通过自定义外部数据源</a> <span class="text-muted">superlxw1234</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/sparksql/1.htm">sparksql</a><a class="tag" taget="_blank" href="/search/sparksql%E8%AF%BB%E5%8F%96hbase/1.htm">sparksql读取hbase</a><a class="tag" taget="_blank" href="/search/sparksql%E5%A4%96%E9%83%A8%E6%95%B0%E6%8D%AE%E6%BA%90/1.htm">sparksql外部数据源</a> <div>关键字：SparkSQL读取HBase、SparkSQL自定义外部数据源 前面文章介绍了SparSQL通过Hive操作HBase表。 SparkSQL从1.2开始支持自定义外部数据源(External DataSource)，这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0，简单介绍SparkSQL自定义外部数据源，访</div> </li> <li><a href="/article/3734.htm" title="Spring Boot 1.3.0.M1发布" target="_blank">Spring Boot 1.3.0.M1发布</a> <span class="text-muted">wiselyman</span> <a class="tag" taget="_blank" href="/search/spring+boot/1.htm">spring boot</a> <div> Spring Boot 1.3.0.M1于6.12日发布，现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下： 1.提供一个新的sprin</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>
