肆溪

WEB开发-Bootstrap框架、响应式开发

相见恨晚，这框架真好用呜呜(๑•̀ㅂ•́)و✧

目录

- 响应式开发原理
- 响应式布局容器
- 网站： https://v3.bootcss.com
- Bootstrap 前端开发框架
- 布局容器
- 栅格系统
- 栅格选项参数
- 列嵌套
- 列偏移
- 列排序
- 响应式工具

响应式开发原理

响应式布局容器




    
    
    响应式开发
    


    
    "container">

效果：
大屏

缩小窗口

一个小案例~




    
    
    Document
    


    "container">
        
            导航栏
            导航栏
            导航栏
            导航栏
            导航栏
            导航栏
            导航栏
            导航栏

效果：
大屏

缩小窗口

网站： https://v3.bootcss.com

在这个网站下载

Bootstrap 前端开发框架

布局容器


"en">

    "UTF-8">
    "viewport" content="width=device-width, initial-scale=1.0">
    "X-UA-Compatible" content="IE=edge">
    
    
    "stylesheet" href="bootstrap/css/bootstrap.min.css">
    Document
    


    
    "btn btn-primary login">登录
    "btn btn-danger">未成功

栅格系统

把container划分成十二等分的列，模块化页面布局。

注：多行写按住alt +鼠标

