kikay
kikay

Bootstrap学习总结笔记（16）-- 基本插件之模态对话框

Bootstrap自带了很多JQuery插件，给用户做前端开发提供了很大的方便。对于每一个插件，有2种引用方式：一是单独引用，即使用Bootstrap的单独*.js文件，这种方式需要注意的是一些插件和CSS组件可能依赖其他插件，所以单独引用的时候，需要弄清楚这种包含关系一并引用；二是直接引用完整的bootstrap.js或者压缩版的bootstrap.min.js，需要注意的是不能同时引用这2个文件。
Bootstrap自带了很多基本的插件，包括模态对话框、标签切换、Tooltip提示工具等。首先来总结下模态对话框的使用。

0x01基本样式

模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。Bootstrap Modals（模态框）是使用定制的JQuery插件创建的。它可以用来创建模态窗口丰富用户体验，或者为用户添加实用功能。
下面是一个基本样式：


<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../../css/bootstrap.min.css" rel="stylesheet">
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js">script>
    <script src="../../js/bootstrap.min.js">script>
    <title>模态对话框title>
head>
<body>
<div class="container">
    <div class="page-header">
        <h1>模态对话框基本h1>
    div>
    <button type="button" id="Open" class="btn btn-primary btn-lg btn-mymodal" data-toggle="modal"
            data-target="#myModal">
        打开模态框
    button>
    <div class="modal fade" id="myModal" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×button>
                    <h4 class="modal-title" id="myModalLabel">标题h4>
                div>
                <div class="modal-body">内容内容内容内容div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭button>
                    <button type="button" class="btn btn-primary">提交button>
                div>
            div>
        div>
    div>
div>
body>
html>

效果如下：

Bootstrap学习总结笔记（16）-- 基本插件之模态对话框_第1张图片

几点说明：

（1）使用模态窗口，需要有某种触发器，可以使用按钮或链接。这里我们使用的是按钮。
（2）data-target="#myModal" 是想要在页面上加载的模态框的目标。
（3）在模态框中需要注意两点：一是.modal，用来把

的内容识别为模态框；二是 .fade class。当模态框被切换时，它会引起内容淡入淡出。
（4）
，modal-header 是为模态窗口的头部定义样式的类。
（5）class="close"，close 是一个 CSS class，用于为模态窗口的关闭按钮设置样式。
（6）data-dismiss="modal"，是一个自定义的 HTML5 data 属性。在这里它被用于关闭模态窗口。
（7）class="modal-body"，是 Bootstrap CSS 的一个 CSS class，用于为模态窗口的主体设置样式。
（8）class="modal-footer"，是 Bootstrap CSS 的一个 CSS class，用于为模态窗口的底部设置样式。
（9）data-toggle="modal"，HTML5 自定义的 data 属性 data-toggle 用于打开模态窗口。

0x02 JS方式加载

除了上面通过属性方式加载外，还可以通过JS方式加载模态对话框，下面是一个用户登录界面的简单实现：


