Computer_Tech
Computer_Tech

Modeless dialog in html

DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>可拖拽非模态对话框title>
    <style>
        .dialog {
            display: none;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, .3);
            z-index: 9999;
            opacity: 0.65;
        }

        .dialog-header {
            background-color: #88c3ff;
            padding: 10px;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            cursor: move;
        }

        .dlgtitle {
            /* font-weight: bold; */
            font-size: 16px;
            color: chartreuse;
        }

        .dialog-content {
            background-color: #c2d6ee;
            padding: 20px;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
        }
    style>
head>

<body>
    <button id="openBtn">打开对话框button>
    <div id="dialog" class="dialog close-btn">
        <div class="dialog-header">
            <span class="dlgtitle">This page say:span>

        div>
        <div class="dialog-content">
            <p>请选择一篇博客进行编辑p>
        div>
    div>
    <script>
        var dialog = document.getElementById('dialog');
        var openBtn = document.getElementById('openBtn');
        var bodypage = document.getElementsByTagName('html');
        var closeBtn = document.querySelector('.close-btn');
        var isDragging = false;
        var mouseX, mouseY, dialogLeft, dialogTop;
        // 鼠标按下时记录鼠标位置以及对话框位置
        dialogHeaderMouseDown = function (e) {
            isDragging = true;
            mouseX = e.clientX;
            mouseY = e.clientY;
            dialogLeft = dialog.offsetLeft;
            dialogTop = dialog.offsetTop;
        }
        // 鼠标移动时移动对话框
        // document.onmousemove = function(e) {
        dialogHeaderMouseMove = function (e) {
            if (isDragging) {
                var moveX = e.clientX - mouseX;
                var moveY = e.clientY - mouseY;
                dialog.style.left = dialogLeft + moveX + 'px';
                dialog.style.top = dialogTop + moveY + 'px';
            }
        }
        // 鼠标松开时停止拖动
        // document.onmouseup = function() {
        dialogHeaderMouseup = function () {
            isDragging = false;
        }
        // 点击打开按钮显示对话框
        openBtn.onclick = function () {
            dialog.style.display = 'block';
        }
        // 点击关闭按钮或对话框外部关闭对话框
        closeBtn.onclick = function () {
            dialog.style.display = 'none';
        }
        bodypage[0].onclick = function (e) {
            if(e.target!==dialog){
                if(e.target!==openBtn){
                    dialog.style.display = 'none';
                }
            }
            console.log("body is clicked");
        }
        dialog.onclick = function (e) {
            if (e.target == dialog) {
                dialog.style.display = 'none';
            }
        }
        // 鼠标按下对话框头部，开始拖动对话框
        var header = document.querySelector('.dialog-header');
        header.addEventListener('mousedown', dialogHeaderMouseDown);
        header.addEventListener('mousemove', dialogHeaderMouseMove);
        header.addEventListener('mouseup', dialogHeaderMouseup);
    script>
body>

html>

