huqianhao
huqianhao

网页中弹出小窗口(页面背景直接半透明)

不管是做网站还是一些应用系统，都免不了要用到一些弹出的效果，在ZJ-BLOG V1.0 Beta2版本我在一些功能使用了网络上比较流行的仿XP关机效果的弹出功能，按目前的反应来说还是效果不错的，下面将此功能整一下儿，如果有需要大家可以直接使用到自己的网站或是应用系统中去。

　　不在详细的说明代码了，帖出代码之前需要说明一点儿的是IE环境下，由于下拉框（select元素）优先级太高了，弹出的div元素无法盖住下拉框元素，很烦人的一个IE的BUG（个人认为是BUG　^o^），我使用的方法是在弹出时隐藏掉页面中全部的select元素，而关系窗口时让其再显示出来。呵呵，方法比较笨，但实在想不出来更好的办法了。

弹出时页面背景直接变为半透明.

  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    2. 
   
   
   
   
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
    3. 
   
   
   
   
  3. <head>  
    4. 
   
   
   
   
  4. <title>页面中弹出小窗口,页面背景直接变半透明-webjx.com</title>  
    5. 
   
   
   
   
  5. <style>  
    6. 
   
   
   
   
  6. html,body{font-size:12px;margin:0px;height:100%;}  
    7. 
   
   
   
   
  7. .mesWindow{border:#666 1px solid;background:#fff;}  
    8. 
   
   
   
   
  8. .mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12px;}  
    9. 
   
   
   
   
  9. .mesWindowContent{margin:4px;font-size:12px;}  
    10. 
   
   
   
   
  10. .mesWindow .close{height:15px;width:28px;border:none;cursor:pointer;text-decoration:underline;background:#fff}  
    11. 
   
   
   
   
  11. </style>  
    12. 
   
   
   
   
  12. <script>  
    13. 
   
   
   
   
  13. var isIe=(document.all)?true:false;  
    14. 
   
   
   
   
  14. //设置select的可见状态  
    15. 
   
   
   
   
  15. function setSelectState(state)  
    16. 
   
   
   
   
  16. {  
    17. 
   
   
   
   
  17. var objl=document.getElementsByTagName('select');  
    18. 
   
   
   
   
  18. for(var i=0;i<objl.length;i++)  
    19. 
   
   
   
   
  19. {  
    20. 
   
   
   
   
  20. objl[i].style.visibility=state;  
    21. 
   
   
   
   
  21. }  
    22. 
   
   
   
   
  22. }  
    23. 
   
   
   
   
  23. function mousePosition(ev)  
    24. 
   
   
   
   
  24. {  
    25. 
   
   
   
   
  25. if(ev.pageX || ev.pageY)  
    26. 
   
   
   
   
  26. {  
    27. 
   
   
   
   
  27. return {x:ev.pageX, y:ev.pageY};  
    28. 
   
   
   
   
  28. }  
    29. 
   
   
   
   
  29. return {  
    30. 
   
   
   
   
  30. x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop  
    31. 
   
   
   
   
  31. };  
    32. 
   
   
   
   
  32. }  
    33. 
   
   
   
   
  33. //弹出方法  
    34. 
   
   
   
   
  34. function showMessageBox(wTitle,content,pos,wWidth)  
    35. 
   
   
   
   
  35. {  
    36. 
   
   
   
   
  36. closeWindow();  
    37. 
   
   
   
   
  37. var bWidth=parseInt(document.documentElement.scrollWidth);  
    38. 
   
   
   
   
  38. var bHeight=parseInt(document.documentElement.scrollHeight);  
    39. 
   
   
   
   
  39. if(isIe){  
    40. 
   
   
   
   
  40. setSelectState('hidden');}  
    41. 
   
   
   
   
  41. var back=document.createElement("div");  
    42. 
   
   
   
   
  42. back.id="back";  
    43. 
   
   
   
   
  43. var styleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;";  
    44. 
   
   
   
   
  44. styleStr+=(isIe)?"filter:alpha(opacity=40);":"opacity:0.40;";  
    45. 
   
   
   
   
  45. back.style.cssText=styleStr;  
    46. 
   
   
   
   
  46. document.body.appendChild(back);  
    47. 
   
   
   
   
  47. var mesW=document.createElement("div");  
    48. 
   
   
   
   
  48. mesW.id="mesWindow";  
    49. 
   
   
   
   
  49. mesW.className="mesWindow";  
    50. 
   
   
   
   
  50. mesW.innerHTML="<div class='mesWindowTop'><table width='100%' height='100%'><tr><td>"+wTitle+"</td><td style='width:1px;'><input type='button' onclick='closeWindow();' title='关闭窗口' class='close' value='关闭' /></td></tr></table></div><div class='mesWindowContent' id='mesWindowContent'>"+content+"</div><div class='mesWindowBottom'></div>";  
    51. 
   
   
   
   
  51. styleStr="left:"+(((pos.x-wWidth)>0)?(pos.x-wWidth):pos.x)+"px;top:"+(pos.y)+"px;position:absolute;width:"+wWidth+"px;";  
    52. 
   
   
   
   
  52. mesW.style.cssText=styleStr;  
    53. 
   
   
   
   
  53. document.body.appendChild(mesW);  
    54. 
   
   
   
   
  54. }  
    55. 
   
   
   
   
  55. function showBackground(obj,endInt)  
    56. 
   
   
   
   
  56. {  
    57. 
   
   
   
   
  57. obj.filters.alpha.opacity+=1;  
    58. 
   
   
   
   
  58. if(obj.filters.alpha.opacity<endInt)  
    59. 
   
   
   
   
  59. {  
    60. 
   
   
   
   
  60. setTimeout(function(){showBackground(obj,endInt)},8);  
    61. 
   
   
   
   
  61. }  
    62. 
   
   
   
   
  62. }  
    63. 
   
   
   
   
  63. //关闭窗口  
    64. 
   
   
   
   
  64. function closeWindow()  
    65. 
   
   
   
   
  65. {  
    66. 
   
   
   
   
  66. if(document.getElementById('back')!=null)  
    67. 
   
   
   
   
  67. {  
    68. 
   
   
   
   
  68. document.getElementById('back').parentNode.removeChild(document.getElementById('back'));  
    69. 
   
   
   
   
  69. }  
    70. 
   
   
   
   
  70. if(document.getElementById('mesWindow')!=null)  
    71. 
   
   
   
   
  71. {  
    72. 
   
   
   
   
  72. document.getElementById('mesWindow').parentNode.removeChild(document.getElementById('mesWindow'));  
    73. 
   
   
   
   
  73. }  
    74. 
   
   
   
   
  74. if(isIe){  
    75. 
   
   
   
   
  75. setSelectState('');}  
    76. 
   
   
   
   
  76. }  
    77. 
   
   
   
   
  77. //测试弹出  
    78. 
   
   
   
   
  78. function testMessageBox(ev)  
    79. 
   
   
   
   
  79. {  
    80. 
   
   
   
   
  80. var objPos = mousePosition(ev);  
    81. 
   
   
   
   
  81. messContent="<div style='padding:20px 0 20px 0;text-align:center'>消息正文</div>";  
    82. 
   
   
   
   
  82. showMessageBox('窗口标题',messContent,objPos,350);  
    83. 
   
   
   
   
  83. }  
    84. 
   
   
   
   
  84. </script>  
    85. 
   
   
   
   
  85. </head>  
    86. 
   
   
   
   
  86. <body>  
    87. 
   
   
   
   
  87. <div style="padding:20px">  
    88. 
   
   
   
   
  88. <div style="text-align:left";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div>  
    89. 
   
   
   
   
  89. <div style="text-align:left;padding-left:20px;padding-top:10px";><select><option>下拉</option></select>弹出窗口时会将其隐藏，关闭时会让其显示，目的是在IE中防止弹出的DIV挡不住下拉框</div>  
    90. 
   
   
   
   
  90. <div style="text-align:center";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div>  
    91. 
   
   
   
   
  91. <div style="text-align:right";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div>  
    92. 
   
   
   
   
  92. </div>  
    93. 
   
   
   
   
  93. </body>  
    94. 
   
   
   
   
  94. </html> 
    95.

来自：http://www.webjx.com/jscode/browser/js_browser_2008_01_01_2696.html

你可能感兴趣的:(网页,元素,优先级,弹出,小窗口)

  • HoRain云--无需修改BIOS！Linux系统迁移根目录到新磁盘终极指南 HoRain 云小助手 linux运维服务器
    HoRain云小助手：个人主页⛺️生活的理想，就是为了理想的生活!⛳️推荐前些天发现了一个超棒的服务器购买网站，性价比超高，大内存超划算！忍不住分享一下给大家。点击跳转到网站。目录⛳️推荐一、原理简析二、操作步骤（以Ubuntu为例）1.准备工作2.临时挂载新磁盘3.修改GRUB配置4.更新引导配置5.验证配置（重要！）三、故障排查（附解决方案）四、永久生效设置五、注意事项一、原理简析通过GRUB
  • HoRain云--URI vs URL vs URN：彻底搞懂三者的区别与联系 HoRain 云小助手 java前端开发语言
    HoRain云小助手：个人主页⛺️生活的理想，就是为了理想的生活!⛳️推荐前些天发现了一个超棒的服务器购买网站，性价比超高，大内存超划算！忍不住分享一下给大家。点击跳转到网站。目录⛳️推荐URIvsURLvsURN：彻底搞懂三者的区别与联系一、核心概念解析1.URI（统一资源标识符）2.URL（统一资源定位符）3.URN（统一资源名称）二、三者关系图解三、关键区别对比表四、日常应用场景五、技术冷知
  • python爬虫 Selenium库安装与使用 范哥来了 python爬虫selenium
    Selenium是一个强大的自动化测试工具，它也可以用来进行网页抓取。与传统的请求库（如requests）不同，Selenium可以模拟真实用户的行为，比如点击按钮、填写表单等，这对于那些依赖于JavaScript动态加载内容的网站来说非常有用。安装Selenium首先确保你的环境中已经安装了Python和pip。然后通过pip安装Selenium：pipinstallselenium如果你使用的
  • 字符串模板（单文件组件、JSX） By爱分享 vue.jsjavascript前端
    首先需要了解基本释义：字符串模板就是写在vue中的template中定义的模板，如.vue的单文件组件模板和定义组件时template属性值的模板。此外，字符串模板不会在页面初始化时参与页面的渲染，而是会被vue进行解析编译之后再被浏览器渲染，所以不受限于html结构和标签的命名总的来说，推荐遵循W3C中的自定义组件名(字母全小写且必须包含一个连字符)，这会帮助你避免和当前以及未来的HTML元素相
  • HoRain云--Node.js文件下载服务实战：Express实现安全高效的文件传输 HoRain云小助手 node.jsexpress安全
    HoRain云小助手：个人主页个人专栏:《Linux系列教程》《c语言教程》⛺️生活的理想，就是为了理想的生活!⛳️推荐前些天发现了一个超棒的服务器购买网站，性价比超高，大内存超划算！忍不住分享一下给大家。点击跳转到网站。专栏介绍专栏名称专栏介绍《C语言》本专栏主要撰写C干货内容和编程技巧，让大家从底层了解C，把更多的知识由抽象到简单通俗易懂。《网络协议》本专栏主要是注重从底层来给大家一步步剖析网
  • 【财经信息差】2024年12月27日最新财经资讯一览 每日财经热点一网打尽 代码简单说 AI观财经:财经信息差AI观财经财经信息差今日财经资讯财经热点今日资讯
    大家好，欢迎来到财经信息差！每天，我们将带你直击全球财经动态，精选最新的市场变化、政策动向与产业趋势，让你在最短的时间内，轻松掌握最关键的财经资讯。随着人工智能技术的迅猛发展，我们将用AI的视角为你解析财经热点、企业动向及全球经济变化，让复杂的信息变得简单易懂，帮助你做出更明智的投资决策。财经领域股票市场美股三大指数集体低开，大型科技股多数下跌，纳斯达克金龙指数跌1.07%。小鹏汽车跌3.32%，
  • 选择排序算法解析与代码实例展示 程序员总部 java排序算法算法java
    选择排序是一种简单、直观的排序算法，适合用来处理小规模的数据。它的基本思想是每次从待排序的元素中选择最小的元素，然后将其放到已排序序列的末尾。听起来挺简单吧？接下来，让我们详细了解一下选择排序的工作原理、代码实现和一些性能特点。选择排序的步骤可以分为几个关键部分：初始状态：假设我们有一个数组，里面存放了一系列的数字。比如说，数组是[64,25,12,22,11]。在排序之前，这些数字是无序的。选择
  • 同事的前端代码，我真的改不动了！！痛哭~~~ 前端程序员javascript
    在日常开发中，我们经常会遇到需要修改同事代码的情况。有时可能会花费很长时间却只改动了几行代码，而且改完后还可能引发新的bug。我们聊聊导致代码难以维护的常见原因，以及相应的解决方案。常见问题及解决方案单文件代码过长问题描述：单个文件动辄几千行代码包含大量DOM结构、JS逻辑和样式需要花费大量时间才能理解代码结构解决方案：将大文件拆分成多个小模块，每个模块负责独立的功能。以一个品牌官网为例，可以这样
  • C++：关联容器（pair、map、set、multiset） 今朝一九九三 学习C++
    关联容器和顺序容器的本质区别：关联容器是通过键存取和读取元素、顺序容器通过元素在容器中的位置顺序存储和访问元素。两个基本的关联容器类型是map和set。map的元素以键-值对的形式组织：键用作元素在map的索引，而值则表示所存储和读取的数据。set仅包含一个键，并有效地支持关于某个键是否存在的查询。set和map类型的对象不允许为同一个键添加第二个元素。如果一个键必须对应多个实例，则需使用mult
  • 祛魅 Manus ，从 0 到 1 开源实现 易迟 人工智能Agent大模型Manus
    背景介绍Manus是最近一个现象级的大模型Agent工具，自从发布以来，被传出各种神乎其神的故事，自媒体又开始炒作人类大量失业的鬼故事，Manus体验码也被炒作为10w的高价。之后又出现反转，被爆出实际体验效果不佳，存在造假的问题，Manus在X平台的账号被冻结。沟通之后，3月8日，Manus官方X账号又被解冻。Manus的故事一波三折，开源社区也没有闲着，MetaGPT团队在Manus发布后3小
  • Java 大视界 -- 基于 Java 的大数据实时流处理中的窗口操作与时间语义详解（135） 青云交 大数据新视界Java大视界java大数据大数据实时流处理窗口操作时间语义滚动窗口滑动窗口
    亲爱的朋友们，热烈欢迎来到青云交的博客！能与诸位在此相逢，我倍感荣幸。在这飞速更迭的时代，我们都渴望一方心灵净土，而我的博客正是这样温暖的所在。这里为你呈上趣味与实用兼具的知识，也期待你毫无保留地分享独特见解，愿我们于此携手成长，共赴新程！一、欢迎加入【福利社群】点击快速加入：青云交灵犀技韵交响盛汇福利社群点击快速加入2：2024CSDN博客之星创作交流营（NEW)二、本博客的精华专栏：大数据新视
  • C++关联容器1——map，multimap，set，multiset介绍，pair类型 掘根 C++STLc++开发语言
    目录关联容器使用关联容器使用map使用set关联容器概述定义关联容器初始化multimap或multiset关键字类型的要求有序容器的关键字类型使用关键字类型的比较函数pair类型创建pair对象的函数关联容器关联容器支持高效的关键字查找和访问。两个主要的关联容器（associative-container)类型是map和set。map中的元素是一些关键字一值（key-value）对：关键字起到索
  • LeetCode 2610. 转换二维数组 迪小莫学AI 每日算法leetcode算法数据结构
    LeetCode2610.转换二维数组题目描述给定一个整数数组nums，请你创建一个满足以下条件的二维数组：二维数组应该只包含数组nums中的元素。二维数组中的每一行都包含不同的整数。二维数组的行数应尽可能少。返回结果数组。如果存在多种答案，则返回其中任何一种。注意：二维数组的每一行上可以存在不同数量的元素。示例示例1：输入：nums=[1,3,4,1,2,3,1]输出：[[1,3,4,2],[1
  • 用Python抓取网页标题：使用`requests`库的实用指南 清水白石008 pythonPython题库python开发语言
    用Python抓取网页标题：使用requests库的实用指南在数据获取的时代，网页抓取（WebScraping）成为了一项重要的技能。无论是获取新闻标题、产品价格，还是数据分析，网页抓取都能提供丰富的信息。本文将详细介绍如何使用Python的requests库编写一个简单的爬虫，抓取某个网站的标题。我们将通过实例和代码片段，使整个过程清晰易懂，帮助你快速上手网页抓取。一、了解网页抓取网页抓取是指通
  • 算法-动态规划-最大子数组和 程序员南飞 算法动态规划leetcodejava开发语言数据结构职场和发展
    力扣题目：53.最大子数组和53.描述：给你一个整数数组nums，请你找出一个具有最大和的连续子数组（子数组最少包含一个元素），返回其最大和。子数组是数组中的一个连续部分。示例1：输入：nums=[-2,1,-3,4,-1,2,1,-5,4]输出：6解释：连续子数组 [4,-1,2,1]的和最大，为 6。示例2：输入：nums=[1]输出：1示例3：输入：nums=[5,4,-1,7,8]输出：2
  • Java删除特定下标数组元素 程序员南飞 Java数组删除元素字符串遍历
    15:16:06publicstaticvoidmain(String[]args){//数组创建以后长度不变，定义新的数组添加长度//删除特定下标数组String[]array1=newString[]{"a","b","b","c","d"};//删除第二个bintkey=2;String[]array2=newString[array1.length-1];for(inti=0;i=key)
  • 面试经典算法150题系列-除自身以外数组的乘积 betterManchester 面试经典算法题150题算法面试java
    除自身以外数组的乘积给你一个整数数组nums，返回数组answer，其中answer[i]等于nums中除nums[i]之外其余各元素的乘积。题目数据保证数组nums之中任意元素的全部前缀元素和后缀的乘积都在32位整数范围内。请不要使用除法，且在O(n)时间复杂度内完成此题。示例1:输入:nums=[1,2,3,4]输出:[24,12,8,6]示例2:输入:nums=[-1,1,0,-3,3]输出
  • Qt选择文件路径，并写入文件 水瓶丫头站住 Qtqt开发语言
    以下是使用Qt的QFile和QFileDialog选择路径并写入文件的示例代码：#include#include#include#includevoidwriteFileExample(){//1.获取保存路径QStringfileName=QFileDialog::getSaveFileName(nullptr,//父窗口"保存文件",//对话框标题QDir::homePath(),//默认目录
  • Python数据可视化与地理空间分析 CrMylive. 信息可视化python开发语言
    一、引言数据可视化与地理空间分析是数据科学领域中的两个重要领域，其中数据可视化侧重于将数据转换成可视化的图表，而地理空间分析则关注于如何在地理空间内处理与分析数据。Python作为一种高效、灵活、易用的编程语言，近年来在数据科学领域越来越受到欢迎。本文将以Python为工具，在数据可视化与地理空间分析方面进行详细探讨，并给出一些相关实例。二、数据可视化数据可视化是指利用图表、图形和其他视觉元素来展
  • Python中常见的抓取图片的方法 qq_31397725 python开发语言
    在Python中，抓取图片的方法可以根据你的具体需求和使用场景有所不同。以下是一些常见的方法：使用requests库从URL下载图片：这是最常见的方法，适用于从网络上的URL下载图片。你可以使用requests库发送HTTP请求，然后将响应的内容保存到本地文件中。使用selenium库抓取网页中的图片：如果你需要从一个动态加载的网页中抓取图片，selenium可以帮助你模拟浏览器行为，等待页面加载
  • 算法通关----除自己自身以外数组乘积 fang4084 算法通关算法
    题目来源：leetcode--238题目内容：给你一个整数数组nums，返回数组answer，其中answer[i]等于nums中除nums[i]之外其余各元素的乘积。题目数据保证数组nums之中任意元素的全部前缀元素和后缀的乘积都在32位整数范围内。请不要使用除法，且在O(n)时间复杂度内完成此题。示例1:输入:nums=[1,2,3,4]输出:[24,12,8,6]示例2:输入:nums=[-
  • 如何绕开浏览器批量下载的限制 露露在前端 前端javascripthtml状态模式学习面试vue.js
    前言最近遇到一个需求，需要将批量选择的图片，批量一个个下载。触发单个下载在浏览器中触发下载，我们可以借用a元素来触发。constdownloadFile=async(url:string,name:string)=>{constres=awaitfetch(url);constblob=awaitres.blob();conststrList=url.split('.');consttype=st
  • C#运算符与表达式详解 AitTech C#c#算法开发语言
    在C#编程中，运算符和表达式是构建复杂逻辑和处理数据的关键元素。以下是对C#运算符与表达式的详细解析：一、运算符运算符是一种特殊的符号，用于执行各种数学、逻辑和其他操作。C#中的运算符可以分为以下几类：算术运算符：+：加法运算符，用于将两个数值相加。-：减法运算符，用于将一个数值减去另一个数值。*：乘法运算符，用于将两个数值相乘。/：除法运算符，用于将一个数值除以另一个数值。%：取模运算符，用于获
  • Vue2 - 详解实现网站使用企业微信二维码扫描登录，企业微信授权第三方网站接入企业微信登陆功能，扫二维码登录后获取用户信息，登录页展示企业微信二维码或iframe新开一页或弹框，解决各种报错登录失败 王二红 +Vue企业微信网站授权企业微信扫码登录最新vue2.jsnuxt2.js如何在新窗口弹出企业微信二维码解决显示报错回调错误无法渲染vue企业微信扫一扫二维码登录
    前言如果您需要Vue3版本，请访问这篇文章。在vue2|nuxt2网站开发中，详解实现网页集成使用“企业微信扫一扫登录”功能，用户使用手机企业微信app扫描网站的登录二维码后，获取用户身份信息及号码并完成授权登录教程，新手小白完整流程及示例运行代码，支持多种企业微信二维码“展现方式”，可构造独立窗口登录二维码(iframe一个小弹框网页窗口或浏览器新页签全屏展示)、内嵌登录二维码(放到弹框组件中或
  • HTML 元素和有效 DOCTYPES 智慧浩海 HTMLhtml前端
    HTML元素-有效DOCTYPES下面的表格列出了所有的HTML5/HTML4.01/XHTML元素，以及它们会出现在什么文档类型(!DOCTYPE)中：HTML4.01/XHTML1.0TagHTML5TransitionalStrictFramesetXHTML1.1YesYesYesYesYesYesYesYesYesYesNoYesYesYesYesYesYesYesYesYesNoYes
  • R语言绘图 | 环状柱状图+散点柱状组合图绘制 小杜的生信筆記 R语言精美图形绘制教程r语言开发语言科研绘图生物信息学
    原文：R语言绘图|环状柱状图+散点柱状组合图绘制(点击访问)小杜的生信筆記，主要发表或收录生物信息学教程，以及基于R分析和可视化（包括数据分析，图形绘制等）；分享感兴趣的文献和学习资料!!
  • 3.4 C#的运算符和表达式详解（运算符优先级、算术运算符、逻辑运算符……） Argonaut春 从零开始学cc#javaandroid运算符表达式
    文章目录C#的运算符和表达式3.4.1运算符与表达式类型1.算术运算符与算术表达式2.字符串运算符与字符串表达式3.关系运算符与关系表达式4.逻辑运算符与逻辑表达式5.条件运算符与条件表达式6.赋值运算符与赋值表达式3.4.2运算符的优先级与结合性1.运算符的优先级2.结合性示例代码C#的运算符和表达式运算符大致分为3类：一元运算符，包括前缀运算符和后缀运算符，用于处理一个操作数二元运算符，使用时
  • 3.14学习总结 2402_88131930 学习
    今天完成了几道关于二叉树的算法题关于二叉树的最小最大深度和数据流中的第k大元素，用到优先队列，学习了有关java的基础知识，学习了双指针法。
  • C++数据结构 数组加链表 哈儿1号 数据结构C++c++
    #includeusingnamespacestd;//对于线性表有必要执行的操作：//创建，撤销//确定线性表是否为空//确定线性表的长度//按索引查找一个元素//按元素查找索引。//按索引删除元素//按索引插入元素//从左到右的顺序输出线性表元素//这是个老祖宗templateclasslinearList{public:virtual~linearList(){};virtualboolem
  • 意境级讲解二分查找算法、python 炫云云 大数据算法和数据结构机器学习数据结构算法python人工智能
    文章目录问题定义模版一查找一个数寻找第一个的满足条件的位置寻找最后一个的满足条件的值二分查找的问题变种把待搜索区间分成两个部分搜索插入位置模版二寻找第一个的满足条件的位置寻找最后一个的满足条件的值x的平方根方法二：牛顿迭代猜数字大小搜索旋转排序数组搜索旋转排序数组II第一个错误的版本寻找峰值寻找旋转排序数组中的最小值模板三在排序数组中查找元素的第一个和最后一个位置查找最接近且小于target的元素
  • Js函数返回值 _wy_ jsreturn
    一、返回控制与函数结果，语法为：return 表达式;作用: 结束函数执行，返回调用函数，而且把表达式的值作为函数的结果 二、返回控制语法为：return;作用: 结束函数执行，返回调用函数，而且把undefined作为函数的结果 在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性
  • MySQL 的 char 与 varchar bylijinnan mysql
    今天发现，create table 时，MySQL 4.1有时会把 char 自动转换成 varchar 测试举例： CREATE TABLE `varcharLessThan4` ( `lastName` varchar(3) ) ; mysql> desc varcharLessThan4; +----------+---------+------+-
  • Quartz——TriggerListener和JobListener eksliang TriggerListenerJobListenerquartz
    转载请出自出处：http://eksliang.iteye.com/blog/2208624 一.概述 listener是一个监听器对象，用于监听scheduler中发生的事件，然后执行相应的操作；你可能已经猜到了，TriggerListeners接受与trigger相关的事件，JobListeners接受与jobs相关的事件。   二.JobListener监听器  j
  • oracle层次查询 18289753290 oracle；层次查询；树查询
    .oracle层次查询(connect  by) oracle的emp表中包含了一列mgr指出谁是雇员的经理，由于经理也是雇员，所以经理的信息也存储在emp表中。这样emp表就是一个自引用表，表中的mgr列是一个自引用列，它指向emp表中的empno列，mgr表示一个员工的管理者， select   empno,mgr,ename,sal  from e
  • 通过反射把map中的属性赋值到实体类bean对象中 酷的飞上天空 javaee泛型类型转换
    使用过struts2后感觉最方便的就是这个框架能自动把表单的参数赋值到action里面的对象中 但现在主要使用Spring框架的MVC，虽然也有@ModelAttribute可以使用但是明显感觉不方便。 好吧，那就自己再造一个轮子吧。 原理都知道，就是利用反射进行字段的赋值，下面贴代码 主要类如下：   import java.lang.reflect.Field; imp
  • SAP HANA数据存储：传统硬盘的瓶颈问题 蓝儿唯美 HANA
    SAPHANA平台有各种各样的应用场景，这也意味着客户的实施方法有许多种选择，关键是如何挑选最适合他们需求的实施方案。 在 《Implementing SAP HANA》这本书中，介绍了SAP平台在现实场景中的运作原理，并给出了实施建议和成功案例供参考。本系列文章节选自《Implementing SAP HANA》，介绍了行存储和列存储的各自特点，以及SAP HANA的数据存储方式如何提升空间压
  • Java Socket 多线程实现文件传输 随便小屋 javasocket
            高级操作系统作业，让用Socket实现文件传输，有些代码也是在网上找的，写的不好，如果大家能用就用上。 客户端类：   package edu.logic.client; import java.io.BufferedInputStream; import java.io.Buffered
  • java初学者路径 aijuans java
    学习Java有没有什么捷径?要想学好Java，首先要知道Java的大致分类。自从Sun推出Java以来，就力图使之无所不包，所以Java发展到现在，按应用来分主要分为三大块：J2SE,J2ME和J2EE,这也就是Sun ONE(Open Net Environment)体系。J2SE就是Java2的标准版，主要用于桌面应用软件的编程；J2ME主要应用于嵌入是系统开发，如手机和PDA的编程；J2EE
  • APP推广 aoyouzi APP推广
    一，免费篇 1，APP推荐类网站自主推荐 最美应用、酷安网、DEMO8、木蚂蚁发现频道等,如果产品独特新颖，还能获取最美应用的评测推荐。PS：推荐简单。只要产品有趣好玩，用户会自主分享传播。例如足迹APP在最美应用推荐一次，几天用户暴增将服务器击垮。 2，各大应用商店首发合作 老实盯着排期，多给应用市场官方负责人献殷勤。 3，论坛贴吧推广 百度知道，百度贴吧，猫扑论坛，天涯社区，豆瓣（
  • JSP转发与重定向 百合不是茶 jspservletJava Webjsp转发
      在servlet和jsp中我们经常需要请求,这时就需要用到转发和重定向;   转发包括;forward和include     例子;forwrad转发;  将请求装法给reg.html页面   关键代码;    req.getRequestDispatcher("reg.html
  • web.xml之jsp-config bijian1013 javaweb.xmlservletjsp-config
    1.作用：主要用于设定JSP页面的相关配置。 2.常见定义： <jsp-config> <taglib> <taglib-uri>URI(定义TLD文件的URI,JSP页面的tablib命令可以经由此URI获取到TLD文件)</tablib-uri> <taglib-location> TLD文件所在的位置
  • JSF2.2 ViewScoped Using CDI sunjing CDIJSF 2.2ViewScoped
    JSF 2.0 introduced annotation @ViewScoped; A bean annotated with this scope maintained its state as long as the user stays on the same view(reloads or navigation - no intervening views). One problem w
  • 【分布式数据一致性二】Zookeeper数据读写一致性 bit1129 zookeeper
    很多文档说Zookeeper是强一致性保证，事实不然。关于一致性模型请参考http://bit1129.iteye.com/blog/2155336    Zookeeper的数据同步协议 Zookeeper采用称为Quorum Based Protocol的数据同步协议。假如Zookeeper集群有N台Zookeeper服务器(N通常取奇数，3台能够满足数据可靠性同时
  • Java开发笔记 白糖_ java开发
    1、Map<key,value>的remove方法只能识别相同类型的key值   Map<Integer,String> map = new HashMap<Integer,String>(); map.put(1,"a"); map.put(2,"b"); map.put(3,"c"
  • 图片黑色阴影 bozch 图片
     .event{ padding:0;    width:460px;    min-width: 460px;    border:0px solid #e4e4e4;    height: 350px;    min-heig
  • 编程之美-饮料供货-动态规划 bylijinnan 动态规划
    import java.util.Arrays; import java.util.Random; public class BeverageSupply { /** * 编程之美 饮料供货 * 设Opt（V’，i）表示从i到n-1种饮料中，总容量为V’的方案中，满意度之和的最大值。 * 那么递归式就应该是：Opt（V’，i）=max{ k * Hi+Op
  • ajax大参数（大数据）提交性能分析 chenbowen00 WebAjax框架浏览器prototype
    近期在项目中发现如下一个问题 项目中有个提交现场事件的功能，该功能主要是在web客户端保存现场数据（主要有截屏，终端日志等信息）然后提交到服务器上方便我们分析定位问题。客户在使用该功能的过程中反应点击提交后反应很慢，大概要等10到20秒的时间浏览器才能操作，期间页面不响应事件。 根据客户描述分析了下的代码流程，很简单，主要通过OCX控件截屏，在将前端的日志等文件使用OCX控件打包，在将之转换为
  • [宇宙与天文]在太空采矿,在太空建造 comsci
         我们在太空进行工业活动...但是不太可能把太空工业产品又运回到地面上进行加工,而一般是在哪里开采,就在哪里加工,太空的微重力环境,可能会使我们的工业产品的制造尺度非常巨大....      地球上制造的最大工业机器是超级油轮和航空母舰,再大些就会遇到困难了,但是在空间船坞中,制造的最大工业机器,可能就没
  • ORACLE中CONSTRAINT的四对属性 daizj oracleCONSTRAINT
    ORACLE中CONSTRAINT的四对属性 summary:在data migrate时,某些表的约束总是困扰着我们,让我们的migratet举步维艰,如何利用约束本身的属性来处理这些问题呢?本文详细介绍了约束的四对属性: Deferrable/not deferrable, Deferred/immediate, enalbe/disable, validate/novalidate,以及如
  • Gradle入门教程 dengkane gradle
    一、寻找gradle的历程 一开始的时候，我们只有一个工程，所有要用到的jar包都放到工程目录下面，时间长了，工程越来越大，使用到的jar包也越来越多，难以理解jar之间的依赖关系。再后来我们把旧的工程拆分到不同的工程里，靠ide来管理工程之间的依赖关系，各工程下的jar包依赖是杂乱的。一段时间后，我们发现用ide来管理项程很不方便，比如不方便脱离ide自动构建，于是我们写自己的ant脚本。再后
  • C语言简单循环示例 dcj3sjt126com c
    # include <stdio.h> int main(void) { int i; int count = 0; int sum = 0; float avg; for (i=1; i<=100; i++) { if (i%2==0) { count++; sum += i; } } avg
  • presentModalViewController 的动画效果 dcj3sjt126com controller
    系统自带(四种效果)： presentModalViewController模态的动画效果设置：     [cpp]  view plain copy   UIViewController *detailViewController = [[UIViewController al
  • java 二分查找 shuizhaosi888 二分查找java二分查找
    需求：在排好顺序的一串数字中，找到数字T   一般解法：从左到右扫描数据，其运行花费线性时间O(N)。然而这个算法并没有用到该表已经排序的事实。 /** * * @param array * 顺序数组 * @param t * 要查找对象 * @return */ public stati
  • Spring Security（07）——缓存UserDetails 234390216 ehcache缓存Spring Security
           Spring Security提供了一个实现了可以缓存UserDetails的UserDetailsService实现类，CachingUserDetailsService。该类的构造接收一个用于真正加载UserDetails的UserDetailsService实现类。当需要加载UserDetails时，其首先会从缓存中获取，如果缓存中没
  • Dozer 深层次复制 jayluns VOmavenpo
    最近在做项目上遇到了一些小问题，因为架构在做设计的时候web前段展示用到了vo层，而在后台进行与数据库层操作的时候用到的是Po层。这样在业务层返回vo到控制层，每一次都需要从po-->转化到vo层，用到BeanUtils.copyProperties(source, target)只能复制简单的属性，因为实体类都配置了hibernate那些关联关系，所以它满足不了现在的需求，但后发现还有个很
  • CSS规范整理（摘自懒人图库） a409435341 htmlUIcss浏览器
       刚没事闲着在网上瞎逛，找了一篇CSS规范整理，粗略看了一下后还蛮有一定的道理，并自问是否有这样的规范，这也是初入前端开发的人一个很好的规范吧。 一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解： 所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中： 基本样式库 /css/core
  • C++动态链接库创建与使用 你不认识的休道人 C++dll
    一、创建动态链接库 1.新建工程test中选择”MFC [dll]”dll类型选择第二项"Regular DLL With MFC shared linked"，完成 2.在test.h中添加 extern “C” 返回类型 _declspec(dllexport)函数名(参数列表); 3.在test.cpp中最后写 extern “C” 返回类型 _decls
  • Android代码混淆之ProGuard rensanning ProGuard
    Android应用的Java代码，通过反编译apk文件（dex2jar、apktool）很容易得到源代码，所以在release版本的apk中一定要混淆一下一些关键的Java源码。 ProGuard是一个开源的Java代码混淆器（obfuscation）。ADT r8开始它被默认集成到了Android SDK中。 官网： http://proguard.sourceforge.net/
  • 程序员在编程中遇到的奇葩弱智问题 tomcat_oracle jquery编程ide
    　　现在收集一下：       　　排名不分先后，按照发言顺序来的。   1、Jquery插件一个通用函数一直报错，尤其是很明显是存在的函数，很有可能就是你没有引入jquery。。。或者版本不对 2、调试半天没变化：不在同一个文件中调试。这个很可怕，我们很多时候会备份好几个项目，改完发现改错了。有个群友说的好：   在汤匙
  • 解决maven-dependency-plugin (goals "copy-dependencies","unpack") is not supported xp9802 dependency
    解决办法：在plugins之前添加如下pluginManagement，二者前后顺序如下：   [html]  view plain copy   <build>           <pluginManagement
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他