想搞全栈的前端
想搞全栈的前端

bootstrap的使用方法及其基本模板

什么是Bootstrap

Bootstrap来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

如何使用

1.下载

bootstrap下载链接：https://v3.bootcss.com/getting-started/
下载有三个版本如果仅仅是使用的话下载第一个就行了
bootstrap的使用方法及其基本模板_第1张图片

2.引入

只需要把下载好的文件解压拖入webstrom即可
bootstrap的使用方法及其基本模板_第2张图片

3.基本模板


<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>使用模板title>

    
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">

    
    <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>
 
head>
<body>
<h1>你好，世界！h1>


<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js">script>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js">script>
body>
html>

模板注意点:

  • 3个meta标签*必须*放在最前面
  • 引入bootstrap地址
  • 引入jquery文件(Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边)
  • 引入下载文件中的js文件（bootstrap.min.js）

    • 4.使用方法

    1.在bootstrap官网中找到自己想要的功能（bootstrap中文官网：http://www.bootcss.com/）
    2.把模板复制到想要放置的位置
    例如：标签页的模板
    bootstrap的使用方法及其基本模板_第3张图片把代码复制到想要放置的地方（我这里是放在了body里）。
    效果图：
    bootstrap的使用方法及其基本模板_第4张图片3.修改样式，改成自己想要的

    你可能感兴趣的:(bootstrap)

    • 计算机专业毕业设计-线上招聘与求职系统的设计与实现-开题报告 苦奢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)文
    • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 滚动监听（Scrollspy）语法知识点及案例代码（25） 知识分享小能手 网页开发Bootstrap5前端开发bootstrap学习前端javascripttypescripthtmlcss
      Bootstrap5滚动监听（Scrollspy）语法知识点及案例代码Bootstrap5的Scrollspy组件允许根据用户的滚动位置自动更新导航链接的激活状态。这对于创建具有固定导航栏的单页网站特别有用，能够提升用户体验和导航的便捷性。一、Scrollspy语法知识点1.基本结构要使用Scrollspy，需要以下几个关键部分：导航栏（Navbar）：包含指向页面不同部分的链接。目标容器（Tar
    • jdk tomcat 环境变量配置 Array_06 javajdktomcat
      Win7 下如何配置java环境变量 1。准备jdk包，win7系统，tomcat安装包（均上网下载即可） 2。进行对jdk的安装，尽量为默认路径（但要记住啊！！以防以后配置用。。。） 3。分别配置高级环境变量。   电脑-->右击属性-->高级环境变量-->环境变量。 分别配置 : path    &nbs
    • Spring调SDK包报java.lang.NoSuchFieldError错误 bijian1013 javaspring
              在工作中调另一个系统的SDK包，出现如下java.lang.NoSuchFieldError错误。 org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l
    • LeetCode[位运算] - #136 数组中的单一数 Cwind java题解位运算LeetCodeAlgorithm
      原题链接：#136 Single Number 要求： 给定一个整型数组，其中除了一个元素之外，每个元素都出现两次。找出这个元素 注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间 难度：中等 分析： 题目限定了线性的时间复杂度，同时不使用额外的空间，即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n，故将数组中的每个元素进
    • qq登陆界面开发 15700786134 qq
      今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下： public class First {         public void initul(){        jf=ne
    • Linux的程序包管理器RPM 被触发 linux
      在早期我们使用源代码的方式来安装软件时，都需要先把源程序代码编译成可执行的二进制安装程序，然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装，这个复杂而艰辛的过程。为简化安装步骤，便于广大用户的安装部署程序，程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包，提供给大家下载，我们只需要根据自己的
    • socket通信遇到EOFException 肆无忌惮_ EOFException
      java.io.EOFException at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281) at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:
    • 基于spring的web项目定时操作 知了ing javaWeb
      废话不多说，直接上代码，很简单 配置一下项目启动就行 1，web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="h
    • 树形结构的数据库表Schema设计 矮蛋蛋 schema
      原文地址： http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488     程序设计过程中，我们常常用树形结构来表征某些数据的关联关系，如企业上下级部门、栏目结构、商品分类等等，通常而言，这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库，都是以二维表的形式记录存储数据信息，
    • maven将jar包和源码一起打包到本地仓库 alleni123 maven
      http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository <project> ... <build> <plugins> <plugin> <groupI
    • java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！ 百合不是茶
      类 File File是指文件和目录路径名的抽象表示形式。 1，何为文件： 标准文件（txt doc mp3...） 目录文件（文件夹） 虚拟内存文件   2，File类中有可以创建文件的 createNewFile（）方法,在创建新文件的时候需要try{} catch(）{}因为可能会抛出异常；也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都
    • Spring注入有继承关系的类（2） bijian1013 javaspring
      被注入类的父类有相应的属性，Spring可以直接注入相应的属性，如下所例：1.AClass类 package com.bijian.spring.test4; public class AClass { private String a; private String b; public String getA() { retu
    • 30岁转型期你能否成为成功人士 bijian1013 成长励志
              很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
    • 【Velocity四】Velocity与Java互操作 bit1129 velocity
      Velocity出现的目的用于简化基于MVC的web应用开发，用于替代JSP标签技术，那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础，      POJO    package com.tom.servlets; public
    • 【Hive十一】Hive数据倾斜优化 bit1129 hive
      什么是Hive数据倾斜问题   操作：join,group by,count distinct 现象：任务进度长时间维持在99%（或100%），查看任务监控页面，发现只有少量（1个或几个）reduce子任务未完成；查看未完成的子任务，可以看到本地读写数据量积累非常大，通常超过10GB可以认定为发生数据倾斜。 原因：key分布不均匀 倾斜度衡量：平均记录数超过50w且
    • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua csrf
      Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
    • java-3.求子数组的最大和 bylijinnan java
      package beautyOfCoding; public class MaxSubArraySum { /** * 3.求子数组的最大和 题目描述： 输入一个整形数组，数组里有正数也有负数。 数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。 求所有子数组的和的最大值。要求时间复杂度为O(n)。 例如输入的数组为1, -2, 3, 10, -4,
    • Netty源码学习-FileRegion bylijinnan javanetty
      今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java 可以直接往channel里面写入一个FileRegion对象，而不需要相应的encoder： //pipeline（没有诸如“FileRegionEncoder”的handler）： public ChannelPipeline ge
    • 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题 cngolon 跨浏览器复制到粘贴板Zero Clipboard
      Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。 Zero Clipboard的安装方法 首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js
    • 单例模式 cuishikuan 单例模式
      第一种（懒汉，线程不安全）： public class Singleton {   2     private static Singleton instance;   3     pri
    • spring+websocket的使用 dalan_123
      一、spring配置文件 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"    xmlns:xsi="http://www.w3.or
    • 细节问题：ZEROFILL的用法范围。 dcj3sjt126com mysql
      1、zerofill把月份中的一位数字比如1，2，3等加前导0 mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL,    -> day
    • Android开发10——Activity的跳转与传值 dcj3sjt126com Android开发
      Activity跳转与传值，主要是通过Intent类，Intent的作用是激活组件和附带数据。   一、Activity跳转 方法一Intent intent = new Intent(A.this, B.class); startActivity(intent)   方法二Intent intent = new Intent();intent.setCla
    • jdbc 得到表结构、主键 eksliang jdbc 得到表结构、主键
      转自博客：http://blog.csdn.net/ocean1010/article/details/7266042 假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt
    • Android 应用程序开关GPS gqdy365 android
      要在应用程序中操作GPS开关需要权限： <uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" /> 但在配置文件中添加此权限之后会报错，无法再eclipse里面正常编译，怎么办？ 1、方法一：将项目放到Android源码中编译； 2、方法二：网上有人说cl
    • Windows上调试MapReduce zhiquanliu mapreduce
      1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b
    • 如何看待一些知名博客推广软文的行为？ justjavac 博客
      本文来自我在知乎上的一个回答：http://www.zhihu.com/question/23431810/answer/24588621 互联网上的两种典型心态： 当初求种像条狗，如今撸完嫌人丑 当初搜贴像条犬，如今读完嫌人软 你为啥感觉不舒服呢？ 难道非得要作者把自己的劳动成果免费给你用，你才舒服？ 就如同 Google 关闭了 Gooled Reader，那是
    • sql优化总结 macroli sql
      为了是自己对sql优化有更好的原则性，在这里做一下总结，个人原则如有不对请多多指教。谢谢！   要知道一个简单的sql语句执行效率，就要有查看方式，一遍更好的进行优化。   一、简单的统计语句执行时间 declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id
    • Linux Oracle中常遇到的一些问题及命令总结 超声波 oraclelinux
      1.linux更改主机名   (1)#hostname oracledb　　　　临时修改主机名 (2) vi /etc/sysconfig/network 　　修改hostname (3) vi /etc/hosts　　　　　　　　修改IP对应的主机名   2.linux重启oracle实例及监听的各种方法 （注意操作的顺序应该是先监听，后数据库实例） &nbs
    • hive函数大全及使用示例 superlxw1234 hadoophive函数
        具体说明及示例参 见附件文档。     文档目录：   目录 一、关系运算： 4 1. 等值比较: = 4 2. 不等值比较: <> 4 3. 小于比较: < 4 4. 小于等于比较: <= 4 5. 大于比较: > 5 6. 大于等于比较: >= 5 7. 空值判断: IS NULL 5
    • Spring 4.2新特性-使用@Order调整配置类加载顺序 wiselyman spring 4
      4.1 @Order Spring 4.2 利用@Order控制配置类的加载顺序 4.2 演示 两个演示bean package com.wisely.spring4_2.order; public class Demo1Service { } package com.wisely.spring4_2.order; public class
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他