栅格选项参数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/[email protected]/dest/respond.min.js"></script>
    <![endif]-->
    <!-- 一定不要忘记引入bootstrap 的样式文件 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <title>Document</title>
    <style>
        /* 这里都还没学呜呜┭┮﹏┭┮ */
        [class^="col"] {
     
            border: 1px solid #ccc;
        }
        /* 选择第一行 */
        .container .row:nth-child(1) {
     
            background-color: pink;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">1</div>
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">2</div>
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">3</div>
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">4</div>
        </div>
        
        <!-- 如果孩子的份数相加等于12 则孩子能占满整个container 的宽度 -->
        <div class="row">
            <div class="col-lg-6">1</div>
            <div class="col-lg-2">2</div>
            <div class="col-lg-2">3</div>
            <div class="col-lg-2">4</div>
        </div>
        <br>

        <!-- 如果孩子的分数相加 小于12 则会？ 则占不满整个container的宽度 会有空包 -->
        <div class="row">
            <div class="col-lg-6">1</div>
            <div class="col-lg-2">2</div>
            <div class="col-lg-2">3</div>
            <div class="col-lg-1">4</div>
        </div>

        <br>

        <!-- 如果孩子的分数相加 小于12 则会？ 多余的那一列会另起一行显示 -->
        <div class="row">
            <div class="col-lg-6">1</div>
            <div class="col-lg-2">2</div>
            <div class="col-lg-2">3</div>
            <div class="col-lg-3">4</div>
        </div>
    </div>
</body>
</html>

lg

md

sm

xs

列嵌套

.col-sm-*

<body>
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                <!-- 我们列嵌套最好加一个行 row 这样可以取消父元素的padding值 而且高度自动和父级一样 -->
                <div class="col-md-4">a</div>
                <div class="col-md-8">b</div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">2</div>
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">3</div>
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">4</div>
        </div>
        
    </div>
</body>

列偏移

未完待续…
我太懒了呜呜这么点到现在还没写完
我来更新啦

.col-md-offset-*

<div class="container">
        <div class="row">
            <div class="col-lg-3">左侧</div>
            <!-- 偏移的份数是12-两个盒子的份数加起来 -->
            <div class="col-lg-3 col-md-offset-6">右侧</div>
        </div>
        <div class="row">
            <!-- 如果只有一个盒子 那么就偏移 = 12 - 8 / 2 -->
            <div class="col-lg-8 col-md-offset-2">中间盒子</div>
        </div>
    </div>

列排序

<div class="container">
        <div class="row">
            <div class="col-lg-4 col-lg-push-8">左侧</div>
            <div class="col-lg-8 col-lg-pull-4">右侧</div>
        </div>
    </div>

响应式工具

<div class="container">
        <div class="row">
            <div class="col-xs-3">1
                <span class="visible-lg">我会显示哦</span>
            </div>
            <div class="col-xs-3">2</div>
            <div class="col-xs-3 hidden-md hidden-xs">我会变魔术噢</div>
            <div class="col-xs-3">4</div>
        </div>
    </div>

lg、sm都是这样

md、xs都是这样

差不多就学到了这里啦~
后续可能会添加一个案例~

你可能感兴趣的:(Web,html5,css3,bootstrap)

GitHub Actions 使用需谨慎：深度剖析其痛点与替代方案敖行客 Allthinker github
在持续集成与持续部署（CI/CD）领域，GitHubActions曾是众多开发者的热门选择，但如今，其弊端逐渐显现，让不少人在使用前不得不深思熟虑。团队由大约15名工程师组成，采用基于主干的开发方式，每天多次向主分支推送代码。团队代码存储在按模块划分的单一代码库（monorepo）中，结构如下：monorepo/├─api1/├─api2/├─web-app1/├─web-app2/每个文件夹都相
【Python百日进阶-Web开发-Feffery】Day604 - 趣味dash_04：Excel转Pdf文件岳涛@泰山医院 Dash python excel 前端 dash
文章目录一、环境准备1.1初始化基础`Python+Dash`环境1.2本例中使用的第三方包二、本项目B站视频讲解三、页面效果四、项目源码一、环境准备1.1初始化基础Python+Dash环境CSDN文档参见：https://blog.csdn.net/yuetaope/article/details/129795264Bilibili视频参见：https://www.bilibili.com/v
selenium框架你们的好朋友大强测试开发 python 功能测试 selenium
selenium（仅作为个人笔记，如有雷同，请联系删除。。）1、Selenium的特点：开源、免费，多浏览器支持，多平台支持，多语言支持，对Web页面有良好的支持，API简单，灵活(用开发语言驱动)，支持分布式测试用例执行。2、Windows下的测试环境搭建：安装Python；安装setuptools与pip（注：Python3不支持setuptools，但已经集成了pip）安装Selenium：
python+Selenium自动化之免登录(cookie及token) 觅远 python selenium 自动化
目录cookie免登录通过接口获取cookie启用浏览器绕过登录添加token使用登录可以减去每次登录的重复操作，直接操作系统登录后的菜单页面，也可以减少安全验证登录，如图像验证登录的操作。注意：cookie和token都有有效期。cookie免登录直接从开发者工具中获取cookie进行添加，下图为网页中多个站点的cookie，挑选需要的进行添加即可。fromseleniumimportwebdr
spring webflux 蓝天星空编程 spring
SpringWebFlux是Spring框架中用于构建响应式（reactive）Web应用的模块。它基于反应式编程模型，旨在提供一种非阻塞、事件驱动的编程方式，以应对高并发和低延迟的需求。以下是SpringWebFlux的主要特点和组成部分：###主要特点1.**非阻塞和异步**：-SpringWebFlux使用非阻塞的I/O操作，能够在高并发情况下保持高性能。-支持异步编程模型，使得应用程序能够
web端广告飘窗努力搬砖的程序媛儿前端 javascript html
漂浮广告varx=50,y=60varxin=true,yin=truevarstep=1vardelay=10varobj=document.getElementById("codefans_net")functionfloat(){varL=T=0varR=document.body.clientWidth-obj.offsetWidthvarB=document.body.clientHei
数据不出境的SSL证书有吗？ Gworg ssl 网络协议网络
在中国没有数据不出境的SSL证书，原因是世界上所有可信的SSL证书必须经过Webtrust认证和CA/B组织，没有经过认证和参加组织的CA属于不可信SSL证书或自签名SSL证书。相比能看到这篇文章的肯定被人忽悠得不轻或者就是政策解读错了，国产SSL证书再次说一下除了CFCA就没有了，所以数据不出境的SSL证书除了CFCA，目前还没有一家机构可以做到，除非你选择的是国密算法SSL证书，但国密算法SS
2025年SSL证书申请攻略 Gworg ssl https 网络协议
都知道SSL是一种加密技术，可在Web服务器和Internet浏览器之间建立加密连接。此外，SSL证书可验证网站的身份并启用加密连接。在地址栏中，如果您看到挂锁图标，则表示SSL保护了您正在访问的网站。那么2025年应该怎么申请SSL证书才可以闭坑？想必大家都了解过，SSL证书不像别的东西可以替代，原因是这种SSL证书要被浏览器信任可不简单，首先公司成立的早，另外就是根证书早早的就加到了某年发布的
SSL证书申请终极指南 Gworg ssl https 网络协议
SSL验证是确认网站或服务器提供的SSL证书的真实性和有效性的过程。SSL证书验证是确认网站或服务器提供的SSL证书的真实性和有效性的过程。SSL证书是用于在客户端（例如Web浏览器）和服务器之间建立安全连接的数字证书。它们对于确保通过互联网传输的数据的机密性、完整性和真实性至关重要。在SSL证书验证过程中，客户端会检查证书的数字签名，以确保该证书是由受信任的证书颁发机构(CA)颁发的。客户端还会
简单步骤获取IP地址SSL 证书 Gworg 安全 php web安全
在网络安全中，SSL证书在保护用户浏览器和Web服务器之间交换的敏感信息方面发挥着至关重要的作用。但是，如果您不仅想保护域名，还想保护特定的IP地址，该怎么办？您可以为IP地址获取SSL证书吗？简短的回答是肯定的，但有一些重要的细节需要考虑。在这篇博文中，我们将探讨有关IP地址SSL证书的所有信息，包括如何获取证书、有哪些不同类型的证书以及它们提供的好处。IP地址和SSL证书：了解连接在深入研究I
使用Spring Actuator + Micrometer + Prometheus + Grafana监控Spring Boot应用程序帅过驴的袋鼠 java docker
前言读取本文需要的知识：Java,Docker基本命令当某个应用在生产环境中运行时,监控其运行状态是必要的和明智的。通过实时了解应用程序的运行状况,你能在问题出现之前得到警告,也可以在客户端注意到问题之前解决问题。最终的效果图模块简单介绍SpringActuator:在应用程序离提供众多Web接口,通过它们了解应用运行时的内部状况。Micrometer:为Java平台上的性能数据收集提供了一个通用
uniapp或小程序使用jsencrypt 钢铁熊猫33 小程序前端 uniapp 小程序 jsencrypt rsa
uniapp或小程序使用报错jsencrypt.js使用了window对象，app、小程序中没有窗口对象的环境解决办法在jsencrypt.js文件插入以下代码varnavigator2={appName:'Netscape',userAgent:'Mozilla/5.0(iPhone;CPUiPhoneOS9_1likeMacOSX)AppleWebKit/601.1.46(KHTML,like
webrtc 源码阅读 make_ref_counted模板函数用法 wu_qz webrtc 笔记
目录1.模板参数解析1.1typenameT1.2typename...Args1.3typenamestd::enable_if::value,T>::type*=nullptr2.scoped_refptr3.newRefCountedObject(std::forward(args)...);4.综合说明5.在webrtc中的用法5.1peerConnectionFactory对象的构建过程
webrtc代码走读之rtc::ArrayView＜const uint8_t＞ wu_qz webrtc
rtc::ArrayView是WebRTC（或其他基于rtc命名空间的库）中常见的一个类型，它通常用于表示一块只读的内存区域，该内存区域由一系列uint8_t类型（无符号8位整数）元素组成。1.rtc::ArrayView的含义rtc::ArrayView是一种轻量级的容器，主要用于包装一个已知大小的数组或内存区域，以便能够安全地访问其中的元素。它不像std::vector那样拥有自己的内存管理功
LNMP——搭建论坛（Linux、Nginx、Mysql、PHP） ML908 Web服务器群集 LNMP discuz
LNMP指的是一个基于CentOS/Debian编写的Nginx、Linux、MySQL、PHP,可以在独立主机上轻松的安装LNMP生产环境。此次我们使用LNMP框架部署Discuz!社区论坛应用。Nginx安装Nginx作为Web服务器。相比Apache,Nginx使用更少的资源，支持更多的并发连接，体现更高的效率。Nginx作为负载均衡服务器:Nginx既可以在内部直接支持Rails和PHP,
HAProxy集群与常见的Web集群软件调度器对比 EsDeath_99 java 服务器 linux
一、Web集群调度器1.常见的Web集群调度器常用的Web集群调度器分为软件和硬件,负载均衡性能（硬件负载均衡器F5>LVS>Haproxy>Nginx）软件调度器（开源）1.LVS：性能最好，搭建复杂2.Nginx：性能较好，但集群节点健康检查功能不强，高并发性能较弱3.Haproxy：高并发性能好硬件调度器1.F52.梭子鱼、绿盟、F5、Array等2.常见集群调度器的优缺点（LVS、Ngin
掌握 JavaScript：从基础到高级，全面提升编程技能跟着小郑学前端 javascript 开发语言 ecmascript
JavaScript是一种广泛应用于网页开发的编程语言，它使网页具有动态交互的能力。作为Web开发的核心技术之一，掌握JavaScript基础是每位开发者的必备技能。本文将介绍JavaScript的基础知识，包括数据类型、运算符、控制结构、函数等内容，并通过代码示例帮助大家理解。1.JavaScript数据类型JavaScript主要有以下几种数据类型：数据类型描述示例String字符串类型，用于
让旅游更智能：基于AR的旅游导览应用解析 Echo_Wish Python 笔记 Python算法旅游 ar restful
友友们好！我的新专栏《Python进阶》正式启动啦！这是一个专为那些渴望提升Python技能的朋友们量身打造的专栏，无论你是已经有一定基础的开发者，还是希望深入挖掘Python潜力的爱好者，这里都将是你不可错过的宝藏。在这个专栏中，你将会找到：●深入解析：每一篇文章都将深入剖析Python的高级概念和应用，包括但不限于数据分析、机器学习、Web开发等。●实战案例：通过丰富的实战案例，带你一步步实现
成为 Web3 开发者：why and how
作者丨Pignard首先介绍一下什么是Web3。2014年，以太坊联合创始人GavinWood首次提出“Web3”的概念，给互联网需要过多信任的问题提供了一种解决方案。不可否认，中心化网络已经帮助数十亿人融入了互联网，并在其上创建了稳定、可靠的基础设施。但与此同时，少数中心化巨头几乎垄断了互联网，甚至可以为所欲为。而Web3通过区块链、加密货币和NFT将权力以所有权的形式归还用户。Web3如今已成
OpenBuild是什么？如何参与 OpenBuild 开源社区贡献？ web3开源以太坊
OpenBuild是什么？OpenBuild是一个面向Web3开发者的开源社区。我们致力于为开发者提供高质量的系统性内容和活动，同时连接Web2和Web3，帮助开发者过渡到去中心化的网络，并通过提供必要的工具和资源，帮助开发者建立结构化系统，构建信任，创造商业机会。4StepsOnboarding More Web2devtoWeb3OpenBuild产品网站：openbuild.xyzDisco
本地大模型服务 Ollama：从安装到使用 aabond github python software python github LLM qwen ollama llama3 大模型
文章目录前言一、下载安装1.1官网安装1.2压缩包安装1.3docker安装二、命令行使用2.1常用命令2.2模型列表2.3使用三、Open-WebUI3.1安装3.2修改语言3.3使用参考前言Ollama是专为在本地机器上便捷部署和运行大型语言模型（LLM）而设计的开源框架，它有如下几个特点：简单的部署过程：Ollama提供跨平台的安装包，并提供docker方式部署。跨平台支持：Ollama可以
【Python】高效的Web自动化测试利器—Python+Playwright快速上手自动化实战指南墩墩分墩 Python python 自动化测试 playwright 爬虫 UI自动化
文章目录前言一.playwright是什么二.python引入playwright1.安装2.playwright命令行参数3.playwrightcodegen自动生成代码4.Chrome和Chromium有什么关系？三.基本概念1.无头浏览器（HeadlessBrowser）2.同步和异步模式操作playwright2.1.同步（Sync）模式同步方式代码模板2.2.异步（Async）模式异步
ssm基于HTML5的红酒信息分享系统 Q_2743785109 计算机毕业设计 html5 前端 html
SSM基于HTML5的红酒信息分享系统是一个专注于红酒领域的综合性信息平台，旨在为红酒爱好者、从业者以及普通消费者提供一个便捷的交流与获取红酒相关信息的空间。一、系统背景与意义随着人们生活水平的提高和消费观念的转变，红酒作为一种高雅的饮品，越来越受到消费者的青睐。然而，红酒市场的信息不对称和消费者缺乏专业知识等问题限制了红酒文化的传播和消费者的购买决策。因此，开发一个基于SSM框架和HTML5技术
JavaScript系列（32）-- WebAssembly集成详解陳沉辰陈 JavaScript javascript wasm udp
JavaScriptWebAssembly集成详解今天，让我们深入了解JavaScript与WebAssembly的集成，这是一项能够显著提升Web应用性能的关键技术。WebAssembly基础概念小知识：WebAssembly（简称Wasm）是一种低级的类汇编语言，它具有紧凑的二进制格式，能够以接近原生的速度运行。它被设计为可以和JavaScript一起协同工作，为Web应用提供高性能计算能力。
PLC实现HTTP协议JSON格式数据上报对接的参数配置说明 AIHE-TECH http json 网络协议西门子PLC MES 网页 url
IGT-SER系列PLC通讯智能网关支持HTTP协议GET和POST、PUT请求模式。支持JSON格式的文件，也可以实现WebService的调用。通常智能网关是HTTP协议的客户端，也可以同时作为HTTP的服务端。相关案例作为客户端时支持触发、周期、混合等多种工作模式与服务端通讯：周期模式根据所设置的周期时间提交请求和解析返回的文件；触发模式可配置一个或多个触发条件，网关根据触发条件的数据变化进
《Java核心技术卷II》HTTP客户端阿立聊全栈《Java核心技术II》Java Java核心II 服务器
HTTP客户端URLConnection是HTTP称为Web普通适用协议之前设计的，提供大量协议支持，但笨重。HttpClient提供了更便捷的API和HTTP/2的支持。HttpClient类HttpClient对象可以发出请求并接收响应，调用方法获取客户端：HttpClientclient=HttpClient.newHttpClient();需要配置客户端，如下构建器API:HttpClie
从Web2到Web3：区块链推动的数字进化之路清晨 web3 web3 去中心化人工智能隐私保护
互联网的演变从最初的Web1到如今的Web3，代表了技术和用户需求的深刻变化。Web3是一个基于区块链技术的全新互联网架构，旨在解决传统互联网（即Web2）中数据集中化和隐私保护等问题。通过去中心化的机制，Web3不仅能够增强数据安全性，还能够赋予用户更高的自主权。本文将从Web2和Web3的差异、区块链的作用以及Web3未来的潜力三个角度进行探讨。Web2：社交与互动的新时代Web2，也被称为社
纯C#编写的WebServer项目 masterofdotnet c#web服务服务器
http://www.codeplex.com/webserver这是一个完全用C#实现的Web服务器，可用于嵌入到客户端或者作为独立的Web服务器使用。性能上还是很不错的。尤其是作为一个RPC服务器来说。而且学习的价值也很大。
税务门户网站系统：数据分析与税务政策传播 liuxin33445566 安全 java 开发语言数据库前端
2.1SSM框架介绍本课题程序开发使用到的框架技术，英文名称缩写是SSM，在JavaWeb开发中使用的流行框架有SSH、SSM、SpringMVC等，作为一个课题程序采用SSH框架也可以，SSM框架也可以，SpringMVC也可以。SSH框架是属于重量级别的框架，配置繁琐，不够灵活，修改程序需要修改好多个文件，并且运行起来也占用内存较高，CPU使用率相对也高，SpringMVC是Spring开发的
Django 详解飞滕人生TYF django sqlite 数据库
Django是一个高级的PythonWeb框架，用于快速开发安全且可维护的Web应用。它遵循“Djangoforperfectionistswithdeadlines”（为有期限的完美主义者设计）的理念，提供了一套完整的工具包，帮助开发者快速构建Web应用。1.Django基础概念1.1什么是Django？Django是一个基于Python的全栈Web框架，具备如下特点：MVC架构（在Django
[黑洞与暗粒子]没有光的世界 comsci
无论是相对论还是其它现代物理学,都显然有个缺陷,那就是必须有光才能够计算但是,我相信,在我们的世界和宇宙平面中,肯定存在没有光的世界.... 那么,在没有光的世界,光子和其它粒子的规律无法被应用和考察,那么以光速为核心的 &nbs
jQuery Lazy Load 图片延迟加载 aijuans jquery
基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。版本： jQuery v1.4.4+ jQuery Lazy Load v1.7.2 注意事项：需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src
使用Jodd的优点 Kai_Ge jodd
1. 简化和统一 controller ，抛弃 extends SimpleFormController ，统一使用 implements Controller 的方式。 2. 简化 JSP 页面的 bind, 不需要一个字段一个字段的绑定。 3. 对 bean 没有任何要求，可以使用任意的 bean 做为 formBean。使用方法简介
jpa Query转hibernate Query 120153216 Hibernate
public List<Map> getMapList(String hql, Map map) { org.hibernate.Query jpaQuery = entityManager.createQuery(hql); if (null != map) { for (String parameter : map.keySet()) { jp
Django_Python3添加MySQL/MariaDB支持 2002wmj mariaDB
现状首先，[email protected] 中默认的引擎为 django.db.backends.mysql 。但是在Python3中如果这样写的话，会发现 django.db.backends.mysql 依赖 MySQLdb[5] ，而 MySQLdb 又不兼容 Python3 于是要找一种新的方式来继续使用MySQL。 MySQL官方的方案首先据MySQL文档[3]说，自从MySQL
在SQLSERVER中查找消耗IO最多的SQL 357029540 SQL Server
返回做IO数目最多的50条语句以及它们的执行计划。 select top 50 (total_logical_reads/execution_count) as avg_logical_reads, (total_logical_writes/execution_count) as avg_logical_writes, (tot
spring UnChecked 异常官方定义！ 7454103 spring
如果你接触过spring的事物管理！那么你必须明白 spring的非捕获异常！即 unchecked 异常！因为 spring 默认这类异常事物自动回滚！！ public static boolean isCheckedException(Throwable ex) { return !(ex instanceof RuntimeExcep
mongoDB 入门指南、示例 adminjun java mongodb 操作
一、准备工作 1、下载mongoDB 下载地址：http://www.mongodb.org/downloads 选择合适你的版本相关文档：http://www.mongodb.org/display/DOCS/Tutorial 2、安装mongoDB A、不解压模式：将下载下来的mongoDB-xxx.zip打开，找到bin目录，运行mongod.exe就可以启动服务，默
CUDA 5 Release Candidate Now Available aijuans CUDA
The CUDA 5 Release Candidate is now available at http://developer.nvidia.com/<wbr></wbr>cuda/cuda-pre-production. Now applicable to a broader set of algorithms, CUDA 5 has advanced fe
Essential Studio for WinRT网格控件测评 Axiba JavaScript html5
Essential Studio for WinRT界面控件包含了商业平板应用程序开发中所需的所有控件，如市场上运行速度最快的grid 和chart、地图、RDL报表查看器、丰富的文本查看器及图表等等。同时，该控件还包含了一组独特的库，用于从WinRT应用程序中生成Excel、Word以及PDF格式的文件。此文将对其另外一个强大的控件——网格控件进行专门的测评详述。网格控件功能 1、
java 获取windows系统安装的证书或证书链 bewithme windows
有时需要获取windows系统安装的证书或证书链，比如说你要通过证书来创建java的密钥库。有关证书链的解释可以查看此处。 public static void main(String[] args) { SunMSCAPI providerMSCAPI = new SunMSCAPI(); S
NoSQL数据库之Redis数据库管理(set类型和zset类型) bijian1013 redis 数据库 NoSQL
4.sets类型 Set是集合，它是string类型的无序集合。set是通过hash table实现的，添加、删除和查找的复杂度都是O(1)。对集合我们可以取并集、交集、差集。通过这些操作我们可以实现sns中的好友推荐和blog的tag功能。 sadd：向名称为key的set中添加元
异常捕获何时用Exception，何时用Throwable bingyingao
用Exception的情况 try { //可能发生空指针、数组溢出等异常 } catch (Exception e) {
【Kafka四】Kakfa伪分布式安装 bit1129 kafka
在http://bit1129.iteye.com/blog/2174791一文中，实现了单Kafka服务器的安装，在Kafka中，每个Kafka服务器称为一个broker。本文简单介绍下，在单机环境下Kafka的伪分布式安装和测试验证 1. 安装步骤 Kafka伪分布式安装的思路跟Zookeeper的伪分布式安装思路完全一样，不过比Zookeeper稍微简单些(不
Project Euler bookjovi haskell
Project Euler是个数学问题求解网站，网站设计的很有意思，有很多problem，在未提交正确答案前不能查看problem的overview，也不能查看关于problem的discussion thread，只能看到现在problem已经被多少人解决了，人数越多往往代表问题越容易。看看problem 1吧： Add all the natural num
Java-Collections Framework学习与总结-ArrayDeque BrokenDreams Collections
表、栈和队列是三种基本的数据结构，前面总结的ArrayList和LinkedList可以作为任意一种数据结构来使用，当然由于实现方式的不同，操作的效率也会不同。这篇要看一下java.util.ArrayDeque。从命名上看
读《研磨设计模式》-代码笔记-装饰模式-Decorator bylijinnan java 设计模式
声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ import java.io.BufferedOutputStream; import java.io.DataOutputStream; import java.io.FileOutputStream; import java.io.Fi
Maven学习(一) chenyu19891124 Maven私服
学习一门技术和工具总得花费一段时间，5月底6月初自己学习了一些工具，maven+Hudson+nexus的搭建，对于maven以前只是听说，顺便再自己的电脑上搭建了一个maven环境，但是完全不了解maven这一强大的构建工具，还有ant也是一个构建工具，但ant就没有maven那么的简单方便，其实简单点说maven是一个运用命令行就能完成构建，测试，打包，发布一系列功
[原创]JWFD工作流引擎设计----节点匹配搜索算法(用于初步解决条件异步汇聚问题) 补充 comsci 算法工作 PHP 搜索引擎嵌入式
本文主要介绍在JWFD工作流引擎设计中遇到的一个实际问题的解决方案，请参考我的博文"带条件选择的并行汇聚路由问题"中图例A2描述的情况(http://comsci.iteye.com/blog/339756),我现在把我对图例A2的一个解决方案公布出来，请大家多指点节点匹配搜索算法(用于解决标准对称流程图条件汇聚点运行控制参数的算法) 需要解决的问题：已知分支
Linux中用shell获取昨天、明天或多天前的日期 daizj linux shell 上几年昨天获取上几个月
在Linux中可以通过date命令获取昨天、明天、上个月、下个月、上一年和下一年 # 获取昨天 date -d 'yesterday' # 或 date -d 'last day' # 获取明天 date -d 'tomorrow' # 或 date -d 'next day' # 获取上个月 date -d 'last month' #
我所理解的云计算 dongwei_6688 云计算
在刚开始接触到一个概念时，人们往往都会去探寻这个概念的含义，以达到对其有一个感性的认知，在Wikipedia上关于“云计算”是这么定义的，它说： Cloud computing is a phrase used to describe a variety of computing co
YII CMenu配置 dcj3sjt126com yii
Adding id and class names to CMenu We use the id and htmlOptions to accomplish this. Watch. //in your view $this->widget('zii.widgets.CMenu', array( 'id'=>'myMenu', 'items'=>$this-&g
设计模式之静态代理与动态代理 come_for_dream 设计模式
静态代理与动态代理代理模式是java开发中用到的相对比较多的设计模式，其中的思想就是主业务和相关业务分离。所谓的代理设计就是指由一个代理主题来操作真实主题，真实主题执行具体的业务操作，而代理主题负责其他相关业务的处理。比如我们在进行删除操作的时候需要检验一下用户是否登陆，我们可以删除看成主业务，而把检验用户是否登陆看成其相关业务
【转】理解Javascript 系列 gcc2ge JavaScript
理解Javascript_13_执行模型详解摘要: 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念，那么这一篇将深入分析执行上下文的构建过程，了解执行上下文、函数对象、作用域三者之间的关系。函数执行环境简单的代码:当调用say方法时，第一步是创建其执行环境，在创建执行环境的过程中，会按照定义的先后顺序完成一系列操作:1.首先会创建一个
Subsets II hcx2013 set
Given a collection of integers that might contain duplicates, nums, return all possible subsets. Note: Elements in a subset must be in non-descending order. The solution set must not conta
Spring4.1新特性——Spring缓存框架增强 jinnianshilongnian spring4
目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
shell嵌套expect执行命令 liyonghui160com
一直都想把expect的操作写到bash脚本里,这样就不用我再写两个脚本来执行了,搞了一下午终于有点小成就,给大家看看吧. 系统:centos 5.x 1.先安装expect yum -y install expect 2.脚本内容: cat auto_svn.sh #!/bin/bash
Linux实用命令整理 pda158 linux
0. 基本命令　　linux 基本命令整理　　1. 压缩解压　　tar -zcvf a.tar.gz a #把a压缩成a.tar.gz 　　tar -zxvf a.tar.gz #把a.tar.gz解压成a 　　2. vim小结　　2.1 vim替换　　:m,ns/word_1/word_2/gc
独立开发人员通向成功的29个小贴士 shoothao 独立开发
概述：本文收集了关于独立开发人员通向成功需要注意的一些东西,对于具体的每个贴士的注解有兴趣的朋友可以查看下面标注的原文地址。明白你从事独立开发的原因和目的。保持坚持制定计划的好习惯。万事开头难，第一份订单是关键。培养多元化业务技能。提供卓越的服务和品质。谨小慎微。营销是必备技能。学会组织，有条理的工作才是最有效率的。 “独立
JAVA中堆栈和内存分配原理 uule java
1、栈、堆 1.寄存器：最快的存储区, 由编译器根据需求进行分配,我们在程序中无法控制.2. 栈：存放基本类型的变量数据和对象的引用，但对象本身不存放在栈中，而是存放在堆（new 出来的对象）或者常量池中（字符串常量对象存放在常量池中。）3. 堆：存放所有new出来的对象。4. 静态域：存放静态成员（static定义的）5. 常量池：存放字符串常量和基本类型常量（public static f

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他