自己做的模拟模态对话框

DEMO演示，请猛击

最近做完一个项目，发现浏览器兼容问题，模态对话框只有IE支持，但是IE9又不能支持带框架的对话框，那个对话框的大小打死都设置不了，在网上查说因为好多功能被IE9屏蔽了，于是自己做了一个模拟对话框的东西。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<input type="button"  value="test" style="height:500px" />

选择经度:<input type="text" id="txtSelect" />

<iframe name="map" src="baidumap.htm" id="map" style="display:none"></iframe>

<body>

</body>

</html>

<script type="text/javascript">



    document.getElementById("txtSelect").onfocus=function(){

        var windows = document.getElementById("window");

        var title = document.getElementById("title");

        var layer = document.getElementById("layer");

        if(windows==null&&layer==null&&title==null){

            var style = document.createElement("style");

            style.type="text/css";

            document.body.appendChild(style);

            var styleText = "#layer{ width:100%;height:100%;background:#000000;position:absolute;z-index:100;left:0;top:0;filter:alpha(opacity=40); opacity:0.4}";

            styleText+="#window{position:absolute; z-index:1000;background:#ffc;}";

            styleText+="#title{ background:#CCFFFF;width:100%;height:15%;font-size:2em;font-weight:bold; text-align:left; line-height:1.5em }"

            styleText+="#content{ height:85%;width:100%;background:#CCCCCC}";

            styleText+="#frame{ width:100%;height:100%;}    #map{ width:100%;height:100%}";



            try{

                if(typeof style.styleSheet.cssText!="undefined"){

                    style.styleSheet.cssText=styleText;

                }

            }catch(ex){

                style.appendChild(document.createTextNode(styleText));

            }

            var layer = document.createElement("div");

            document.body.appendChild(layer);

            layer.id="layer";

            var windows = document.createElement("div");

            document.body.appendChild(windows);

            windows.id="window";

            windows.style.height="400px";

            windows.style.width = "600px";

            var height = parseInt(windows.style.height);

            var width = parseInt(windows.style.width);

            windows.style.top = parseInt(document.documentElement.clientHeight/2-height/2)+"px";

            windows.style.left = parseInt(document.documentElement.clientWidth/2-width/2)+"px";

            

            var title = document.createElement("div");

            windows.appendChild(title);

            title.id="title";

            title.appendChild(document.createTextNode("点此关闭"));

            

            var content = document.createElement("div");

            windows.appendChild(content);

            content.id="content";

            

            var map = document.getElementById("map");

            content.appendChild(map);

            map.style.display="block";

            if(typeof layer.style.opacity!="undefined"){

                layer.style.opacity=0.5;

            }

            else if(typeof layer.style.filter!="undefined"){

                layer.style.filter="alpha(opacity=50)";

            }

        }

        else{

            if(typeof layer.style.opacity!="undefined"){

                layer.style.opacity=0.5;

            }

            else if(typeof layer.style.filter!="undefined"){

                layer.style.filter="alpha(opacity=50)";

            }        

            layer.style.zIndex=100;

            windows.style.zIndex=1000;

            layer.style.display="block";

            windows.style.display="block";

        }

        

        layer.onclick = title.onclick = function(){

            windows.style.zIndex=-1000;

            windows.style.display="none";

            

            //让层渐隐

            var timer = setTimeout(displayLayer,200);

            function displayLayer(){

                if(typeof layer.style.opacity!="undefined"){

                    var layers = document.getElementById("layer");

                    var opacity = parseFloat(layers.style.opacity);

                    opacity = opacity-0.1;

                    if(opacity>0){

                        setTimeout(arguments.callee,100);

                    }

                    else if(opacity<0){

                        layers.style.zIndex=-100;

                        clearTimeout(timer);

                    }

                    layers.style.opacity = opacity;

                }

                else if(typeof layer.style.filter!="undefined"){

                    var layers = document.getElementById("layer");

                    var filterStyle = layers.style.filter;

                    //opacity = parseInt(filterStyle.substring(filterStyle.indexOf("=")+1));

                    var opacity = parseInt(filterStyle.match(/\d+/));

                    opacity = opacity-10;

                    if(opacity>0){

                        setTimeout(arguments.callee,100);

                    }

                    else if(opacity<0){

                        layers.style.zIndex=-100;

                        clearTimeout(timer);

                    }

                    layers.style.filter = "alpha(opacity="+opacity+")";

                }

                else{

                    throw new Error("your browser version lower!");

                }            

            }

            

            document.getElementById("txtSelect").value=frames["map"].document.getElementById("hidden").value;

        }

    }

    window.onunload=function(){

            var windows = document.getElementById("window");

            var title = document.getElementById("title");

            var layer = document.getElementById("layer");

            layer.onclick = windows.onclick=null;  //清除事件绑定

            document.body.removeChild(layer);    

            windows.removeChild(title);

            document.body.removeChild(windows);

    }

