huxiaoqi567
huxiaoqi567

kissy弹窗

 

  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3. <head> 
    4. 
   
   
   
   
  4. <meta http-equiv="Content-Type" content="text/html; charset=gbk"> 
    5. 
   
   
   
   
  5. <title>kissy弹窗</title> 
    6. 
   
   
   
   
  6. <style type="text/css"> 
    7. 
   
   
   
   
  7. .ks-popbox-container{position:absolute;z-index:200;background:#fff;border:5px solid #ccc;} 
    8. 
   
   
   
   
  8. .ks-popbox-container .ks-popbox-title{width:100%;height:22px;background:#fff;text-indent:5px;line-height:22px;font-size:12px;font-family:Microsoft Yahei;color:#666;border-bottom:1px solid #ddd;} 
    9. 
   
   
   
   
  9. .ks-popbox-container .ks-popbox-title .ks-popbox-close{position:absolute;right:0px;top:0px;display:block;width:22px;height:22px;background:#7f7f7f;overflow:hidden;border-top:none;background:url('../../images/popbox/close.gif') no-repeat -3px 2px;} 
    10. 
   
   
   
   
  10. .ks-popbox-wrapper{position:absolute;top:0px;left:0px;z-index:100;background:#444;filter:alpha(opacity =40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;} 
    11. 
   
   
   
   
  11. </style> 
    12. 
   
   
   
   
  12. <script src="http://assets.daily.taobao.net//??s/kissy/1.2.0/kissy-min.js,apps/sportalapps/global/1.0/seller-global-min.js?t=20120319.js"></script> 
    13. 
   
   
   
   
  13. <script type="text/javascript"> 
    14. 
   
   
   
   
  14. /** 
    15. 
   
   
   
   
  15.  * 弹窗 
    16. 
   
   
   
   
  16.  * @author huxiaoqi 
    17. 
   
   
   
   
  17.  */ 
    18. 
   
   
   
   
  18. KISSY.add("popbox",function(S, DOM, Event){ 
    19. 
   
   
   
   
  19.     var obj = null; 
    20. 
   
   
   
   
  20.     var $ = S.all; 
    21. 
   
   
   
   
  21.     var CLIENT_WIDTH = document.body.clientWidth; 
    22. 
   
   
   
   
  22.     var CLIENT_HEIGHT = document.body.clientHeight; 
    23. 
   
   
   
   
  23.     var AVAIL_WIDTH = window.screen.availWidth; 
    24. 
   
   
   
   
  24.     var AVAIL_HEIGHT = window.screen.availHeight; 
    25. 
   
   
   
   
  25.     var isModal = null; 
    26. 
   
   
   
   
  26.     var wrapper = null; 
    27. 
   
   
   
   
  27.     function Popbox(container,config){ 
    28. 
   
   
   
   
  28.         obj = $(container); 
    29. 
   
   
   
   
  29.         var self = this; 
    30. 
   
   
   
   
  30.         if(!self instanceof Popbox){ 
    31. 
   
   
   
   
  31.             return new Popbox(container,config); 
    32. 
   
   
   
   
  32.         } 
    33. 
   
   
   
   
  33.         this.init(this.Config, config); 
    34. 
   
   
   
   
  34.     } 
    35. 
   
   
   
   
  35.     Popbox.prototype.Config = { 
    36. 
   
   
   
   
  36.         autoOpen:true, 
    37. 
   
   
   
   
  37.         width:400, 
    38. 
   
   
   
   
  38.         height:240, 
    39. 
   
   
   
   
  39.         modal:false, 
    40. 
   
   
   
   
  40.         title:'this is a dialog', 
    41. 
   
   
   
   
  41.         clsPrefix:'ks-popbox-' 
    42. 
   
   
   
   
  42.     }; 
    43. 
   
   
   
   
  43.     Popbox.prototype.init = function(Config,config){ 
    44. 
   
   
   
   
  44. //      设置初始属性 
    45. 
   
   
   
   
  45.         var _config = S.mix(Config,config);  
    46. 
   
   
   
   
  46.         var _title = _config.title; 
    47. 
   
   
   
   
  47.         var _clsPrefix = _config.clsPrefix; 
    48. 
   
   
   
   
  48.         var _width = _config.width; 
    49. 
   
   
   
   
  49.         var _height = _config.height; 
    50. 
   
   
   
   
  50.         var LEFT = (CLIENT_WIDTH - _width)/2; 
    51. 
   
   
   
   
  51.         var TOP = (CLIENT_HEIGHT - _height)/2; 
    52. 
   
   
   
   
  52.         var _top = _config.top||TOP; 
    53. 
   
   
   
   
  53.         var _left = _config.left||LEFT; 
    54. 
   
   
   
   
  54.         isModal = _config.modal; 
    55. 
   
   
   
   
  55.         if(!_config.autoOpen){ 
    56. 
   
   
   
   
  56. //          隐藏 
    57. 
   
   
   
   
  57.             obj.hide(); 
    58. 
   
   
   
   
  58. //          添加样式类 
    59. 
   
   
   
   
  59.             obj.addClass(_clsPrefix+'container') 
    60. 
   
   
   
   
  60.             .css({ 
    61. 
   
   
   
   
  61.                 'top':_top, 
    62. 
   
   
   
   
  62.                 'left':_left, 
    63. 
   
   
   
   
  63.                 'width':_width, 
    64. 
   
   
   
   
  64.                 'height':_height 
    65. 
   
   
   
   
  65.             }); 
    66. 
   
   
   
   
  66. //          定义标题 
    67. 
   
   
   
   
  67.             var title = DOM.create("<div class='"+_clsPrefix+"title'>"+_title+"<a href='javascript:void(0)' class='"+_clsPrefix+"close' title='close'>X</a></div>"); 
    68. 
   
   
   
   
  68.             obj.prepend($(title)); 
    69. 
   
   
   
   
  69. //          判断是否是模式对话框 
    70. 
   
   
   
   
  70.             if(isModal){ 
    71. 
   
   
   
   
  71.                 wrapper = DOM.create("<div class='"+_clsPrefix+"wrapper'></div>"); 
    72. 
   
   
   
   
  72.                 $(wrapper).insertAfter(obj); 
    73. 
   
   
   
   
  73.             } 
    74. 
   
   
   
   
  74. //          委派事件 
    75. 
   
   
   
   
  75.             Event.delegate(obj,'click','.'+_clsPrefix+"close",function(){ 
    76. 
   
   
   
   
  76.                 Popbox.prototype.close(); 
    77. 
   
   
   
   
  77.             }); 
    78. 
   
   
   
   
  78.         } 
    79. 
   
   
   
   
  79.     }; 
    80. 
   
   
   
   
  80.     Popbox.prototype.open = function(){ 
    81. 
   
   
   
   
  81.         if(isModal&&wrapper){ 
    82. 
   
   
   
   
  82.             $(wrapper).css({ 
    83. 
   
   
   
   
  83.                     'width':AVAIL_WIDTH, 
    84. 
   
   
   
   
  84.                     'height':AVAIL_HEIGHT 
    85. 
   
   
   
   
  85.                 }); 
    86. 
   
   
   
   
  86.         } 
    87. 
   
   
   
   
  87.         obj.fadeIn(); 
    88. 
   
   
   
   
  88.     }; 
    89. 
   
   
   
   
  89.     Popbox.prototype.close = function(){ 
    90. 
   
   
   
   
  90.         if(isModal&&wrapper){ 
    91. 
   
   
   
   
  91.             $(wrapper).css({ 
    92. 
   
   
   
   
  92.                     'width':0, 
    93. 
   
   
   
   
  93.                     'height':0 
    94. 
   
   
   
   
  94.                 }); 
    95. 
   
   
   
   
  95.         } 
    96. 
   
   
   
   
  96.         obj.fadeOut(); 
    97. 
   
   
   
   
  97.     }; 
    98. 
   
   
   
   
  98.      
    99. 
   
   
   
   
  99.      
    100. 
   
   
   
   
  100.     return Popbox; 
    101. 
   
   
   
   
  101. },{ requires:["dom","event","../base"]}); 
    102. 
   
   
   
   
  102. </script> 
    103. 
   
   
   
   
  103. <script type="text/javascript"> 
    104. 
   
   
   
   
  104. KISSY.ready(function(S){ 
    105. 
   
   
   
   
  105.     var $ = S.all; 
    106. 
   
   
   
   
  106.     var popbox; 
    107. 
   
   
   
   
  107.     S.use("popbox",function(S,PopBox){ 
    108. 
   
   
   
   
  108.          popbox = new PopBox( 
    109. 
   
   
   
   
  109.                 '#demo1',{ 
    110. 
   
   
   
   
  110.                     autoOpen:false, 
    111. 
   
   
   
   
  111.                     modal:true, 
    112. 
   
   
   
   
  112.                     width:800, 
    113. 
   
   
   
   
  113.                     height:500, 
    114. 
   
   
   
   
  114.                     title:'弹出层Demo' 
    115. 
   
   
   
   
  115.                 }); 
    116. 
   
   
   
   
  116.     }); 
    117. 
   
   
   
   
  117.     $('#btn-open').on('click',function(){ 
    118. 
   
   
   
   
  118.         popbox.open(); 
    119. 
   
   
   
   
  119.     }); 
    120. 
   
   
   
   
  120. }); 
    121. 
   
   
   
   
  121. </script> 
    122. 
   
   
   
   
  122. <style type="text/css"> 
    123. 
   
   
   
   
  123. .container{ 
    124. 
   
   
   
   
  124.     width:960px; 
    125. 
   
   
   
   
  125.     height:1000px; 
    126. 
   
   
   
   
  126.     margin: 0px auto; 
    127. 
   
   
   
   
  127. } 
    128. 
   
   
   
   
  128. </style> 
    129. 
   
   
   
   
  129. </head> 
    130. 
   
   
   
   
  130. <body> 
    131. 
   
   
   
   
  131. <div class='container'> 
    132. 
   
   
   
   
  132.     <div id='demo1'> 
    133. 
   
   
   
   
  133.         <iframe  src='http://www.baidu.com' frameborder="0" width="100%" height="480" scrolling="auto"> 
    134. 
   
   
   
   
  134.         </iframe> 
    135. 
   
   
   
   
  135.     </div>   
    136. 
   
   
   
   
  136.     <button id='btn-open'>打开</button> 
    137. 
   
   
   
   
  137. </div> 
    138. 
   
   
   
   
  138. </body> 
    139. 
   
   
   
   
  139. </html> 
    140.

 

你可能感兴趣的:(kissy弹窗)

  • 《撩太子虐白莲重生皇妃太野》苏卿月（完结小说）&全文在线阅读【无弹窗】 寒风书楼
    《撩太子虐白莲重生皇妃太野》苏卿月（完结小说）&全文在线阅读【无弹窗】主角：苏卿月简介：前世她信了苏筱芸的伪善，落得个声名扫地、清誉全毁、家人遗弃、万人嫌恶的下场！关注微信公众号【海边书楼】去回个书号【158】，即可阅读【撩太子虐白莲重生皇妃太野】小说全文！不过片刻，前厅便只母女三人。思及苏卿月刚回来，姐妹二人正是联络感情的好时机，柳兰烟笑道：“芸儿，晚儿刚回来，对府里还不熟悉，不如你带她去逛逛，
  • 《志在千里》陈冰老张全文免费阅读【完结小说无弹窗】 海边书楼
    《志在千里》陈冰老张全文免费阅读【完结小说无弹窗】主角：陈冰老张简介：陈冰身材高挑，脸蛋俊俏，气质高雅，一双水灵灵的媚眼性感至极。可关注微信公众号【寒风书楼】去回个书号【285】，即可免费阅读【志在千里】全文！电工老张今年五十出头，最近一直很欣赏雇主少-妇陈冰。陈冰身材高挑，脸蛋俊俏，气质高雅，一双水灵灵的媚眼。这天，陈冰穿着一件吊带丝绸睡衣，她从卧室里走出来，发现丈夫李凯与邻居电工老张并肩坐在沙
  • vue 两个弹窗时出现，打开第二个弹窗 是灰色的，再点击才是正常 光影3415 vue.jsjavascript前端
    如果你使用的是ElementUI，el-dialog组件有一个append-to-body属性，这个属性可以将弹窗的DOM直接挂载到body标签上，这样可以避免一些层级嵌套问题：
  • [HarmonyOS Next示例代码] 鸿蒙UI开发 - 组件动态创建 xiaohai_09 HarmonyOSNextUI开发harmonyos鸿蒙
    鸿蒙UI开发-组件动态创建源码下载地址介绍本示例介绍了在声明式UI中实现组件动态创建的方法效果图预览主页面广告关闭弹窗使用说明进入应用后，广告组件随即被动态创建。其分为两种，分别为图片广告与视频广告。实现思路构建广告组件。源码参考AdBuilder.ets。模拟从云端初始化卡片列表，根据云端数据生成普通卡片对象和广告卡片对象。源码参考代码可参考MainPage.ets中的aboutToAppear
  • 《完美盛宴》刘洋姜海燕全文免费阅读【完结小说无弹窗】 小说推书
    《完美盛宴》刘洋姜海燕全文免费阅读【完结小说无弹窗】主角：刘洋姜海燕简介：女朋友背叛，倒霉男人刘洋又得罪了美女上司，看他如何拯救自己的事业，创造一段传奇……关注微信公众号【寒风书楼】去回个书号【263】，即可阅读【完美盛宴】小说全文！第8章：我管你爹是谁！刘洋一侧身子躲开他，然后把那女孩子往自己的身后掩了一下，大声说道：“怎么能说没我的事儿呢？这种事情谁看着也不会不管的。人家都说了不…不想和你们在
  • 《兰香如梦》清欢九溟小说已完结【兰香如梦小说】全文免费阅读 云轩书阁
    《兰香如梦》清欢九溟小说已完结【兰香如梦小说】全文免费阅读主角：清欢,九溟简介：她是他养的兰草小仙，为救他不惜一切。可他眼里从未有她······直到小兰草消失不见，上神才惊觉，他早就爱上她了。微信内放心点击【兰香如梦】直接阅读-无弹窗无广告也可以关注微信公众号【才精灵】去回个书號【2350】，即可免费阅读【兰香如梦】全文！炼化心血，需要用到神农鼎。神农鼎如今在天界的玄幽殿，她的姐姐清酒是掌事，清欢
  • 《官色美人图》常博凌丽全文免费阅读【完结小说无弹窗】 海边书楼
    《官色美人图》常博凌丽全文免费阅读【完结小说无弹窗】主角：常博凌丽简介：搬砖小子常博，被扣下以身还债，最后救了一个被拐少女，从此开启了他的壮丽人生……可关注微信公众号【风车文楼】去回个书号【193】，即可免费阅读【官色美人图】全文！现在这些小姐也知道了常博的身份，和她们一样，就没那么多顾忌了。一个小姐走到常博身边，在常博下边摸了一把。“兄弟，大家都说你厉害，让我也感受一下吧？”常博说道：“我没钱给
  • 微信小程序的四种弹窗使用 少年负剑去 开发知识微信小程序小程序
    在做小程序的过程中，弹窗也算是非常实用的功能了，这几天写的几个功能就用到了弹窗，也可能是初学者的问题，比较菜，想找一个可以带图片的自定义的弹窗，，这里简单介绍一下官方封装好的四个弹窗，感觉适合简单的使用，，想在展示多点内容就不太够了。。一、wx.showModal微信小程序提供的用于显示模态对话框的API，它允许开发者创建一个居中显示的弹窗，用来显示重要信息或请求用户确认操作。参数说明：标题（ti
  • 《天骄风华》顾秋陈燕（全集小说）完结版免费阅读【无弹窗】 海边书楼
    《天骄风华》顾秋陈燕（全集小说）完结版免费阅读【无弹窗】主角：顾秋陈燕简介：天骄之后，红颜当道！这是一个励志的奋斗故事，在斗争中成长……顾秋的前途，在风骚中凯歌前进！！关注微信公众号【花车文学】去回个书号【65】，即可阅读【天骄风华】小说全文！出了这样的事，谢毕升哪里还有心情调侃陈燕？当时他的确很生气，正要发作，转而一想，不对啊！先不管这事是不是真的，自己都不能以这个名目去针对顾秋。陈燕都不知道发
  • vue3 el-message组件封装 小白小白从不日白 Vue3vue.js前端javascript
    背景在封装请求拦截器时，使用ElMessage进行弹窗提示成功或失败，但是如果页面用到多个接口，这时就会导致页面出现很多弹窗，导致用户体验不好，有可能出现卡顿现象。这时就需要进行一些判断，如果前面的ElMessage还没关闭并且类型是一致的就return，不再弹窗提示，类型不一致时就要弹窗提示类似下面的代码使用elmentui或者element-plus的时候，使用里面的弹窗组件，在同一按钮多次点
  • vue如何禁止弹窗后面的滚动条滚动？ IT侠客行 Vue.js
    methods:{//禁止滚动stop(){varmo=function(e){e.preventDefault();};document.body.style.overflow=‘hidden’;document.addEventListener(“touchmove”,mo,false);//禁止页面滑动},/取消滑动限制/move(){varmo=function(e){e.preventD
  • vue3点击出现弹窗后背景变暗且不可操作 不知-_ vue3+quasarvue.js前端vue前端框架
    文章目录实现vue3点击出现弹窗后背景变暗且不可操作一、手写遮罩层方法1.效果2.代码3.代码分析4.改进4.将背景遮罩层封装成组件使用二、quasar方法实现vue3点击出现弹窗后背景变暗且不可操作一、手写遮罩层方法1.效果2.代码AddTask.vue是我自定义的组件，即要弹出的弹窗，不是此笔记重点，此处不做详细说明。import{ref}from"vue";importAddTaskfrom
  • 禁止弹窗底部页面滑动解决方案整理 七月的你 项目中问题解决方案整理javascriptjscssvue.jshtml
    1.如果弹窗内容不可滑动，仅展示方案一：只需要给弹窗蒙层加上@touchmove.prevent即可实现，无兼容性问题方案二：在弹窗蒙层加上touch-action:none;在iPhone5和ipad上可能会没有效果方案三：打开弹窗时，设置body的overflow属性为hidden并阻止默认事件document.body.style.overflow='hidden';varfn=functi
  • 《如何没有你》付歆顾泽清全文免费阅读【小说已完结】 云轩书阁
    《如何没有你》付歆顾泽清全文免费阅读【小说已完结】主角：付歆,顾泽清点此书名阅读：【如何没有你】无广告无弹窗可放心点击也可以关注微信公众号【才精灵】去回个书號【1906】，即可免费阅读全文！=====付歆独自一人赶到约定地点。看到她，陆诗怡笑的十分得意：“来的这么快，看来你很在意这个弟弟啊！”陆诗怡看起来十分健康，毫无病态，跟在医院的时候判若两人。付歆更加肯定，她的病一定是装的。“我弟弟呢？”付歆
  • 《结婚前发现劈腿？姐直接闪婚死对头》沈研顾燕森小说全集阅读（无弹窗） 云轩书阁
    《结婚前发现劈腿？姐直接闪婚死对头》沈研顾燕森小说全集阅读（无弹窗）主角：沈研顾燕森简介：两个小时前她在酒店遇上严重火灾，逃生过程中，见到未婚夫也在。她不顾自己安危，请消防人员放下她先救未婚夫。关注微信公众号【旺精灵】去回个书號【7722】，即可阅读【结婚前发现劈腿？姐直接闪婚死对头】小说全文！第10章：“软软，你，你哭什么?我结婚是好事啊！”沈研莫名其妙地盯着手机屏幕，被对面温软软的反应弄晕。温
  • Unity协程搭配队列开发Tips弹窗模块 傻Q爱 Unity技术unityjava游戏引擎
    概述在Unity游戏开发过程中，提示系统是提升用户体验的重要组成部分。一个设计良好的提示窗口不仅能及时传达信息给玩家，还应当做到不干扰游戏流程。本文将探讨如何使用Unity的协程（Coroutine）配合队列（Queue）数据结构来构建一个高效且可扩展的Tips弹窗模块。技术模块介绍1.Unity协程（Coroutines）协程是Unity中的一种特殊函数类型，允许异步操作的实现。它能够在执行过程
  • 经天网审核，您发布的内容属于不实言论，请标注“虚构”后再发布，或取消发布。 爱美食的漠礼闲士003
    这些天的假冒伪劣“瓜”真的太多了，有点消化不良。希望以后真的能有小说里写的那种负责管理未来所有网络的最高智能AI，只要有人在网上发布不实言论，就会在点击发布按钮后出现弹窗显示“经天网审核，您发布的内容属于不实言论，请标注“虚构”后再发布，或取消发布。”
  • 璀璨生活刘文林雪儿(璀璨生活小说)全文免费阅读无弹窗 小说推书
    璀璨生活刘文林雪儿(璀璨生活小说)全文免费阅读无弹窗主角：刘文林雪儿简介：有一天，我发现了美女阿姨的秘密。而为了防止我将这个秘密说出去，美女阿姨居然……可关注微信公众号【寒风书楼】去回个书号【306】，即可免费阅读【璀璨生活】全文！“哎呀，坏死了你，这里可是电影院呢！”“没关系的，这里就我们两个人，不会有人发现的。”我望着电影院里的两人，情不自禁的咽了咽口水。我叫陈文，今年22岁，刚刚大四出来实习
  • 10个Python办公自动化案例 Want595 python开发语言
    文章目录系列目录10个Python办公自动化案例1.Excel数据读取与写入2.自动生成PDF文件3.自动发送邮件4.自动化文件重命名5.批量下载网页内容6.自动化数据可视化7.自动化文档批量处理8.批量文件压缩9.日程提醒自动化10.数据定时备份系列目录序号直达链接表白系列1Python制作一个无法拒绝的表白界面2Python满屏飘字表白代码3Python无限弹窗满屏表白代码4Python李峋同
  • 2021-04-28【Java 第29天】 GUI 潘冠中Arthur
    1-1介绍1.窗口2.弹窗3.面板4.文本框5.按钮6.图片7.监听事件8.鼠标事件9.键盘事件GUI的核心技术：Swing和AWT为什么GUI技术不受欢迎：1.因为界面不美观2.需要jre环境为什么要学习GUI?1.可以写出自己想要的小工具2.了解MVC架构，了解监听1-2AWT介绍(AbstractWindowsTool)1.里面包含了很多类和接口2.元素窗口、按钮、文本框3.在java.aw
  • 《重铸人生》陆青云~全文免费阅读【无弹窗完结版】 云轩书阁
    《重铸人生》陆青云~全文免费阅读【无弹窗完结版】主角：陆青云、林若岚简介：草根出身的陆青云意外重生，展开一段草根逆袭的青云之路，世间风云百态，且看他长袖善舞，左右逢源！也可以关注微信公众号【纯精灵】去回个书號【2501】，即可免费阅读【重铸人生】全文！当他再次醒来的时候，眼前就是这么一幕诡异的场面！陆青云的人生可以说是悲剧到了极点，二十一岁那年大学毕业，父母托人安排他去家里附近的乡*综合办公室上班
  • 《超神赘婿》林阳韩冰全文免费阅读【完结小说无弹窗】 寒风书楼
    《超神赘婿》林阳韩冰全文免费阅读【完结小说无弹窗】主角：林阳韩冰简介：谁说做上门女婿低声下气！我偏要家里红旗不倒，外边彩旗飘飘。......可关注微信公众号【风车文楼】去回个书号【200】，即可免费阅读【超神赘婿】全文！我彻底慌了，刚要解释，就感觉自己的左手好像在握着什么，下意识地捏了捏，软软的。我瞄了一眼，原来是她的胸。这时，韩冰彻底暴怒了，一下子坐了起来。啪！她对着我的脸就是一巴掌，紧接着一脚
  • 《她失联后，陆总他哭成了狗》安星辰陆晏舟全文免费阅读【完结小说无弹窗】 海边书楼
    《她失联后，陆总他哭成了狗》安星辰陆晏舟全文免费阅读【完结小说无弹窗】主角：安星辰陆晏舟简介：安星辰是在酒店的沙发上醒来的，空调太低有点冷，她不自觉的蜷缩起了身体。关注微信公众号【花粉书楼】去回个书号【64】，即可阅读【她失联后，陆总他哭成了狗】小说全文！第4章陆晏舟脱掉外套，随手扔在沙发上，他没有像以前一样直接进入正题，而是目光一直盯着床上的人儿。黑夜中他漆黑幽深的冷眸，入如同鹰一般犀利。气氛太
  • 《我是传奇》林宇（精彩已完结小说）全文免费阅读【无弹窗】 海边书楼
    《我是传奇》林宇（精彩已完结小说）全文免费阅读【无弹窗】主角：林宇简介：“我不是死了吗？什么情况？”他看了看自己干净的双手，喃喃自语。刚才自己分明已经死在了那上古妖魔的手中，就连灵魂都没能逃掉，魂飞魄散！怎么忽然回到了这里？关注微信公众号【冰晶文楼】去回个书号【6】，即可阅读【我是传奇】小说全文！江海市市中心黄金地段。一个高档小区的高层公寓里。落地窗前，江芸挂断电话之后伸了个懒腰。然后慵懒的躺在了
  • Java+selenium+chrome+linux/windows实现数据获取 fox_初始化 Javaseleniumchrome测试工具javalinuxwindows
    背景：在进行业务数据获取或者自动化测试时，通常会使用模拟chrome方式启动页面，然后获取页面的数据。在本地可以使用windows的chromedriver.exe进行打开chrome页面、点击等操作。在linux下通常使用无界面无弹窗的方式进行操作。接下来是实现方案。代码层面：关键工具类：ChromeDriverUtilpublicclassChromeDriverUtil{publicWebD
  • 【前端小技巧】不同组件中如何实现点击空白关闭自定义的弹窗 Luxine. 前端分享前端
    直接上代码吧处理函数closest的参数是弹窗的类名consthandleClickOutside=(event:MouseEvent)=>{consttarget=event.targetasHTMLElement;if(!target.closest('.popUpClassName')){//控制弹窗显示隐藏的变量ispopup.value=false;}};绑定到document上docu
  • 热门女频《救赎：她是生命中的光》傅予之姜十烟小说全集阅读无弹窗 云轩书阁
    热门女频《救赎：她是生命中的光》傅予之姜十烟小说全集阅读无弹窗主角：傅予之姜十烟简介：前世，他残忍，暴戾，杀人如麻。订婚后，她费尽心思退婚，直到她死后亲眼见他哭着为她复仇。原来他的疯狂偏执只为她一人。重生一世她一头钻进病娇怀里……他们双向救赎，成为了对方生命中的光。关注微信公众号【旺精灵】去回个书號【9565】，即可阅读【救赎：她是生命中的光】小说全文！第10章：上次聚会闹得难看，姜悠然先是被泼了
  • 舔狗转身后，总裁他慌了周青暮温兰绮(舔狗转身后，总裁他慌了小说)全文免费阅读无弹窗 小说推书
    舔狗转身后，总裁他慌了周青暮温兰绮(舔狗转身后，总裁他慌了小说)全文免费阅读无弹窗主角：周青暮温兰绮简介：做了周青暮的舔狗六年，也没换来他回眸一顾。久别重逢，那个女孩笑着告诉我：不被爱的才是第三者。他笑着牵起了她的手。那一刻我才知道，所有的真心都是笑话。直到我选择放下，带上别人的婚戒时，他才红着眼说：别走，求你。我的爱意燃尽，他却引起了火。关注微信公众号【花叶书楼】去回个书号【45】，即可阅读【舔
  • vue 全局弹窗组件封装 阿wei程序媛 vuevue.js前端
    对于后台管理系统，有很多弹框的功能，这时候，我们就可以将弹框封装成一个公共组件进行复用。1.新建弹窗组件页在公共组件文件夹（components）下建一个弹框组件文件夹（EditboxForm）exportdefault{name:'EditboxForm',inheritAttrs:false,props:{//是否显示editBoxShow:{type:Boolean,default:func
  • 《渐渐动人》杨婉秋陆小伟全文免费阅读【完结小说无弹窗】 寒风书楼
    《渐渐动人》杨婉秋陆小伟全文免费阅读【完结小说无弹窗】主角：杨婉秋陆小伟简介：可惜她是小伟妈妈的闺蜜，但却一点也不显老，小伟感觉她跟自己站一起像是个大姐姐。可关注微信公众号【放心文楼】去回个书号【8】，即可免费阅读【渐渐动人】全文！杨婉秋今年36岁，到哪都要感受着周围男人饥渴的目光，而陆小伟也第一眼就迷上了。可惜她是小伟妈妈的闺蜜，但却一点也不显老，小伟感觉她跟自己站一起像是个大姐姐。小伟今年十八
  • 算法 单链的创建与删除 换个号韩国红果果 c算法
    先创建结构体 struct student { int data; //int tag;//标记这是第几个 struct student *next; }; // addone 用于将一个数插入已从小到大排好序的链中 struct student *addone(struct student *h,int x){ if(h==NULL) //??????
  • 《大型网站系统与Java中间件实践》第2章读后感 白糖_ java中间件
           断断续续花了两天时间试读了《大型网站系统与Java中间件实践》的第2章，这章总述了从一个小型单机构建的网站发展到大型网站的演化过程---整个过程会遇到很多困难，但每一个屏障都会有解决方案，最终就是依靠这些个解决方案汇聚到一起组成了一个健壮稳定高效的大型系统。          看完整章内容，
  • zeus持久层spring事务单元测试 deng520159 javaDAOspringjdbc
    今天把zeus事务单元测试放出来,让大家指出他的毛病, 1.ZeusTransactionTest.java 单元测试   package com.dengliang.zeus.webdemo.test; import java.util.ArrayList; import java.util.List; import org.junit.Test; import
  • Rss 订阅 开发 周凡杨 htmlxml订阅rss规范
                    RSS是 Really Simple Syndication的缩写（对rss2.0而言，是这三个词的缩写，对rss1.0而言则是RDF Site Summary的缩写，1.0与2.0走的是两个体系）。   RSS
  • 分页查询实现 g21121 分页查询
    在查询列表时我们常常会用到分页，分页的好处就是减少数据交换，每次查询一定数量减少数据库压力等等。 按实现形式分前台分页和服务器分页： 前台分页就是一次查询出所有记录，在页面中用js进行虚拟分页，这种形式在数据量较小时优势比较明显，一次加载就不必再访问服务器了，但当数据量较大时会对页面造成压力，传输速度也会大幅下降。 服务器分页就是每次请求相同数量记录，按一定规则排序，每次取一定序号直接的数据
  • spring jms异步消息处理 510888780 jms
    spring JMS对于异步消息处理基本上只需配置下就能进行高效的处理。其核心就是消息侦听器容器，常用的类就是DefaultMessageListenerContainer。该容器可配置侦听器的并发数量，以及配合MessageListenerAdapter使用消息驱动POJO进行消息处理。且消息驱动POJO是放入TaskExecutor中进行处理，进一步提高性能，减少侦听器的阻塞。具体配置如下：
  • highCharts柱状图 布衣凌宇 hightCharts柱图
    第一步：导入 exporting.js,grid.js,highcharts.js;第二步：写controller   @Controller@RequestMapping(value="${adminPath}/statistick")public class StatistickController {  private UserServi
  • 我的spring学习笔记2-IoC（反向控制 依赖注入） aijuans springmvcSpring 教程spring3 教程Spring 入门
    IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明： 如：程序中有 Mysql.calss 、Oracle.class 、SqlSe
  • TLS java简单实现 antlove javasslkeystoretlssecure
      1. SSLServer.java package ssl; import java.io.FileInputStream; import java.io.InputStream; import java.net.ServerSocket; import java.net.Socket; import java.security.KeyStore; import
  • Zip解压压缩文件 百合不是茶 Zip格式解压Zip流的使用文件解压
       ZIP文件的解压缩实质上就是从输入流中读取数据。Java.util.zip包提供了类ZipInputStream来读取ZIP文件,下面的代码段创建了一个输入流来读取ZIP格式的文件; ZipInputStream in = new ZipInputStream(new FileInputStream(zipFileName));     &n
  • underscore.js 学习（一） bijian1013 JavaScriptunderscore
            工作中需要用到underscore.js，发现这是一个包括了很多基本功能函数的js库，里面有很多实用的函数。而且它没有扩展 javascript的原生对象。主要涉及对Collection、Object、Array、Function的操作。       学
  • java jvm常用命令工具——jstatd命令(Java Statistics Monitoring Daemon) bijian1013 javajvmjstatd
    1.介绍         jstatd是一个基于RMI（Remove Method Invocation）的服务程序，它用于监控基于HotSpot的JVM中资源的创建及销毁，并且提供了一个远程接口允许远程的监控工具连接到本地的JVM执行命令。         jstatd是基于RMI的，所以在运行jstatd的服务
  • 【Spring框架三】Spring常用注解之Transactional bit1129 transactional
    Spring可以通过注解@Transactional来为业务逻辑层的方法(调用DAO完成持久化动作)添加事务能力，如下是@Transactional注解的定义：   /* * Copyright 2002-2010 the original author or authors. * * Licensed under the Apache License, Version
  • 我(程序员)的前进方向 bitray 程序员
    作为一个普通的程序员,我一直游走在java语言中,java也确实让我有了很多的体会.不过随着学习的深入,java语言的新技术产生的越来越多,从最初期的javase,我逐渐开始转变到ssh,ssi,这种主流的码农,.过了几天为了解决新问题,webservice的大旗也被我祭出来了,又过了些日子jms架构的activemq也开始必须学习了.再后来开始了一系列技术学习,osgi,restful.....
  • nginx lua开发经验总结 ronin47
    使用nginx lua已经两三个月了，项目接开发完毕了，这几天准备上线并且跟高德地图对接。回顾下来lua在项目中占得必中还是比较大的，跟PHP的占比差不多持平了，因此在开发中遇到一些问题备忘一下 1：content_by_lua中代码容量有限制，一般不要写太多代码，正常编写代码一般在100行左右（具体容量没有细心测哈哈，在4kb左右），如果超出了则重启nginx的时候会报 too long pa
  • java-66-用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。颠倒之后的栈为{5,4,3,2,1}，5处在栈顶 bylijinnan java
    import java.util.Stack; public class ReverseStackRecursive { /** * Q 66.颠倒栈。 * 题目：用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。 * 颠倒之后的栈为{5,4,3,2,1}，5处在栈顶。 *1. Pop the top element *2. Revers
  • 正确理解Linux内存占用过高的问题 cfyme linux
    Linux开机后，使用top命令查看，4G物理内存发现已使用的多大3.2G，占用率高达80%以上： Mem:   3889836k total,  3341868k used,   547968k free,   286044k buffers Swap:  6127608k total,&nb
  • [JWFD开源工作流]当前流程引擎设计的一个急需解决的问题 comsci 工作流
         当我们的流程引擎进入IRC阶段的时候，当循环反馈模型出现之后，每次循环都会导致一大堆节点内存数据残留在系统内存中，循环的次数越多，这些残留数据将导致系统内存溢出，并使得引擎崩溃。。。。。。       而解决办法就是利用汇编语言或者其它系统编程语言，在引擎运行时，把这些残留数据清除掉。
  • 自定义类的equals函数 dai_lm equals
    仅作笔记使用 public class VectorQueue { private final Vector<VectorItem> queue; private class VectorItem { private final Object item; private final int quantity; public VectorI
  • Linux下安装R语言 datageek R语言 linux
    命令如下：sudo gedit  /etc/apt/sources.list1、deb http://mirrors.ustc.edu.cn/CRAN/bin/linux/ubuntu/ precise/ 2、deb http://dk.archive.ubuntu.com/ubuntu hardy universesudo apt-key adv --keyserver ke
  • 如何修改mysql 并发数(连接数)最大值 dcj3sjt126com mysql
    MySQL的连接数最大值跟MySQL没关系，主要看系统和业务逻辑了   方法一：进入MYSQL安装目录 打开MYSQL配置文件 my.ini 或 my.cnf查找 max_connections=100 修改为 max_connections=1000 服务里重起MYSQL即可 　　方法二：MySQL的最大连接数默认是100客户端登录：mysql -uusername -ppass
  • 单一功能原则 dcj3sjt126com 面向对象的程序设计软件设计编程原则
    单一功能原则[ 编辑]     SOLID 原则 单一功能原则 开闭原则 Liskov代换原则 接口隔离原则 依赖反转原则 查   论   编 在面向对象编程领域中，单一功能原则（Single responsibility principle）规定每个类都应该有
  • POJO、VO和JavaBean区别和联系 fanmingxing VOPOJOjavabean
    POJO和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Plain Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比POJO复杂很多，JavaBean是一种组件技术，就好像你做了一个扳子，而这个扳子会在很多地方被
  • SpringSecurity3.X--LDAP：AD配置 hanqunfeng SpringSecurity
    前面介绍过基于本地数据库验证的方式，参考http://hanqunfeng.iteye.com/blog/1155226，这里说一下如何修改为使用AD进行身份验证【只对用户名和密码进行验证，权限依旧存储在本地数据库中】。   将配置文件中的如下部分删除： <!-- 认证管理器，使用自定义的UserDetailsService，并对密码采用md5加密-->
  • mac mysql 修改密码 IXHONG mysql
    $ sudo /usr/local/mysql/bin/mysqld_safe –user=root & //启动MySQL(也可以通过偏好设置面板来启动)$ sudo /usr/local/mysql/bin/mysqladmin -uroot password yourpassword //设置MySQL密码（注意，这是第一次MySQL密码为空的时候的设置命令，如果是修改密码，还需在-
  • 设计模式--抽象工厂模式 kerryg 设计模式
    抽象工厂模式：     工厂模式有一个问题就是，类的创建依赖于工厂类，也就是说，如果想要拓展程序，必须对工厂类进行修改，这违背了闭包原则。我们采用抽象工厂模式，创建多个工厂类，这样一旦需要增加新的功能，直接增加新的工厂类就可以了，不需要修改之前的代码。     总结：这个模式的好处就是，如果想增加一个功能，就需要做一个实现类，
  • 评"高中女生军训期跳楼” nannan408
       首先，先抛出我的观点，各位看官少点砖头。那就是，中国的差异化教育必须做起来。    孔圣人有云：有教无类。不同类型的人，都应该有对应的教育方法。目前中国的一体化教育，不知道已经扼杀了多少创造性人才。我们出不了爱迪生，出不了爱因斯坦，很大原因，是我们的培养思路错了，我们是第一要“顺从”。如果不顺从，我们的学校，就会用各种方法，罚站，罚写作业，各种罚。军
  • scala如何读取和写入文件内容？ qindongliang1922 javajvmscala
    直接看如下代码： package file import java.io.RandomAccessFile import java.nio.charset.Charset import scala.io.Source import scala.reflect.io.{File, Path} /** * Created by qindongliang on 2015/
  • C语言算法之百元买百鸡 qiufeihu c算法
    中国古代数学家张丘建在他的《算经》中提出了一个著名的“百钱买百鸡问题”，鸡翁一，值钱五，鸡母一，值钱三，鸡雏三，值钱一，百钱买百鸡，问翁，母，雏各几何？ 代码如下： #include <stdio.h> int main() { int cock,hen,chick; /*定义变量为基本整型*/ for(coc
  • Hadoop集群安全性：Hadoop中Namenode单点故障的解决方案及详细介绍AvatarNode wyz2009107220 NameNode
    正如大家所知，NameNode在Hadoop系统中存在单点故障问题，这个对于标榜高可用性的Hadoop来说一直是个软肋。本文讨论一下为了解决这个问题而存在的几个solution。 1. Secondary NameNode 原理：Secondary NN会定期的从NN中读取editlog，与自己存储的Image进行合并形成新的metadata image 优点：Hadoop较早的版本都自带，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他