<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../../css/bootstrap.min.css" rel="stylesheet">
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js">script>
    <script src="../../js/bootstrap.min.js">script>
    <style>
        .col-center-block{
            float: none;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
    style>
    <title>js加载例子title>
head>
<body>
<div class="container">
    <div class="page-header">
        <h1>js加载模态对话框h1>
    div>
    <div>
        <button type="button" class="btn btn-lg btn-primary btn-myModal" data-toggle="modal">弹出对话框button>
        <div id="myModal" class="modal fade">
            <div class="modal-dialog" style="width: 20%">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×button>
                        <h4 class="modal-title">用户登录h4>
                    div>
                    <div class="modal-body">
                        <div>
                            <form>
                                <div class="form-group">
                                    <label class="control-label" for="UserName">用户名label>
                                    <input type="text" class="form-control" id="UserName" placeholder="用户名">
                                div>
                                <div class="form-group">
                                    <label class="control-label" for="Password">密码label>
                                    <input type="password" class="form-control" id="Password" placeholder="密码">
                                div>
                                <div class="form-group">
                                    <label>
                                        <input type="checkbox"> 下次自动登录
                                    label>
                                    <a href="#" class="pull-right">忘记密码a>
                                div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary form-control">登录button>
                                div>
                            form>
                        div>
                    div>
                div>
            div>
        div>
    div>
div>
<script>
    $(function () {
        $(".btn-myModal").click(function () {
            $("#myModal").modal({
                keyboard:true,
//                remote:"../Alerts.html"
            })
        })
        $("#myModal").on("hidden.bs.modal",function () {
//            alert('test');
        })
    })
script>
body>
html>

效果如下：

Bootstrap学习总结笔记（16）-- 基本插件之模态对话框_第2张图片

上面的例子包含了JS加载modal的过程，也包括了设置模态对话框宽度、响应事件等内容。modal方法结合一些参数来实现特殊效果：
（1）把内容作为模态框激活。接受一个可选的选项对象：

$("#myModal").modal({
keyboard:true,
})

（2）状态切换

$("#myModal").modal('toggle')  //手动打开模态框。
$("#myModal").modal('hide')   //手动隐藏模态框。

0x03 事件

Bootstrap模态对话框还定义了事件，通过“钩子”的方式调用：

（1）show.bs.modal
在调用 show 方法后触发：

$('#myModal').on('show.bs.modal', function () {
  // 执行一些动作...
})

（2）shown.bs.modal
当模态框对用户可见时触发（将等待 CSS 过渡效果完成）： 

$('#myModal').on('shown.bs.modal', function () {
  // 执行一些动作...
})

（3）hide.bs.modal
当调用 hide 实例方法时触发：

$('#myModal').on('hide.bs.modal', function () {
  // 执行一些动作...
})

（4）hidden.bs.modal
当模态框完全对用户隐藏时触发：

$('#myModal').on('hidden.bs.modal', function () {
  // 执行一些动作...
})

上面用户登录的例子中事件部分代码：

$("#myModal").on("hidden.bs.modal",function () {
      alert('test');
  })

当模态框完全对用户隐藏时，就会调用执行这段JS代码。

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

  • C#高级技巧：打造风格化Windows窗体应用 一曲歌长安
    本文还有配套的精品资源，点击获取简介：WindowsForms是C#开发桌面应用的工具，可实现个性化和功能丰富的用户界面。本项目重点介绍了如何通过C#和.NET框架定制WinForms应用的外观和行为，包括自定义外观、主题、透明度、动画、状态管理、非模态对话框、拖放功能、自定义边缘和标题栏，以及扩展功能。通过掌握这些技术要点，开发者可以创建美观和交互性强的应用程序。1.自定义WinForms外观自
  • 计算机专业毕业设计-线上招聘与求职系统的设计与实现-开题报告 苦奢bu咖啡 课程设计毕业论文毕业设计软件开发开题报告求职招聘javaweb
    本系统开发采用技术为JSP、Bootstrap、Ajax、Springboot、Java、Tomcat、Maven此文章为开题报告，此系统已开发完成相关文档都很健全，相关的代码+部署+论文+ppt+代码讲解+答辩指导文件都有可私要，为本人亲自指导加编写，禁止任何人抄袭以及各类盈利性传播计算机专业毕业设计任何项目-程序-论文-想单独指导的可以私1、选题的目的和意义。通过开发一个功能全面的线上招聘与求
  • 自己动手写编译器 JeffWoodNo.1 编译器hexcompilerfunctionbrancheclipse
    这里不再仅仅是简单的记录一下……直接上手环境目标1：在elicpse平台上使用ant构建ANTLR目标2：在elicpse平台上使用antlride编写ANTLR语法编写实用的C解析器背景调查到底还需不需要自己动手写一个编译器这就是“工具哲学”所谓bootstrap的编译器构造方式。C的核心子集Appendix直接上手环境antlr-for-eclipse，即antlride-2.0-rc4版，在
  • prism项目搭建 wpf_Prism 源码解读1-Bootstrapper和Region的创建 媛源啊 prism项目搭建wpf
    介绍之前也研究过Prism框架但是一直没有深入理解，现在项目上想把一个Winform的桌面应用程序改造成WPF程序，同时我希望程序是可测试可维护架构良好的，Prism的这些设计理念正好符合我的需求，其主要用于WPF和Xamarin，用于构建松耦合，可维护，可测试的应用程序框架，在我看到源码后也深受启发，欢迎大家一起交流探讨。开始我将从官方的Samples的顺序，看介绍中的每个功能是怎么实现的。0、
  • 3-Kafka常用指令 sql2008help kafka分布式
    Kafka常用指令大全一、Topic管理命令功能示例创建Topic指定分区和副本数kafka-topics.sh--create--bootstrap-serverlocalhost:9092--topictest--partitions3--replication-factor2查看Topic列表列出所有Topickafka-topics.sh--bootstrap-serverlocalhos
  • 用Netty实现的WebSocket服务器代码示例中添加自定义消息处理逻辑 爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ websocket服务器网络协议
    一.以下是一个使用Netty框架实现WebSocket服务器的简单代码示例：importio.netty.bootstrap.ServerBootstrap;importio.netty.channel.ChannelFuture;importio.netty.channel.ChannelInitializer;importio.netty.channel.EventLoopGroup;impo
  • web渗透之指纹识别1 合作小小程序员小小店 网络安全物联网网络安全网络攻击模型计算机网络
    web渗透之指纹识别1前端技术：前端中我们需要掌握一些基础html,javascrip,jquery,bootstrap,前端框架vue.js,vue,angular,React等，在前端中可以利用的东西还是很多的，我们可使用xss配合csrf以及一些攻击漏洞进行弹框，获取cookie，劫持，绕过，跳转，跨域，重定向，重放，控制节点，挂暗链接，甚至隐藏我们的请求等。如果要说怎么在识别中使用，我们可
  • mac上python安装pip_Python开发：在mac系统中安装pip weixin_39793638 mac上python安装pip
    pip用来安装python项目的依赖库。大多数比较新的python版本都自带pip，所以先检查下pip是否有安装。终端输入：pip--version如果没有安装pip，那么就用接下来的方式安装pip。--前言安装pip的方式是运行一个python文件，因此请先确保电脑中已经安装有python。因此首先需要将该python文件下载到本地电脑中。方式一：在浏览器中访问https://bootstrap
  • 2、Connecting to Kafka 虾条_花吹雪 SpringforApacheKafkakafka分布式ai
    KafkaAdmin-请参阅配置主题ProducerFactory-请参阅发送消息ConsumerFactory-请参阅接收消息从2.5版本开始，每个版本都扩展了KafkaResourceFactory。这允许在运行时通过向引导服务器的配置中添加Supplier来更改引导服务器：setBootstrapServersSupplier（（）->…）。所有新连接都将调用此命令以获取服务器列表。消费者和
  • Bootstrap 表单 wjs2024 开发语言
    Bootstrap表单Bootstrap是一个流行的前端框架，它可以帮助开发者快速构建响应式和美观的网页界面。在Bootstrap中，表单是用户与网站交互的重要部分。本文将详细介绍Bootstrap表单的用法、样式和优化技巧。1.Bootstrap表单概述Bootstrap表单提供了丰富的样式和组件，可以帮助开发者轻松实现各种表单需求。以下是一些常见的Bootstrap表单组件：输入框（Input
  • Java2025最新学习路线（从入门到精通） 亭亦青 学习javaspringboot
    注：这份学习路线结合了2025年春招Java开发岗位要求和2024年Java就业市场需求，要求较高，并且省略了大多数基础部分，如果目标不是中大厂，可以适当放低学习的要求，但是请完成云原生之前的所有内容，并且经常性进行项目实践，切实提升编程能力。Java学习路线一键预览版：JavaSE-Mysql-JavaWeb(htmlcssjsjqUI组件框架-bootstrapelementUIVUE)-My
  • Flutter Web仪表盘教程 虞熠蝶
    FlutterWeb仪表盘教程flutter_web_dashboardFlutterBootstrapStyleAdminUI项目地址:https://gitcode.com/gh_mirrors/fl/flutter_web_dashboard项目介绍本项目是由kalismeras61维护的FlutterWeb仪表盘——一个响应式Web管理门户。它设计为支持光暗模式及多语言功能，专为构建灵活的
  • ssm高校奖助学金管理系统设计实现
    以下是关于SSM高校奖助学金管理系统的技术栈、功能设计、数据库设计及测试设计的详细说明：技术栈后端框架：Spring+SpringMVC+MyBatis（SSM组合），提供IoC、AOP、事务管理和ORM支持。前端技术：Thymeleaf/JSP+Bootstrap+jQuery，实现动态页面和响应式布局。数据库：MySQL8.0，支持事务和高并发访问。安全框架：SpringSecurity，用于
  • Netty-RPC ldj2020 javarpcnetty
    1.serverpackagecom.ldj.demo.rpc.server;importio.netty.bootstrap.ServerBootstrap;importio.netty.channel.ChannelFuture;importio.netty.channel.ChannelInitializer;importio.netty.channel.ChannelOption;impo
  • java类加载机制：Tomcat的类加载机制 weixin_ab #类的加载机制java类加载
    Tomcat类加载机制深度解析：打破双亲委派的Web容器实现Tomcat作为JavaWeb容器，其类加载机制为满足Web应用的隔离性、热部署和兼容性需求，对标准Java类加载机制进行了定制化扩展，核心是打破双亲委派模型并引入多层级类加载器。以下从架构设计、核心组件、热部署实现到典型问题展开解析。一、Tomcat类加载器层级架构（与标准JVM的区别）1.四层类加载器体系BootstrapClassL
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 表单浮动标签语法知识点及案例代码（33） 知识分享小能手 Bootstrap5网页开发前端开发bootstrap学习前端typescripthtmlcssjavascript
    Bootstrap5表单浮动标签语法知识点及案例代码Bootstrap5提供了强大的工具来创建响应式、现代化的表单。浮动标签（FloatingLabels）是一种现代的表单样式，使标签在输入框内浮动，提升用户体验。1.浮动标签简介浮动标签（FloatingLabels）是一种用户界面设计模式，其中标签在用户开始输入时从输入框内浮动到上方。这种设计不仅节省空间，还增强了表单的可读性和美观性。Boot
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 复选框（Checkbox）与单选框（Radio）语法知识点及案例代码（30） 知识分享小能手 前端开发Bootstrap5网页开发bootstrap学习前端typescriptjavascripthtmlcss
    Bootstrap5复选框（Checkbox）与单选框（Radio）语法知识点及案例代码Bootstrap5提供了简洁且响应式的复选框和单选框组件，通过使用Bootstrap的内置类，可以轻松创建美观的表单控件。一、复选框（Checkbox）1.基本语法复选框允许用户从多个选项中选择一个或多个。使用Bootstrap5的复选框类，可以快速创建样式统一的复选框。默认复选框2.关键类说明form-ch
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 选择区间（Range）语法知识点及案例代码详解（31） 知识分享小能手 Bootstrap5前端开发网页开发bootstrap学习前端javascripttypescripthtmlcss
    Bootstrap5选择区间（Range）语法知识点及案例代码详解Bootstrap5提供了强大的表单控件组件，其中**选择区间（RangeSlider）**是常用的输入控件之一。目录引入Bootstrap5选择区间的基本结构选择区间的属性自定义选择区间完整案例代码运行效果预览1.引入Bootstrap5首先，需要在HTML文件中引入Bootstrap5的CSS和JS文件。可以使用CDN方式快速引
  • Spring中的那些配置文件详解 清河大善人 #SpringCloudJava面试知识点精讲springbootspringjava
    文章目录先看看遇到过哪些配置文件propertiesyml1.语法格式：2.键值关系3.简单用法加载顺序配置区别属性覆盖问题bootstrap.yml典型的应用场景从SpringBoot开到SpringCloud，我们先来看看有哪些配置文件：先看看遇到过哪些配置文件SpringBoot默认支持properties(.properties)和YAML(.yml.yaml)两种格式的配置文件，yml和
  • 图片上传预处理（剪裁压缩）
    基于bootstrap的fileinput.js上传图片插件，在上传前进行图片的剪裁压缩，对图片大小及宽高不做限制，方便用户上传图片。写入代码前需要引入jquery.js及fileinput.js//初始化fileinput控件（第一次初始化）functioninitFileInput(ctrlName,uploadUrl,initImage,picId){varcontrol=$('#'+ctr
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 输入框组（Input Group）知识点及案例代码（32） 知识分享小能手 Bootstrap5前端开发网页开发bootstrap学习前端ecmascriptjavascripthtmlcss
    Bootstrap5输入框组（InputGroup）知识点及案例代码输入框组（InputGroup）是Bootstrap5中用于在输入框前后添加文本、图标或按钮的组件。通过输入框组，可以增强表单的可读性和用户体验。一、语法知识点1.基本结构输入框组的基本结构由以下几个类组成：.input-group：包裹整个输入框组的容器。.input-group-prepend：用于在输入框前添加内容。.inp
  • Python 开发法律条文咨询APP Geeker-2025 python
    #法律条文咨询APP-Python实现方案我将设计一个基于Python的法律条文咨询应用，提供一个直观的界面让用户轻松查找和浏览法律条文。##设计思路-使用Flask作为后端框架，轻量且高效-SQLite数据库存储法律条文数据-前端使用Bootstrap实现响应式设计-实现关键词搜索和分类浏览功能-提供条文详情展示和书签功能##完整实现代码###文件结构```legal_app/├──app.py
  • 机器学习：集成学习方法之随机森林(Random Forest) 慕婉0307 机器学习集成学习机器学习随机森林
    一、集成学习与随机森林概述1.1什么是集成学习集成学习(EnsembleLearning)是机器学习中一种强大的范式，它通过构建并结合多个基学习器(baselearner)来完成学习任务。集成学习的主要思想是"三个臭皮匠，顶个诸葛亮"，即通过组合多个弱学习器来获得一个强学习器。集成学习方法主要分为两大类：Bagging(BootstrapAggregating)：并行训练多个基学习器，然后通过投票
  • 跟着AI学习C#之项目实战-电商平台 Day7 蓝胖子不会敲代码 C#学习c#开发语言
    Day7：部署准备与优化✅今日目标：添加静态资源（CSS、JS、图片）优化页面样式与交互体验添加分页功能（商品、订单列表）配置生产环境设置（appsettings.Production.json）准备发布部署（dotnetpublish）功能概览类型内容静态资源wwwroot/css,wwwroot/js,wwwroot/images页面样式优化使用Bootstrap+自定义CSS增强用户体验分页
  • 【大模型学习 | BLIP2原理】 九年义务漏网鲨鱼 人工智能深度学习语言模型多模态大模型
    BLIP-2:BootstrappingLanguage-ImagePre-trainingwithFrozenImageEncodersandLargeLanguageModels目前（2023）的图文模型都是基于端到端训练方式，大规模的模型和数据集导致了在预训练过程需要的大量计算。作者提出一种从离线、梯度冻结的图像、语言模型中提升图文的预训练模型。为了联系两个不同模态预训练模型，作者提出一种使
  • 【大模型学习 | BLIP原理】 九年义务漏网鲨鱼 pytorch人工智能深度学习大模型多模态
    BLIP:BootstrappingLanguage-ImagePre-trainingforUnifiedVision-LanguageUnderstandingandGeneration作者指出，现有的视觉-语言预训练（Vision-LanguagePre-training,VLP）模型在语言理解与生成任务上难以同时取得优异表现：一方面，基于编码器（encoder-based）的模型在生成任务
  • Bootstrap 5 三种 JavaScript 版本的区别 中国lanwp javascriptbootstrap前端
    Bootstrap5三种JavaScript版本的区别Bootstrap5提供了三种不同的JavaScript版本：bootstrap.bundle.js、bootstrap.esm.js和bootstrap.js。以下是它们的区别：1.bootstrap.js(标准版)文件大小:最小包含内容:仅包含Bootstrap的核心JavaScript功能依赖关系:需要手动引入Popper.js(用于工具
  • 集成学习基础：Bagging 原理与应用 大千AI助手 人工智能Python#OTHER集成学习机器学习人工智能算法决策树Bagging
    本文由「大千AI助手」原创发布，专注用真话讲AI，回归技术本质。拒绝神话或妖魔化。搜索「大千AI助手」关注我，一起撕掉过度包装，学习真实的AI技术！Bagging介绍1.定义与全称：Bagging是BootstrapAggregating的缩写，中文常译为装袋法。它是一种并行式的集成学习方法。核心目标是通过构建多个基学习器的预测结果进行组合（通常是投票或平均），来获得比单一基学习器更稳定、更准确、
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 侧边栏导航(Offcanvas) 语法知识点及案例（26） 知识分享小能手 Bootstrap5前端开发网页开发bootstrap学习前端typescriptjavascripthtmlcss
    Bootstrap5侧边栏导航(Offcanvas)语法知识点及案例一、Offcanvas语法知识点1.基本结构Offcanvas由以下几个主要部分组成：触发按钮（通常带有data-bs-toggle="offcanvas"属性）Offcanvas容器（带有.offcanvas类）关闭按钮（通常放在offcanvas内部）2.核心类.offcanvas:主容器.offcanvas-start/.o
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 表单语法知识点及案例（28） 知识分享小能手 前端开发Bootstrap5网页开发bootstrap学习前端typescripthtmlcssjavascript
    Bootstrap5表单语法知识点及案例Bootstrap5提供了强大而灵活的表单控件和布局选项。一、基础表单结构Bootstrap5表单需要以下基本结构：基础表单示例Bootstrap5基础表单邮箱地址我们不会将您的邮箱分享给其他人。密码记住我提交二、表单控件1.输入框(Input)Bootstrap5提供了多种输入框样式：文本输入邮箱输入密码输入数字输入日期输入2.文本域(Textarea)文
  • 深入浅出Java Annotation(元注解和自定义注解） Josh_Persistence Java Annotation元注解自定义注解
    一、基本概述     　　 Annontation是Java5开始引入的新特征。中文名称一般叫注解。它提供了一种安全的类似注释的机制，用来将任何的信息或元数据（metadata）与程序元素（类、方法、成员变量等）进行关联。   　　更通俗的意思是为程序的元素（类、方法、成员变量）加上更直观更明了的说明，这些说明信息是与程序的业务逻辑无关，并且是供指定的工具或
  • mysql优化特定类型的查询 annan211 java工作mysql
    本节所介绍的查询优化的技巧都是和特定版本相关的，所以对于未来mysql的版本未必适用。 1 优化count查询 对于count这个函数的网上的大部分资料都是错误的或者是理解的都是一知半解的。在做优化之前我们先来看看 真正的count()函数的作用到底是什么。 count()是一个特殊的函数，有两种非常不同的作用，他可以统计某个列值的数量，也可以统计行数。 在统
  • MAC下安装多版本JDK和切换几种方式 棋子chessman jdk
    环境： MAC AIR,OS X 10.10,64位   历史： 过去 Mac 上的 Java 都是由 Apple 自己提供，只支持到 Java 6，并且OS X 10.7 开始系统并不自带（而是可选安装）（原自带的是1.6）。 后来 Apple 加入 OpenJDK 继续支持 Java 6，而 Java 7 将由 Oracle 负责提供。   在终端中输入jav
  • javaScript （1） Array_06 JavaScriptjava浏览器
    JavaScript 1、运算符 　　运算符就是完成操作的一系列符号，它有七类： 　　赋值运算符（=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=）、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位
  • 国内顶级代码分享网站 袁潇含 javajdkoracle.netPHP
           现在国内很多开源网站感觉都是为了利益而做的                  当然利益是肯定的,否则谁也不会免费的去做网站      &
  • Elasticsearch、MongoDB和Hadoop比较 随意而生 mongodbhadoop搜索引擎
      IT界在过去几年中出现了一个有趣的现象。很多新的技术出现并立即拥抱了“大数据”。稍微老一点的技术也会将大数据添进自己的特性，避免落大部队太远，我们看到了不同技术之间的边际的模糊化。假如你有诸如Elasticsearch或者Solr这样的搜索引擎，它们存储着JSON文档，MongoDB存着JSON文档，或者一堆JSON文档存放在一个Hadoop集群的HDFS中。你可以使用这三种配
  • mac os 系统科研软件总结 张亚雄 mac os
    1.1 Microsoft Office for Mac 2011      大客户版，自行搜索。      1.2 Latex （MacTex）:      系统环境：https://tug.org/mactex/     &nb
  • Maven实战（四）生命周期 AdyZhang maven
    1. 三套生命周期     Maven拥有三套相互独立的生命周期，它们分别为clean，default和site。 每个生命周期包含一些阶段，这些阶段是有顺序的，并且后面的阶段依赖于前面的阶段，用户和Maven最直接的交互方式就是调用这些生命周期阶段。 以clean生命周期为例，它包含的阶段有pre-clean, clean 和 post
  • Linux下Jenkins迁移 aijuans Jenkins
    1. 将Jenkins程序目录copy过去      源程序在/export/data/tomcatRoot/ofctest-jenkins.jd.com下面            tar -cvzf jenkins.tar.gz ofctest-jenkins.jd.com &
  • request.getInputStream()只能获取一次的问题 ayaoxinchao requestInputstream
    问题：在使用HTTP协议实现应用间接口通信时，服务端读取客户端请求过来的数据，会用到request.getInputStream()，第一次读取的时候可以读取到数据，但是接下来的读取操作都读取不到数据   原因： 1. 一个InputStream对象在被读取完成后，将无法被再次读取，始终返回-1； 2. InputStream并没有实现reset方法（可以重
  • 数据库SQL优化大总结之 百万级数据库优化方案 BigBird2012 SQL优化
    网上关于SQL优化的教程很多，但是比较杂乱。近日有空整理了一下，写出来跟大家分享一下，其中有错误和不足的地方，还请大家纠正补充。 这篇文章我花费了大量的时间查找资料、修改、排版，希望大家阅读之后，感觉好的话推荐给更多的人，让更多的人看到、纠正以及补充。 1.对查询进行优化，要尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。 2.应尽量避免在 where
  • jsonObject的使用 bijian1013 javajson
            在项目中难免会用java处理json格式的数据，因此封装了一个JSONUtil工具类。 JSONUtil.java package com.bijian.json.study; import java.util.ArrayList; import java.util.Date; import java.util.HashMap;
  • [Zookeeper学习笔记之六]Zookeeper源代码分析之Zookeeper.WatchRegistration bit1129 zookeeper
    Zookeeper类是Zookeeper提供给用户访问Zookeeper service的主要API，它包含了如下几个内部类     首先分析它的内部类，从WatchRegistration开始，为指定的znode path注册一个Watcher，   /** * Register a watcher for a particular p
  • 【Scala十三】Scala核心七：部分应用函数 bit1129 scala
    何为部分应用函数？ Partially applied function: A function that’s used in an expression and that misses some of its arguments.For instance, if function f has type Int => Int => Int, then f and f(1) are p
  • Tomcat Error listenerStart 终极大法 ronin47 tomcat
    Tomcat报的错太含糊了，什么错都没报出来，只提示了Error listenerStart。为了调试，我们要获得更详细的日志。可以在WEB-INF/classes目录下新建一个文件叫logging.properties，内容如下 Java代码  handlers = org.apache.juli.FileHandler, java.util.logging.ConsoleHa
  • 不用加减符号实现加减法 BrokenDreams 实现
            今天有群友发了一个问题，要求不用加减符号(包括负号)来实现加减法。         分析一下，先看最简单的情况，假设1+1，按二进制算的话结果是10，可以看到从右往左的第一位变为0，第二位由于进位变为1。    
  • 读《研磨设计模式》-代码笔记-状态模式-State bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* 当一个对象的内在状态改变时允许改变其行为，这个对象看起来像是改变了其类 状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况 把状态的判断逻辑转移到表示不同状态的一系列类中，可以把复杂的判断逻辑简化 如果在
  • CUDA程序block和thread超出硬件允许值时的异常 cherishLC CUDA
    调用CUDA的核函数时指定block 和 thread大小，该大小可以是dim3类型的（三维数组），只用一维时可以是usigned int型的。 以下程序验证了当block或thread大小超出硬件允许值时会产生异常！！！GPU根本不会执行运算！！！ 所以验证结果的正确性很重要！！！ 在VS中创建CUDA项目会有一个模板，里面有更详细的状态验证。 以下程序在K5000GPU上跑的。
  • 诡异的超长时间GC问题定位 chenchao051 jvmcmsGChbaseswap
    HBase的GC策略采用PawNew+CMS, 这是大众化的配置，ParNew经常会出现停顿时间特别长的情况，有时候甚至长到令人发指的地步，例如请看如下日志： 2012-10-17T05:54:54.293+0800: 739594.224: [GC 739606.508: [ParNew: 996800K->110720K(996800K), 178.8826900 secs] 3700
  • maven环境快速搭建 daizj 安装mavne环境配置
    一 下载maven 安装maven之前，要先安装jdk及配置JAVA_HOME环境变量。这个安装和配置java环境不用多说。 maven下载地址：http://maven.apache.org/download.html，目前最新的是这个apache-maven-3.2.5-bin.zip，然后解压在任意位置，最好地址中不要带中文字符，这个做java 的都知道，地址中出现中文会出现很多
  • PHP网站安全，避免PHP网站受到攻击的方法 dcj3sjt126com PHP
    对于PHP网站安全主要存在这样几种攻击方式:1、命令注入(Command Injection)2、eval注入(Eval Injection)3、客户端脚本攻击(Script Insertion)4、跨网站脚本攻击(Cross Site Scripting, XSS)5、SQL注入攻击(SQL injection)6、跨网站请求伪造攻击(Cross Site Request Forgerie
  • yii中给CGridView设置默认的排序根据时间倒序的方法 dcj3sjt126com GridView
    public function searchWithRelated() {         $criteria = new CDbCriteria;         $criteria->together = true; //without th
  • Java集合对象和数组对象的转换 dyy_gusi java集合
        在开发中，我们经常需要将集合对象（List，Set）转换为数组对象，或者将数组对象转换为集合对象。Java提供了相互转换的工具，但是我们使用的时候需要注意，不能乱用滥用。 1、数组对象转换为集合对象     最暴力的方式是new一个集合对象，然后遍历数组，依次将数组中的元素放入到新的集合中，但是这样做显然过
  • nginx同一主机部署多个应用 geeksun nginx
    近日有一需求，需要在一台主机上用nginx部署2个php应用，分别是wordpress和wiki，探索了半天，终于部署好了，下面把过程记录下来。 1.   在nginx下创建vhosts目录，用以放置vhost文件。 mkdir vhosts   2.   修改nginx.conf的配置， 在http节点增加下面内容设置，用来包含vhosts里的配置文件 #
  • ubuntu添加admin权限的用户账号 hongtoushizi ubuntuuseradd
    ubuntu创建账号的方式通常用到两种：useradd 和adduser . 本人尝试了useradd方法，步骤如下： 1:useradd    使用useradd时，如果后面不加任何参数的话，如：sudo useradd sysadm 创建出来的用户将是默认的三无用户：无home directory ,无密码,无系统shell。 顾应该如下操作：  
  • 第五章 常用Lua开发库2-JSON库、编码转换、字符串处理 jinnianshilongnian nginxlua
      JSON库   在进行数据传输时JSON格式目前应用广泛，因此从Lua对象与JSON字符串之间相互转换是一个非常常见的功能；目前Lua也有几个JSON库，本人用过cjson、dkjson。其中cjson的语法严格（比如unicode \u0020\u7eaf），要求符合规范否则会解析失败（如\u002），而dkjson相对宽松，当然也可以通过修改cjson的源码来完成
  • Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 yaerfeng1989 timerquartz定时器
    原创整理不易，转载请注明出处：Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 代码下载地址：http://www.zuidaima.com/share/1772648445103104.htm 有两种流行Spring定时器配置：Java的Timer类和OpenSymphony的Quartz。 1.Java Timer定时 首先继承jav
  • Linux下df与du两个命令的差别？ pda158 linux
    　一、df显示文件系统的使用情况，与du比較，就是更全盘化。 　　最经常使用的就是 df -T，显示文件系统的使用情况并显示文件系统的类型。 　　举比例如以下： 　　[root@localhost ~]# df -T 　　Filesystem                   Type &n
  • [转]SQLite的工具类 ---- 通过反射把Cursor封装到VO对象 ctfzh VOandroidsqlite反射Cursor
    在写DAO层时，觉得从Cursor里一个一个的取出字段值再装到VO(值对象)里太麻烦了，就写了一个工具类，用到了反射，可以把查询记录的值装到对应的VO里，也可以生成该VO的List。   使用时需要注意： 考虑到Android的性能问题，VO没有使用Setter和Getter，而是直接用public的属性。 表中的字段名需要和VO的属性名一样，要是不一样就得在查询的SQL中
  • 该学习笔记用到的Employee表 vipbooks oraclesql工作
        这是我在学习Oracle是用到的Employee表，在该笔记中用到的就是这张表，大家可以用它来学习和练习。 drop table Employee; -- 员工信息表 create table Employee( -- 员工编号 EmpNo number(3) primary key, -- 姓
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他