</script>

这是那个框架的页面，显示百度地图的坐标

<html>

<head>

    <meta http-equiv="Content-Type" content="text ml; charset=utf-8">

    <title>百度地图</title>

    <script type="text/javascript" src=" http://api.map.baidu.com/api?key=458d39374361da27e548367a735831ba&v=1.0&services=true"></script>

    <link href="/Theme/Default/Admin/reset.css" rel="stylesheet" type="text/css" />

    <link href="/Theme/Default/Admin/style.css" rel="stylesheet" type="text/css" />

</head>

<body>

    <div>

        <form>

        <div style="position: absolute; width: 730px; height: 590px; top: 35; left: 0; border: 1px solid gray;  overflow-y: hidden;" id="container">

        </div>

        <input id="text_" class="textbox200" style="width: 150px" type="text" value="成都" />

        <input class="button90" type="button" value="查询" onClick="searchByStationName(document.getElementById('text_').value);" />

        <input type="hidden" id="hidden" value="104.105, 30.624" />

        </form>

    </div>

</body>

<script type="text/javascript">

    var map = new BMap.Map("container");

    map.centerAndZoom(new BMap.Point(104.105, 30.624), 6);

    map.addControl(new BMap.NavigationControl());  //导航

    map.addControl(new BMap.ScaleControl());

    map.addControl(new BMap.OverviewMapControl());

    map.addEventListener("click", function (e) {

        document.getElementById("hidden").value = e.point.lng+","+e.point.lat;

    });

    var localSearch = new BMap.LocalSearch(map, {

        renderOptions: {

            pageCapacity: 8,

            autoViewport: true,

            selectFirstResult: false

        }

    });



    localSearch.enableAutoViewport();

    function searchByStationName(name) {



        var keyword = name;

        localSearch.setSearchCompleteCallback(function (searchResult) {

            var poi = searchResult.getPoi(0);

            alert(poi.point.lng + "   " + poi.point.lat);

            document.getElementById("hidden").value = e.point.lng+","+e.point.lat;

            map.centerAndZoom(poi.point, 8);

        });

        localSearch.search(keyword);



    }   

</script>



</html>