你可能感兴趣的:(HTML,html,css,前端)

  • Python动漫烟花（完整代码） Want595 Python趣味编程python开发语言烟花
    系列专栏《Python趣味编程》《C/C++趣味编程》《HTML趣味编程》《Java趣味编程》写在前面Python实现动漫烟花秀动画的完整代码。技术需求Tkinter：这是Python的标准图形用户界面库，用于创建窗口、画布以及显示烟花动画。通过Canvas组件进行图形绘制和动画更新。
  • zabbix 6.0源码安装 --Riven-- zabbixzabbix运维
    这里写自定义目录标题zabbix源码安装一，编译安装pgsql二，编译安装zabbix三，编译安装nginx四，编译安装php五，zabbix_agent源码安装六，安装遇到的问题与解决方案七，zabbix使用手册zabbix源码安装麒麟系统，zabbix6.0源码安装，数据库使用pgsql，前端使用nginx，php环境：$cat/etc/os-releaseNAME="KylinLinuxAd
  • Java牙科诊所管理系统web医院病例挂号预约平台springboot/ssm代码编写 kirito学长-Java javaspringboot开发语言
    Java牙科诊所管理系统web医院病例挂号预约平台springboot/ssm代码编写基于springboot(可改ssm)+html+vue项目开发语言：Java框架：springboot/可改ssm+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库：mysql5.7（或8.0）数据库工具：Navicat/sqlyog开发软件：eclipse/idea依赖管理包：Maven代码
  • 使用 ElementUI 和 Spring 实现稳定可靠的文件上传和下载功能 随风九天 Vue六脉神剑前端springelementuispring上传下载
    前端（ElementUI）1.文件上传使用el-upload组件配置上传接口处理上传成功和失败点击上传只能上传jpg/png文件，且不超过500kbexportdefault{data(){return{headers:{Authorization:'Bearer'+localStorage.getItem('token')//如果需要认证}};},methods:{handleSuccess(r
  • TypeScript前端应用：ReCapProject-Frontend项目探索 不爱说话的我
    本文还有配套的精品资源，点击获取简介：本项目展示了TypeScript在现代Web开发中的应用，特别是在前端开发中的强大能力。通过静态类型系统、类型推断、工具支持、面向对象特性和ES6+语法兼容性，TypeScript提高了代码的健壮性和可维护性。开发者使用TypeScript能够减少运行时错误，享受现代IDE的高级特性，并在构建过程中利用现代JavaScript的特性来提高开发效率。1.Type
  • 磁力链接怎么是html,磁力链接的使用方法有哪些 不爱说话的我
    磁力下载链接是的一种下载方式，比较方便使用。不过有些网友就不知道怎么使用了，其实使用方法非常简单！下面是学习啦小编给大家整理的磁力链接的使用方法，希望能帮到大家!迅雷磁力链接的使用方法1、通过连接BT种子中记录的BTTracker服务器，获取下载者列表2、利用BT种子中记录的“数字指纹”通过DHT网络进行搜索，获取下载者列表你可以像下载普通任务一样，左键点击网页上“磁力链接”的下载按钮，或右键点击
  • html加载速度优化,页面加载速度优化的12个建议 陆家贤 html加载速度优化
    Radware发布的2014年春季电商页面速度与Web性能”调查报告强调了电商页面加载速度的重要性，同时指出很多网站都没有利用最佳的页面优化技术，页面加速速度都存在很大缺陷。那么该如何补救，提高网站页面的加载速度呢？报告给出了12个页面加载速度优化的补救措施，用以改善加载时间，改善站长浏览者的用户体验。网站运营人员可以通过这些建议来解决页面加载速度难题。编译如下：1、合并Js文件和CSS将JS代码
  • 如何优化网站加载速度：全面指南 心上之秋
    1.什么是网站加载速度？网站加载速度是指从用户点击链接到网页完全加载并可交互所需的时间。这包括下载HTML、CSS、JavaScript文件以及图片和其他媒体内容的时间。2.为什么网站加载速度重要？用户体验快速加载的网站能提供更好的用户体验，减少用户的等待时间，增加用户满意度。SEO影响谷歌等搜索引擎将网站加载速度作为排名因素之一。加载速度快的网站往往在搜索结果中排名更高。转化率研究表明，更快的网
  • SGlang 专为大模型设计的高效服务框架 kcarly 大模型知识乱炖LLM大模型SGLang
    SGlang是一种专为大型语言模型（LLM）和视觉语言模型（VLM）设计的高效服务框架，旨在提升模型的推理速度和灵活性。以下是关于SGlang框架的详细介绍：1.框架背景与目标SGlang是一种快速服务框架，通过协同设计后端运行时和前端语言，使用户能够更快速、更可控地与模型进行交互。它支持多种生成模型和嵌入模型，并提供灵活的编程接口，适用于开发多样化的语言模型应用。SGlang的主要目标是：提升推
  • 利用HTML和css技术编写学校官网页面 彭友圈101 css前端html
    目录一，图例展示二，代码说明1，html部分：【第一张图片】【第二张图片】【第三张图片】2，css部分：【第一张图片】【第二张图片】【第三张图片】三，程序代码一，图例展示二，代码说明1，html部分：【第一张图片】创建了一个基本的页面结构，包含header（顶部导航栏）和main（主横幅区域）。在header中，设置了学校logo、学校名称、主导航菜单以及用户相关选项（学生、教工等）。main区域
  • 【HTML性能优化】提升网站加载速度：GZIP、懒加载与资源合并 吴师兄大模型 html性能优化前端网站加载GZIP懒加载资源合并
    系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法07-HTML表单控件类型大全：文本框、密码框、文件上传全掌握08-前端表单验
  • 前端框架中 HTML 的应用技巧：React、Vue、Angular 深度解析 吴师兄大模型 前端框架htmlreact.jsVueAngularHTML5编程
    系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法07-HTML表单控件类型大全：文本框、密码框、文件上传全掌握08-前端表单验
  • 深入剖析Electron的原理 Orange301511 electronjavascript前端
    Electron是一个强大的跨平台桌面应用开发框架，它允许开发者使用HTML、CSS和JavaScript来构建各种桌面应用程序。了解Electron的原理对于开发者至关重要，这样在设计应用时能更合理，遇到问题也能更准确地分析和解决。下面将从多个方面深入剖析Electron的原理。架构层面Electron的核心架构基于两个主要组件：Chromium和Node.js。Chromium是一个开源的浏览
  • r语言 xml html,R语言读取XML文件-xml文件 bean.Xu r语言xmlhtml
    XML文件简介在计算机领域，XML(extensiblemarkuplanguage)指的是可扩展标记语言，类似于HTML，它设计的宗旨是传输数据，而不是显示数据，所以这也是它和HTML的一个明显的差别。另外一个差别是XML的标签没有被预定义，我们可以根据自己的需要自行设计标签名字，所以具有自我描述性。一个具体的例子以上就是一个XML的例子，它拥有发送者和接受者，标题，内容等信息，所以自我描述非常
  • 聊聊vscode配置settings.json知其所以然（附大量配置） 星野睡不醒 Webvscodejssettings.jsonwebfe
    前言vscode的配置settings.json是一个老生常谈的话题，随着时间的流逝我们可能会很高频的改动他，但我们应该极力避免一个问题：⚠️配了某项但是不知道他的作用⚠️其实就是一个知其所以然的问题。籍此话题，本文将细致的分析我的settings.json，希冀可以给读者带来一些帮助。正文以下部分插件的配置来自于：《前端web开发高效vscode插件分享（辩证的海量实战检验）》中提到过的插件。自
  • python各个模块以及学习文档链接 Perhaps# Pythonpython正则表达式爬虫
    Python_base一、python模块二、其他链接一、python模块名称来源用途类别链接os标准库文件和路径操作基础类https://docs.python.org/zh-cn/3/library/os.html#sys标准库系统和环境基础类https://docs.python.org/3/library/sys.htmltime标准库有关时间操作基础类https://docs.pytho
  • java使用react_基于JVM使用React.js和Spring Boot建立同构的Web应用 tarv java使用react
    这是一个展示如何使用Java的SpringBoot实现预渲染前端MVC(MVC-frontend)的同构Web应用开源项目：winterbe/spring-react-example·GitHub所谓同构Isomorphic应用是指Javacript在客户端和服务器端同时运行，后端和前端同享相同的代码。传统Web应用是在服务器端产生HTML，然后发往客户端，后来这被客户端MVC改变如Angular
  • Flask 框架概述及应用案例 极致人生-010 flaskpython后端
    文章目录Flask框架概述Flask的特点：Flask的基本结构：如何开始使用Flask：Flask的应用场景：应用案例`templates/home.html`:`templates/register.html`:`templates/users.html`:案例扩展步骤1:安装Flask-Login步骤2:修改`app.py`步骤3:创建表单验证和登录表单`templates/login.ht
  • React Native 列表组件：FlashList、FlatList 及更多 前端javascript
    CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在移动开发中，高效展示数据列表至关重要。作为ReactNative开发者，我们可以使用多种强大的工具来完成这一任务。无论是ScrollView、SectionList还是FlatList，ReactNative都提供了一系列用于数据展示的组件。然而，随着数据集的增长和性能需求的提高，我们需要更优化的解决方案。这时，Shopify推出
  • 利用Vue编写一个“计数器” 慕斯-ing Vue2.xvue.js前端经验分享
    目录一、利用Vue编写一个“计数器”的操作方法：二、html文件相关源代码三、CSS文件相关源代码四、代码执行效果展示如下一、利用Vue编写一个“计数器”的操作方法：1、data中定义计数器的相关数据，如num、min、max。2、methods中添加计数器的递增与递减方法，其中①递减sub方法：大于0递减；②递增add方法：小于10累加。3、使用v-text将num设置给span标签。4、使用v
  • HTML基本语法 ufosuai555 html前端
    什么是HTML?HTML是超文本标记语言（HyperTextMarkupLanguage）的缩写，是一种用于创建网页的标准标记语言。HTML允许网页设计师通过使用标签来描述网页的结构和内容。W3C标准W3C（WorldWideWebConsortium）是一个国际组织，负责制定和推广互联网标准。W3C标准包括HTML、CSS、JavaScript等，这些标准确保了网页在不同浏览器和设备上的兼容性和
  • YOLO架构改进研究-用GELAN模块替代C2f结构的性能分析与实现【附核心实战代码】 一键难忘 精通AI实战千例专栏合集YOLOYOLOv8YOLOv9
    本文收录于专栏：精通AI实战千例专栏合集https://blog.csdn.net/weixin_52908342/category_11863492.html从基础到实践，深入学习。无论你是初学者还是经验丰富的老手，对于本专栏案例和项目实践都有参考学习意义。每一个案例都附带关键代码，详细讲解供大家学习，希望可以帮到大家。正在不断更新中~YOLO架构改进研究-用GELAN模块替代C2f结构的性能分
  • 前端的深拷贝和浅拷贝_详解浅拷贝和深拷贝 weixin_39661353 前端的深拷贝和浅拷贝
    #JavaScript浅拷贝和深拷贝[TOC]##JavaScript的两种变量类型JavaScript变量的类型分为两种，基本类型和引用类型，其中基本类型是指简单的数据段，有5种：Undefined、Null、Boolean、Number和String引用类型是指可能有多个值构成的对象，一般为：Object,Array,function等为什么要先说变量类型呢，是因为基本类型是按值访问的，不会影
  • 前端的深拷贝和浅拷贝_前端 深拷贝和浅拷贝 weixin_39614060 前端的深拷贝和浅拷贝
    js的数据类型分为两种，基本类型和引用类型基本类型值(数值、布尔值、字符串、null和undefined)：指的是保存在栈内存中的简单数据段。引用类型值(对象、数组、函数、正则)：指的是那些保存在堆内存中的对象，变量中保存的实际上只是一个指针，这个指针执行内存中的另一个位置，由该位置保存对象。在复制变量中，对于基本类型来说，两者是互不影响的。varnum=1varobj=numvarobj=3//
  • React学习笔记 26:28 Reactreact.js学习笔记
    1、React初步认识React构建Web和原生交互界面的库，相较于其它前端框架的优势，具有丰富的生态跨平台支持。1.1、React的开发依赖开发React必须依赖三个库：react：包含react所必须的核心代码；react-dom：react渲染在不同平台所需要的核心代码；babel：将jsx转换成React代码的工具；1.2、VSCode代码片段我们在前面练习React的过程中，有些代码片段
  • 【前端基础】——浅拷贝和深拷贝 Array[林] 前端——JavaScript前端前端javascript
    文章目录浅拷贝和深拷贝浅拷贝和深拷贝的定义浅拷贝深拷贝数据类型的值传递和地址传递浅拷贝实现的具体方式数字方法slice()Object.assignfor...in...深拷贝的具体实现JSON.parse(JSON.stringify())递归浅拷贝和深拷贝浅拷贝和深拷贝的定义浅拷贝浅拷贝对内存地址的复制，让目标对象指针和源对象指向同一片内存空间。深拷贝深拷贝是指拷贝对象的具体内容，其内存地址是
  • 前端项目技术点总结：React项目创建 jimson_zhu 前端react.jsjavascript
    （一）webpack基本使用和配置项目初始化；安装webpack和其脚手架webpack-cli；新建webpack.config.js文件，并且配置；安装插件html-webpack-plugin，并且配置；安装webpack-dev-server，配置热启动；安装对应loader（css，js，图片等等）；创建webpack.config.js，配置入口、出口、插件和loader；然后在pac
  • 前端实现浅拷贝和深拷贝的方法 Lucky_girl_wan 记录vue.js前端javascript
    浅拷贝就是指对象复制的时候只复制一层，当源对象的数据改变时，新的对象的数据也会改变深拷贝是指复制对象的所有层级，当源对象的数据改变时，新的对象的数据不会改变1.JSON.parse(JSON.stringify())既可以拷贝数组也可以拷贝对象不可以拷贝函数（深拷贝）letarr1=[1,2,false,{a:1}]letarr2=JSON.parse(JSON.stringify(arr_1))
  • intra-mart实现简易登录页面笔记 追逐梦想永不停 笔记
    一、前言最近在学习intra-mart框架，在此总结下笔记。intra-mart是一个前后端不分离的框架，开发时主要用的就是xml、html、js这几个文件；xml文件当做配置文件，html当做前端页面文件，js当做后端文件（js里能连接数据库）；所以js文件需要注意，因为算后端文件，其中的语法与前端开发的js有些不太相同（日志打印不能用console.log）。二、代码部分1.路由文件WEB-I
  • 前端 | JavaScript中的reduce方法 酒酿泡芙1217 前端javascript开发语言reduce
    1.什么是reducereduce方法是JavaScript中数组的重要方法之一，用于对数组中的元素进行累积计算。它接收一个回调函数作为参数，并返回一个最终计算结果。reduce在许多场景下都非常有用，比如求和、数组扁平化、对象计数、数据转换等。2.reduce语法2.1语法arr.reduce(callback,initialValue)2.2参数说明callback(accumulator,c
  • 数据采集高并发的架构应用 3golden .net
    问题的出发点：          最近公司为了发展需要，要扩大对用户的信息采集，每个用户的采集量估计约2W。如果用户量增加的话，将会大量照成采集量成3W倍的增长，但是又要满足日常业务需要，特别是指令要及时得到响应的频率次数远大于预期。       &n
  • 不停止 MySQL 服务增加从库的两种方式 brotherlamp linuxlinux视频linux资料linux教程linux自学
    现在生产环境MySQL数据库是一主一从，由于业务量访问不断增大，故再增加一台从库。前提是不能影响线上业务使用，也就是说不能重启MySQL服务，为了避免出现其他情况，选择在网站访问量低峰期时间段操作。  一般在线增加从库有两种方式，一种是通过mysqldump备份主库，恢复到从库，mysqldump是逻辑备份，数据量大时，备份速度会很慢，锁表的时间也会很长。另一种是通过xtrabacku
  • Quartz——SimpleTrigger触发器 eksliang SimpleTriggerTriggerUtilsquartz
    转载请出自出处：http://eksliang.iteye.com/blog/2208166 一.概述 SimpleTrigger触发器，当且仅需触发一次或者以固定时间间隔周期触发执行；   二.SimpleTrigger的构造函数 SimpleTrigger(String name, String group)：通过该构造函数指定Trigger所属组和名称； Simpl
  • Informatica应用（1） 18289753290 sqlworkflowlookup组件Informatica
    1.如果要在workflow中调用shell脚本有一个command组件，在里面设置shell的路径；调度wf可以右键出现schedule，现在用的是HP的tidal调度wf的执行。 2.designer里面的router类似于SSIS中的broadcast（多播组件）;Reset_Workflow_Var：参数重置 （比如说我这个参数初始是1在workflow跑得过程中变成了3我要在结束时还要
  • python 获取图片验证码中文字 酷的飞上天空 python
    根据现成的开源项目 http://code.google.com/p/pytesser/改写 在window上用easy_install安装不上  看了下源码发现代码很少  于是就想自己改写一下   添加支持网络图片的直接解析   #coding:utf-8 #import sys #reload(sys) #sys.s
  • AJAX 永夜-极光 Ajax
    1.AJAX功能:动态更新页面,减少流量消耗,减轻服务器负担   2.代码结构:    <html> <head> <script type="text/javascript"> function loadXMLDoc() { .... AJAX script goes here ...
  • 创业OR读研 随便小屋 创业
            现在研一，有种想创业的想法，不知道该不该去实施。因为对于的我情况这两者是矛盾的，可能就是鱼与熊掌不能兼得。                研一的生活刚刚过去两个月，我们学校主要的是
  • 需求做得好与坏直接关系着程序员生活质量 aijuans IT 生活
            这个故事还得从去年换工作的事情说起，由于自己不太喜欢第一家公司的环境我选择了换一份工作。去年九月份我入职现在的这家公司，专门从事金融业内软件的开发。十一月份我们整个项目组前往北京做现场开发，从此苦逼的日子开始了。        系统背景：五月份就有同事前往甲方了解需求一直到6月份，后续几个月也完
  • 如何定义和区分高级软件开发工程师 aoyouzi
    在软件开发领域，高级开发工程师通常是指那些编写代码超过 3 年的人。这些人可能会被放到领导的位置，但经常会产生非常糟糕的结果。Matt Briggs 是一名高级开发工程师兼 Scrum 管理员。他认为，单纯使用年限来划分开发人员存在问题，两个同样具有 10 年开发经验的开发人员可能大不相同。近日，他发表了一篇博文，根据开发者所能发挥的作用划分软件开发工程师的成长阶段。 　　初
  • Servlet的请求与响应 百合不是茶 servletget提交java处理post提交
      Servlet是tomcat中的一个重要组成,也是负责客户端和服务端的中介     1,Http的请求方式(get  ,post);   客户端的请求一般都会都是Servlet来接受的,在接收之前怎么来确定是那种方式提交的,以及如何反馈,Servlet中有相应的方法,  http的get方式 servlet就是都doGet(
  • web.xml配置详解之listener bijian1013 javaweb.xmllistener
    一.定义 <listener> <listen-class>com.myapp.MyListener</listen-class> </listener>   二.作用        该元素用来注册一个监听器类。可以收到事件什么时候发生以及用什么作为响
  • Web页面性能优化（yahoo技术） Bill_chen JavaScriptAjaxWebcssYahoo
    1.尽可能的减少HTTP请求数 content 2.使用CDN server 3.添加Expires头(或者 Cache-control) server 4.Gzip 组件 server 5.把CSS样式放在页面的上方。 css 6.将脚本放在底部(包括内联的) javascript 7.避免在CSS中使用Expressions css 8.将javascript和css独立成外部文
  • 【MongoDB学习笔记八】MongoDB游标、分页查询、查询结果排序 bit1129 mongodb
    游标   游标，简单的说就是一个查询结果的指针。游标作为数据库的一个对象，使用它是包括 声明 打开 循环抓去一定数目的文档直到结果集中的所有文档已经抓取完 关闭游标   游标的基本用法，类似于JDBC的ResultSet(hasNext判断是否抓去完,next移动游标到下一条文档)，在获取一个文档集时，可以提供一个类似JDBC的FetchSize
  • ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务 的解决方法 白糖_ ORA-12514
    今天通过Oracle SQL*Plus连接远端服务器的时候提示“监听程序当前无法识别连接描述符中请求服务”，遂在网上找到了解决方案： ①打开Oracle服务器安装目录\NETWORK\ADMIN\listener.ora文件，你会看到如下信息：   # listener.ora Network Configuration File: D:\database\Oracle\net
  • Eclipse 问题 A resource exists with a different case bozch eclipse
    在使用Eclipse进行开发的时候，出现了如下的问题： Description Resource Path Location TypeThe project was not built due to "A resource exists with a different case: '/SeenTaoImp_zhV2/bin/seentao'.&
  • 编程之美-小飞的电梯调度算法 bylijinnan 编程之美
    public class AptElevator { /** * 编程之美 小飞 电梯调度算法 * 在繁忙的时间，每次电梯从一层往上走时，我们只允许电梯停在其中的某一层。 * 所有乘客都从一楼上电梯，到达某层楼后，电梯听下来，所有乘客再从这里爬楼梯到自己的目的层。 * 在一楼时，每个乘客选择自己的目的层，电梯则自动计算出应停的楼层。 * 问：电梯停在哪
  • SQL注入相关概念 chenbowen00 sqlWeb安全
    SQL Injection：就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。 具体来说，它是利用现有应用程序，将（恶意）的SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入（恶意）SQL语句得到一个存在安全漏洞的网站上的数据库，而不是按照设计者意图去执行SQL语句。 首先让我们了解什么时候可能发生SQ
  • [光与电]光子信号战防御原理 comsci 原理
          无论是在战场上,还是在后方,敌人都有可能用光子信号对人体进行控制和攻击,那么采取什么样的防御方法,最简单,最有效呢?       我们这里有几个山寨的办法,可能有些作用,大家如果有兴趣可以去实验一下       根据光
  • oracle 11g新特性:Pending Statistics daizj oracledbms_stats
    oracle 11g新特性:Pending Statistics 转 从11g开始，表与索引的统计信息收集完毕后，可以选择收集的统信息立即发布，也可以选择使新收集的统计信息处于pending状态，待确定处于pending状态的统计信息是安全的，再使处于pending状态的统计信息发布，这样就会避免一些因为收集统计信息立即发布而导致SQL执行计划走错的灾难。 在 11g 之前的版本中，D
  • 快速理解RequireJs dengkane jqueryrequirejs
    RequireJs已经流行很久了，我们在项目中也打算使用它。它提供了以下功能： 声明不同js文件之间的依赖 可以按需、并行、延时载入js库 可以让我们的代码以模块化的方式组织 初看起来并不复杂。 在html中引入requirejs 在HTML中，添加这样的 <script> 标签： <script src="/path/to
  • C语言学习四流程控制if条件选择、for循环和强制类型转换 dcj3sjt126com c
    # include <stdio.h> int main(void) { int i, j; scanf("%d %d", &i, &j); if (i > j) printf("i大于j\n"); else printf("i小于j\n"); retu
  • dictionary的使用要注意 dcj3sjt126com IO
    NSDictionary *dict = [NSDictionary dictionaryWithObjectsAndKeys: user.user_id , @"id", user.username , @"username",
  • Android 中的资源访问(Resource) finally_m xmlandroidStringdrawablecolor
    简单的说，Android中的资源是指非代码部分。例如，在我们的Android程序中要使用一些图片来设置界面，要使用一些音频文件来设置铃声，要使用一些动画来显示特效，要使用一些字符串来显示提示信息。那么，这些图片、音频、动画和字符串等叫做Android中的资源文件。 在Eclipse创建的工程中，我们可以看到res和assets两个文件夹，是用来保存资源文件的，在assets中保存的一般是原生
  • Spring使用Cache、整合Ehcache 234390216 springcacheehcache@Cacheable
    Spring使用Cache            从3.1开始，Spring引入了对Cache的支持。其使用方法和原理都类似于Spring对事务管理的支持。Spring Cache是作用在方法上的，其核心思想是这样的：当我们在调用一个缓存方法时会把该方法参数和返回结果作为一个键值对存放在缓存中，等到下次利用同样的
  • 当druid遇上oracle blob(clob) jackyrong oracle
    http://blog.csdn.net/renfufei/article/details/44887371 众所周知，Oracle有很多坑, 所以才有了去IOE。 在使用Druid做数据库连接池后，其实偶尔也会碰到小坑，这就是使用开源项目所必须去填平的。【如果使用不开源的产品，那就不是坑，而是陷阱了，你都不知道怎么去填坑】 用Druid连接池，通过JDBC往Oracle数据库的
  • easyui datagrid pagination获得分页页码、总页数等信息 ldzyz007
    var grid = $('#datagrid');  var options = grid.datagrid('getPager').data("pagination").options;  var curr = options.pageNumber;  var total = options.total;  var max =
  • 浅析awk里的数组 nigelzeng 二维数组array数组awk
    awk绝对是文本处理中的神器，它本身也是一门编程语言，还有许多功能本人没有使用到。这篇文章就单单针对awk里的数组来进行讨论，如何利用数组来帮助完成文本分析。   有这么一组数据：   abcd,91#31#2012-12-31 11:24:00 case_a,136#19#2012-12-31 11:24:00 case_a,136#23#2012-12-31 1
  • 搭建 CentOS 6 服务器(6) - TigerVNC rensanning centos
    安装GNOME桌面环境 # yum groupinstall "X Window System" "Desktop" 安装TigerVNC # yum -y install tigervnc-server tigervnc 启动VNC服务 # /etc/init.d/vncserver restart # vncser
  • Spring 数据库连接整理 tomcat_oracle springbeanjdbc
    1、数据库连接jdbc.properties配置详解 　　jdbc.url=jdbc:hsqldb:hsql://localhost/xdb 　　jdbc.username=sa 　　jdbc.password= 　　jdbc.driver=不同的数据库厂商驱动，此处不一一列举 　　接下来，详细配置代码如下： 　　 Spring连接池    
  • Dom4J解析使用xpath java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常 xp9802
    用Dom4J解析xml,以前没注意,今天使用dom4j包解析xml时在xpath使用处报错      异常栈：java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常       导入包 jaxen-1.1-beta-6.jar 解决; &nb
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他