你可能感兴趣的:(模态对话框)

  • 微信小程序的四种弹窗使用 少年负剑去 开发知识微信小程序小程序
    在做小程序的过程中，弹窗也算是非常实用的功能了，这几天写的几个功能就用到了弹窗，也可能是初学者的问题，比较菜，想找一个可以带图片的自定义的弹窗，，这里简单介绍一下官方封装好的四个弹窗，感觉适合简单的使用，，想在展示多点内容就不太够了。。一、wx.showModal微信小程序提供的用于显示模态对话框的API，它允许开发者创建一个居中显示的弹窗，用来显示重要信息或请求用户确认操作。参数说明：标题（ti
  • 小程序的三种弹框showToast、showModal、showLoading 前端-文龙刚 小程序小程序
    小程序常用的三种弹框有：showToast：消息提示框showModal：模态对话框showLoading：加载框第一：showToast：消息提示框默认的样式自定义icon图标具体代码如下：wx.showToast({title:'成功',//提示内容icon:'loading',//图标（success成功图标、error失败图标、loading加载图标、none不显示图标）image:'..
  • 06_Qt对话框QDialog 夏玉林的学习之路 Qt基础知识qt
    Qt对话框QDialog基本概念标准对话框自定义消息框模态对话框非模态对话框消息对话框标准文件对话框代码基本概念对话框是GUI程序中不可或缺的组成部分。很多不能或者不适合放入主窗口的功能组件都必须放在对话框中设置。对话框通常会是一个顶层窗口，出现在程序最上层，用于实现短期任务或者简洁的用户交互。Qt中使用QDialog类实现对话框。就像主窗口一样，我们通常会设计一个类继承QDialog。QDial
  • QT学习——day7 流光拾贝 qtc++
    QT学习——day7对话框界面对话框界面的模态显示TestDialog*dlg=newTestDialog(this);////Dialog窗口不能依附父窗口实现，只能单独显示////模态，exec（）阻塞程序的执行，进行模态显示dlg->exec();对话框模态显示的关闭对话框的模态显示需调用函数.exec()，该函数的返回值为int类型。1.第一种模态对话框的关闭（隐藏）方式：ACCepted
  • PS | 15个快捷键演示 Qt历险记 UI设计工程师photoshopui交互平面illustratoradobe
    01前言工具：AdobePhotoshop2021安装：无网上自查02快捷键表CtrlT自由变换[减小画笔大小]增加画笔大小Shift[降低画笔硬度Shift]增加笔刷硬度D默认前景/背景颜色X切换前景/背景颜色CtrlJ通过复制新建图层CtrlShiftJ通过剪切新建图层Esc取消任何模态对话框窗口(包括启动工作区)Enter选择工具栏的第一个编辑字段Tab在字段之间导航ShiftTab在相反方
  • Qt下编码调用Linux的Shell脚本命令 9677 Qtqtlinux数据库
    方法：使用QProcess开启一个进程，把脚本命令作为参数传递进去。使用前要先了解一、阻塞与非阻塞QProcess调用外部进程分为阻塞和非阻塞两类方式。这个就像那个qt里的模态与非模态对话框似的1）QProcess::execute("xxx");//阻塞方式2）QProcessprocess;process.start("xxx");//非阻塞方式阻塞方式下，新开启的QProcess不执行完毕或
  • 《最新出炉》系列初窥篇-Python+Playwright自动化测试-16-处理模态对话框弹窗 北京-宏哥 python开发语言测试工具前端网络
    1.简介我们在日常工作中，会经常遇到弹出警告框的问题，弹框无法绕过，必须处理才可以执行后续的测试，所以弹框处理也是我们必须掌握的一个知识。宏哥在java+selenium系列文章中介绍过这部分内容。那么，playwright对于弹框的处理是怎样的？是否比selenium更加简单呢？下面我们就来介绍一下playwright对于弹框的处理。2.弹框分类弹框通常分为3种，分别为alert，confirm
  • 微信小程序的100个api 前端fighter 微信小程序小程序
    一、基础APIwx.request：发起网络请求，支持GET、POST等方式。wx.showToast：显示消息提示框，支持显示成功、失败、加载中等不同类型的提示。wx.showModal：显示模态对话框，支持显示标题、内容、按钮等。wx.navigateTo：保留当前页面，跳转到应用内的某个页面。wx.redirectTo：关闭当前页面，跳转到应用内的某个页面。wx.switchTab：跳转到应
  • Bootstrap学习总结笔记（16）-- 基本插件之模态对话框 kikay Bootstrapbootstrap模态对话框
    Bootstrap自带了很多JQuery插件，给用户做前端开发提供了很大的方便。对于每一个插件，有2种引用方式：一是单独引用，即使用Bootstrap的单独*.js文件，这种方式需要注意的是一些插件和CSS组件可能依赖其他插件，所以单独引用的时候，需要弄清楚这种包含关系一并引用；二是直接引用完整的bootstrap.js或者压缩版的bootstrap.min.js，需要注意的是不能同时引用这2个文
  • 用bootstrap结合jQuery实现简单的模态对话框 ok060 bootstrapjquery前端
    嗨害嗨，我又来了奥。今天呢，给大家分享一个工作中常用到的插件——模态对话框的用法。想必大家在工作中也遇到很多页面，需要用模态对话框进行交互的吧，现在呢，就让我们一起来了解一下它的使用吧。首先，我们得准备三个文件，bootstrap的css文件，bootstrap的js文件，以及jQuery的js文件。在head里面引入三行文件，如下所示：然后，我们去官网，把bootstrap的代码拷过来，做一个c
  • c++MessageBox解释 gezhengxu2024 教程c++c++
    在C++中，MessageBox是一个函数，它用于在窗口应用程序中显示一个对话框，向用户展示一条消息。这个函数通过创建一个模态对话框来中断程序的执行，直到用户响应为止。MessageBox函数接受几个参数，包括父窗口句柄、消息文本、对话框标题和按钮样式等。通过调用MessageBox函数，我们可以弹出一个对话框，其中包含指定的消息文本和其他选项，供用户选择或提供信息。用户可以点击对话框上的按钮进行
  • 用示例探索 HTML ＜dialog＞ 元素 allway2 safarijavascript前端
    dialog广泛称为模态对话框，是网页上的弹出框。当一个对话框用覆盖物遮住页面内容的其余部分时，它也被称为模态对话框。模态对话框的目的是当它显示时，用户不应该能够与页面内容的其余部分进行交互。这是一个示例模式对话框的示例。对话框的较暗背景称为backdropcover.图1：带有背景封面的示例模式对话框在本文中，我们将探索HTML中的元素并查看它的用法。我们还将了解一些缺点，最后验证它是否可以在您
  • HTML5 之 Dialog 标签 DonV HTMLhtml5htmljavascript
    概述  dialog是HTML5新增的语义化双标签，用于展示一个交互式的模态对话框。  绝大多数浏览器都不支持，仅有Chrome等浏览器支持。属性open  用于控制模态框的显隐，即含有open属性就显示，否则隐藏。helloworld  浏览器呈现如下，含有部分默认样式，并且仅水平方向居中。  显示时样式。  隐藏时样式。returnValue  保留close方法传入的参数。方法show() 
  • 在WinForms中控制模态对话框的关闭行为 金士顿 c#winform模态对话框
    博客文章：在WinForms中控制模态对话框的关闭行为引言在WindowsForms(WinForms)应用程序中，对话框的行为控制是提升用户体验的关键部分。特别是在使用模态对话框时，防止用户不经意间关闭它变得尤为重要。本文将探讨如何通过重写FormClosing事件来控制模态对话框的关闭行为，确保用户操作的准确性和程序的稳定性。问题概述默认情况下，当用户点击WinForms对话框的关闭按钮（即窗
  • BlockUI详细用法 虫小宝 BlockUI
    BlockUI详细用法大家好，我是免费搭建查券返利机器人赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！今天，让我们深入探讨一个在Web开发中常用的工具——BlockUI，解析它的功能、用法以及在实际项目中的应用场景。什么是BlockUI？BlockUI是一种用于创建模态对话框、遮罩层和阻止用户交互的JavaScript库。它可以帮助开发者在特定操作执行期间阻止用户输入
  • QT中的模态和非模态对话框的使用方法 ？。。！ qt开发语言c++
    1、引言接触过桌面开发的小伙伴们想必对模态和非模态的概念都不陌生了，作为窗体式应用在最为常见的两种界面状态，经常被用于去实现一些业务场景，但在Qt中模态和非模态又是怎么回事呢？这里我就来浅谈一下Qt中的模态和非模态，算是做个记录。2、使用方法Qt中模态和非模态的设置主要有两种方法，一是直接在UI操作界面进行设置，而是在代码中使用setWindowModality()函数进行设置，通过在函数中传入不
  • Qt入门---自定义对话框 标准对话框 边缘常驻民 QT入门qt开发语言
    自定义对话框分类模态与非模态区别在于模态对话框不允许用户同时再对其他窗口进行操作c++内存详解：一文详解堆栈（二）——内存堆与内存栈_堆和栈在内存中的样子-CSDN博客//创建连接点击新建弹出对话框connect(ui->actionnew,&QAction::triggered,this,[=](){//模态对话框创建//QDialogdlg(this);//dlg.resize(300,200
  • Qt基础-QDialog对话框使用 未来无限 C++QT程序设计qtQDialog
    概述QDialog类是所有对话框窗口类的基类。对话框窗口是一个经常用来完成短小任务或者和用户进行简单交互的顶层窗口。模态和非模态理解按照运行对话框时是否还可以和该程序的其他窗口进行交互，对话框被分成两类：模态和非模态。模态对话框就是在没有关闭它之前，不能再与同一个应用程序的其他窗口进行交互；而对于非模态对话框，既可以与它交互，也可以与同一程序中的其他窗口交互。exec()函数和show()函数要想
  • QT模态对话框和非模态对话框 越甲八千 【QT】qt开发语言
    QT模态对话框和非模态对话框QT模态对话框QT模态对话框指的是当前对话框弹出后，不能进行操作其他窗口，必须关掉该对话框才能操作其他窗口，相当于阻塞到当前窗口了；代码如下：QDialogdialog(this);dialog.resize(200,100);dialog.exec();QT非模态对话框QT非模态对话框是指当前对话框弹出后不影响其他窗口操作，意思是用户还可以操作其他窗口QDialog*
  • Qt6入门教程 9：QWidget、QMainWindow和QDialog 草上爬 Qt6入门教程QtQWidgetQMainWIndowQDialog
    目录一.QWidget1.窗口和控件2.事件二.QMainWindow三.QDialog1.模态对话框1.1.模态对话框1.2.半模态对话框2.非模态对话框3.小结在用QtCreator创建QtWidgets项目时，会默认提供三种基类以供选择，它们分别是QWidget、QMainWIndow和QDialog，其中QMainWindow和QDialog的基类都是QWidget。一.QWidgetQW
  • 【flutter】完全自定义样式模态对话框 秋月华星 flutterflutterjava前端
    示例完成结果展示：示例组件代码：context：上下文title：提示标题，null时不显示content：提示内容，null时不显示cancelText：取消按钮文字，null时不显示取消按钮confirmText：确认按钮文字//lib\widgets\my.dartclassMy{staticFuturedialog(BuildContextcontext,{String?title="提示
  • qt设置模态对话框并设置对话框的位置 肩上风骋 Qtqt窗口展示位置
    引言当对话框弹出的时候，其它的操作不能进行，这个对话框就是模态对话框，非模态对话框弹出的时候，其它的操作依旧可以做。以上就是通俗的理解模态对话框与非模态对话框。下面实现当模态对话框弹出的时候，设置弹出的位置正好居于其整个程序的中心位置。案例下面是以个对话框弹出时关于模态和其展示位置的设置。//弹出创建群组对话框m_groupWidget=newQWidget();if(m_groupWidget!
  • qt-c++多窗口编程 满山的猴子我的腚最红 qtc++qt开发语言
    1、QMessageBox消息对话框QMessageBox继承自QDialog，显示一个模态对话框。用于用户前台信息通知或询问用户问题，并且接收问题答案。QDialog再Qt源码中，派生类往往都是一些在特定场合下使用的预设好的对话框窗口。这些窗口无需创建对象，直接使用静态成员函数弹窗，使用静态成员函数的返回值作为这个窗口的结果。QMessageBox类的关键弹窗函数如下：// 参数1：parent
  • 小程序基础学习（弹窗） 冯运山 小程序基础学习学习webapp微信小程序微信小程序
    目录showToast：显示消息提示框参数title:提示的内容icon:图标(默认：success)success编辑errorloadingnoneduration:提示的延迟时间mask:是否显示透明蒙层，防止触摸穿透success:接口调用成功的回调函数fail:接口调用失败的回调函数showModal:显示模态对话框参数title：提示的标题content：提示的内容cancelText
  • Modeless dialog in html Computer_Tech HTMLhtmlcss前端
    可拖拽非模态对话框.dialog{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:8px;box-shadow:010px20pxrgba(0,0,0,.3);z-index:9999;opacity:0.65;}.d
  • qt-help学习之路（1）QT与C++ 笔记 见云御甲 CUTEQTqt
    学习于-豆子–学习之路2/qt-helpcute技巧内存泄漏lambdaQMainWindow结构国际化工具多叉树研究对象树布局管理器信号与slot（多意）模态对话框和非模态Qt的内置对话框文件打开窗口事件even()自定义事件事件滤波器eventfilterQt的事件处理，五个层次even和eventfilterqt绘图QPainter
  • MFC对话框创建 2021.09 MFCc++
    一、模态对话框模态对话框有阻塞功能，打开之后不能操作其他对话框。1、新建MFC项目项目名称只等是英文，不能加入数字、下划线和空格。2、选择基于对话框3、插入新的对话框右键Dialog，插入Dialog。4、给新的对话框重写ID右键新的对话框，选中属性，修改。模态为IDD_EXEC，非模态为IDD_SHOW。5、为模态对话框添加类右键选中的对话框，添加类。创建后会自动弹出.h的对话框。6、添加按钮在
  • 初识QT。 dong132697 linux笔记qt笔记
    文章目录前言一、QWidget1、了解内容main文件中的基本内容。.pro项目文件的内容。mywidget.h文件内容。命名规范和快捷键Qt助手2、button按钮3、对象树4、信号和槽5、自定义信号和槽函数拓展6、Lambda表达式7、练习二、QMainWindow1、菜单栏和菜单项2、工具栏3、状态栏4、铆接部件(浮动窗口)5、Qt中资源文件添加6、对话框模态对话框和非模态对话框标准对话框消
  • QT学习笔记（九）实现模态对话框与非模态对话框 晴崽噼里啪啦 QT学习日记qt学习
    实现点击按钮弹出对话框，实现步骤如下：1.创建工程，打开ui，做好基础界面，如下：其中有一个菜单项叫“new_file”，类型类QAction，（实现方法可以看上一篇或者第七篇），要实现点击它打开对话框。2.对话框类型：两类模态对话框：不可以对其他窗口进行操作，弹出后，无法点击其他窗口，即“阻塞”非模态对话框：可以对其他窗口进行操作3.模态对话框的实现：3.1代码：包含库：#include#inc
  • MFC标准控件实验 zsc_118 MFC实验报告c++mfc
    文章目录1.预备知识1.MFC（MicrosoftFoundationClasses）2.对话框（Dialog）3.控件（Control）4.事件处理5.数据交换（DataExchange）6.模态对话框7.资源编辑器8.常用控件1.CButton2.CEdit3.CComboBox2.实验目的3.实验内容4.代码实现省份和城市对应弹出对话框显示用户信息5.运行结果6.总结1.实验中遇到的困难如何
  • 多线程编程之卫生间 周凡杨 java并发卫生间线程厕所
    如大家所知，火车上车厢的卫生间很小，每次只能容纳一个人，一个车厢只有一个卫生间，这个卫生间会被多个人同时使用，在实际使用时，当一个人进入卫生间时则会把卫生间锁上，等出来时打开门，下一个人进去把门锁上，如果有一个人在卫生间内部则别人的人发现门是锁的则只能在外面等待。问题分析：首先问题中有两个实体，一个是人，一个是厕所，所以设计程序时就可以设计两个类。人是多数的，厕所只有一个（暂且模拟的是一个车厢）。
  • How to Install GUI to Centos Minimal sunjing linuxInstallDesktopGUI
    http://www.namhuy.net/475/how-to-install-gui-to-centos-minimal.html   I have centos 6.3 minimal running as web server. I’m looking to install gui to my server to vnc to my server. You can insta
  • Shell 函数 daizj shell函数
    Shell 函数 linux shell 可以用户定义函数，然后在shell脚本中可以随便调用。 shell中函数的定义格式如下： [function] funname [()]{ action; [return int;] } 说明： 1、可以带function fun() 定义，也可以直接fun() 定义,不带任何参数。 2、参数返回
  • Linux服务器新手操作之一 周凡杨 Linux 简单 操作
    1.whoami      当一个用户登录Linux系统之后，也许他想知道自己是发哪个用户登录的。      此时可以使用whoami命令。      [ecuser@HA5-DZ05 ~]$ whoami       e
  • 浅谈Socket通信（一） 朱辉辉33 socket
    在java中ServerSocket用于服务器端，用来监听端口。通过服务器监听，客户端发送请求，双方建立链接后才能通信。当服务器和客户端建立链接后，两边都会产生一个Socket实例，我们可以通过操作Socket来建立通信。    首先我建立一个ServerSocket对象。当然要导入java.net.ServerSocket包    ServerSock
  • 关于框架的简单认识 西蜀石兰 框架
    入职两个月多，依然是一个不会写代码的小白，每天的工作就是看代码，写wiki。 前端接触CSS、HTML、JS等语言，一直在用的CS模型，自然免不了数据库的链接及使用，真心涉及框架，项目中用到的BootStrap算一个吧，哦，JQuery只能算半个框架吧，我更觉得它是另外一种语言。 后台一直是纯Java代码，涉及的框架是Quzrtz和log4j。 都说学前端的要知道三大框架，目前node.
  • You have an error in your SQL syntax; check the manual that corresponds to your 林鹤霄
    You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'option,changed_ids  ) values('0ac91f167f754c8cbac00e9e3dc372
  • MySQL5.6的my.ini配置 aigo mysql
    注意：以下配置的服务器硬件是：8核16G内存    [client]   port=3306   [mysql]   default-character-set=utf8     [mysqld]   port=3306   basedir=D:/mysql-5.6.21-win
  • mysql 全文模糊查找 便捷解决方案 alxw4616 mysql
    mysql 全文模糊查找 便捷解决方案 2013/6/14 by 半仙 [email protected] 目的: 项目需求实现模糊查找. 原则: 查询不能超过 1秒. 问题: 目标表中有超过1千万条记录. 使用like '%str%' 进行模糊查询无法达到性能需求. 解决方案: 使用mysql全文索引. 1.全文索引 : MySQL支持全文索引和搜索功能。MySQL中的全文索
  • 自定义数据结构 链表(单项 ,双向,环形) 百合不是茶 单项链表双向链表
         链表与动态数组的实现方式差不多,    数组适合快速删除某个元素    链表则可以快速的保存数组并且可以是不连续的       单项链表;数据从第一个指向最后一个   实现代码:        //定义动态链表 clas
  • threadLocal实例 bijian1013 javathreadjava多线程threadLocal
    实例1： package com.bijian.thread; public class MyThread extends Thread { private static ThreadLocal tl = new ThreadLocal() { protected synchronized Object initialValue() { return new Inte
  • activemq安全设置—设置admin的用户名和密码 bijian1013 javaactivemq
            ActiveMQ使用的是jetty服务器, 打开conf/jetty.xml文件，找到 <bean id="adminSecurityConstraint" class="org.eclipse.jetty.util.security.Constraint"> <p
  • 【Java范型一】Java范型详解之范型集合和自定义范型类 bit1129 java
    本文详细介绍Java的范型，写一篇关于范型的博客原因有两个，前几天要写个范型方法(返回值根据传入的类型而定)，竟然想了半天，最后还是从网上找了个范型方法的写法；再者，前一段时间在看Gson, Gson这个JSON包的精华就在于对范型的优雅简单的处理，看它的源代码就比较迷糊，只其然不知其所以然。所以，还是花点时间系统的整理总结下范型吧。   范型内容 范型集合类 范型类
  • 【HBase十二】HFile存储的是一个列族的数据 bit1129 hbase
    在HBase中，每个HFile存储的是一个表中一个列族的数据，也就是说，当一个表中有多个列簇时，针对每个列簇插入数据，最后产生的数据是多个HFile，每个对应一个列族，通过如下操作验证   1. 建立一个有两个列族的表   create 'members','colfam1','colfam2'   2. 在members表中的colfam1中插入50*5
  • Nginx 官方一个配置实例 ronin47 nginx 配置实例
    user www www; worker_processes 5; error_log logs/error.log; pid logs/nginx.pid; worker_rlimit_nofile 8192; events { worker_connections 4096;} http { include conf/mim
  • java-15.输入一颗二元查找树，将该树转换为它的镜像， 即在转换后的二元查找树中，左子树的结点都大于右子树的结点。 用递归和循环 bylijinnan java
    //use recursion public static void mirrorHelp1(Node node){ if(node==null)return; swapChild(node); mirrorHelp1(node.getLeft()); mirrorHelp1(node.getRight()); } //use no recursion bu
  • 返回null还是empty bylijinnan javaapachespring编程
    第一个问题，函数是应当返回null还是长度为0的数组（或集合）？ 第二个问题，函数输入参数不当时，是异常还是返回null？ 先看第一个问题 有两个约定我觉得应当遵守： 1.返回零长度的数组或集合而不是null（详见《Effective Java》） 理由就是，如果返回empty，就可以少了很多not-null判断： List<Person> list
  • [科技与项目]工作流厂商的战略机遇期 comsci 工作流
          在新的战略平衡形成之前，这里有一个短暂的战略机遇期，只有大概最短6年，最长14年的时间，这段时间就好像我们森林里面的小动物，在秋天中，必须抓紧一切时间存储坚果一样，否则无法熬过漫长的冬季。。。。         在微软，甲骨文，谷歌，IBM,SONY
  • 过度设计-举例 cuityang 过度设计
    过度设计，需要更多设计时间和测试成本，如无必要，还是尽量简洁一些好。 未来的事情，比如 访问量，比如数据库的容量，比如是否需要改成分布式  都是无法预料的 再举一个例子，对闰年的判断逻辑： 　　1、 if($Year%4==0) return True; else return Fasle; 　　2、if (   ($Year%4==0  &am
  • java进阶，《Java性能优化权威指南》试读 darkblue086 java性能优化
    记得当年随意读了微软出版社的.NET 2.0应用程序调试，才发现调试器如此强大，应用程序开发调试其实真的简单了很多，不仅仅是因为里面介绍了很多调试器工具的使用，更是因为里面寻找问题并重现问题的思想让我震撼，时隔多年，Java已经如日中天，成为许多大型企业应用的首选，而今天，这本《Java性能优化权威指南》让我再次找到了这种感觉，从不经意的开发过程让我刮目相看，原来性能调优不是简单地看看热点在哪里，
  • 网络学习笔记初识OSI七层模型与TCP协议 dcj3sjt126com 学习笔记
      协议：在计算机网络中通信各方面所达成的、共同遵守和执行的一系列约定 　　计算机网络的体系结构：计算机网络的层次结构和各层协议的集合。 　　两类服务： 　　面向连接的服务通信双方在通信之前先建立某种状态，并在通信过程中维持这种状态的变化，同时为服务对象预先分配一定的资源。这种服务叫做面向连接的服务。 　　面向无连接的服务通信双方在通信前后不建立和维持状态，不为服务对象
  • mac中用命令行运行mysql dcj3sjt126com mysqllinuxmac
    参考这篇博客：http://www.cnblogs.com/macro-cheng/archive/2011/10/25/mysql-001.html  感觉workbench不好用（有点先入为主了）。 1，安装mysql 在mysql的官方网站下载 mysql 5.5.23 http://www.mysql.com/downloads/mysql/，根据我的机器的配置情况选择了64
  • MongDB查询（1）——基本查询[五] eksliang mongodbmongodb 查询mongodb find
    MongDB查询 转载请出自出处：http://eksliang.iteye.com/blog/2174452 一、find简介 MongoDB中使用find来进行查询。 API:如下 function ( query , fields , limit , skip, batchSize, options ){.....}  参数含义： query:查询参数 fie
  • base64，加密解密 经融加密，对接 y806839048 经融加密对接
    String data0 = new String(Base64.encode(bo.getPaymentResult().getBytes(("GBK")))); String data1 = new String(Base64.decode(data0.toCharArray()),"GBK"); // 注意编码格式，注意用于加密，解密的要是同
  • JavaWeb之JSP概述 ihuning javaweb
      什么是JSP？为什么使用JSP？ JSP表示Java Server Page，即嵌有Java代码的HTML页面。使用JSP是因为在HTML中嵌入Java代码比在Java代码中拼接字符串更容易、更方便和更高效。   JSP起源    在很多动态网页中，绝大部分内容都是固定不变的，只有局部内容需要动态产生和改变。  如果使用Servl
  • apple watch 指南 啸笑天 apple
    1. 文档 WatchKit Programming Guide（中译在线版 By @CocoaChina） 译文 译者 原文 概览 - 开始为 Apple Watch 进行开发 @星夜暮晨 Overview - Developing for Apple Watch 概览 - 配置 Xcode 项目 - Overview - Configuring Yo
  • java经典的基础题目 macroli java编程
    1.列举出 10个JAVA语言的优势 a:免费，开源，跨平台(平台独立性)，简单易用，功能完善，面向对象，健壮性，多线程，结构中立，企业应用的成熟平台, 无线应用 2.列举出JAVA中10个面向对象编程的术语 a:包，类，接口，对象，属性，方法，构造器，继承，封装，多态，抽象，范型 3.列举出JAVA中6个比较常用的包 Java.lang;java.util;java.io;java.sql;ja
  • 你所不知道神奇的js replace正则表达式 qiaolevip 每天进步一点点学习永无止境纵观千象regex
    var v = 'C9CFBAA3CAD0'; console.log(v); var arr = v.split(''); for (var i = 0; i < arr.length; i ++) { if (i % 2 == 0) arr[i] = '%' + arr[i]; } console.log(arr.join('')); console.log(v.r
  • [一起学Hive]之十五-分析Hive表和分区的统计信息(Statistics) superlxw1234 hivehive分析表hive统计信息hive Statistics
    关键字：Hive统计信息、分析Hive表、Hive Statistics   类似于Oracle的分析表，Hive中也提供了分析表和分区的功能，通过自动和手动分析Hive表，将Hive表的一些统计信息存储到元数据中。   表和分区的统计信息主要包括：行数、文件数、原始数据大小、所占存储大小、最后一次操作时间等；   14.1 新表的统计信息 对于一个新创建
  • Spring Boot 1.2.5 发布 wiselyman spring boot
        Spring Boot 1.2.5已在7月2日发布，现在可以从spring的maven库和maven中心库下载。   这个版本是一个维护的发布版，主要是一些修复以及将Spring的依赖提升至4.1.7(包含重要的安全修复)。   官方建议所有的Spring Boot用户升级这个版本。   项目首页 | 源
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他