codingCoge
codingCoge

bootstrap学习笔记--初识bs

参考：

https://www.quanzhanketang.com/bootstrap/bootstrap_grid_basic.html

bootstrap是基于jQuery的前端CSS框架 预定于好了各种CSS类 相当于API接口，直接调用即可使用css样式，方便前端开发。

这个相信大部分的前端框架都可以搞定 但是Bootstrap还可以让你轻松创建响应式设计，这什么概念？

意思就是 不同设备终端如 PC,手机,平板都可以完美显示页面，而不会因为你设备的原因造成显示不全，需要拖动滑动按钮来查看其他部分 。

为什么使用bootstrap？

  1. 它的优点是 自适应大小，响应功能 自动调节自身来适用你的设备，是不是很棒。

  2. 不仅如此，bootstrap还是移动优先，是核心框架的一部分

  3. 而且浏览器兼容性:Bootstrap兼容所有现代浏览器（Chrome，Firefox，Internet Explorer，Safari和Opera）

知道了这么多bootstrap的优点，是不是觉得还是有必要学习一波。
为什么我觉得java后台需要学习前台框架

如何使用bootstrap？

两个方法：

  1. 下载到本地

    bootcss官网 然后引用就行 具体操作下面会介绍
    bootstrap学习笔记--初识bs_第1张图片
    可以看到有三个供下载
    第一个是已经预编译好的 css模板直接使用到任何 web 项目中

    第二个是源码 可以根据自己需求定制css模板

    源码中dist/目录包含了上面所说的预编译 Bootstrap 包内的所有文件。docs/包含了所有文档的源码文件

  2. 使用 BootCDN 提供的免费 CDN 加速服务

    
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">  
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js">script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js">script>

    使用Bootstrap CDN的一个优点： 许多用户在访问其他站点时已经从MaxCDN下载了Bootstrap。因此，它会在访问您的网站时从缓存中加载，从而加快加载速度。此外，大多数CDN将确保一旦用户向其请求文件，它将从离它们最近的服务器提供，这也导致更快的加载时间。

    注意：因为bootstrap是基于jQuery的框架, 插件全部依赖 jQuery,所以引用bootstrap的js时候 需要先引用jquery的js

    一般使用压缩版 意思就是带min的文件

    bootstrap.min.* 等

创建一个简单web页面

第一步.bootstrap是使用html5的

所以需要引用html5文档


<html lang="en">
  <head>
    <meta charset="utf-8"> 
  head>
html>

在开头就指定了语言和编码格式

第二步：回到开头提到的 移动优先，旨在对移动设备做出响应就需要在meta标签中添加标记

<meta name="viewport" content="width=device-width, initial-scale=1.0">

该width=device-width部分设置页面的宽度以跟随设备的屏幕宽度（这取决于设备）。

initial-scale=1浏览器首次加载页面时，该部分设置初始缩放级别,确保网页加载时，以 1:1 的比例呈现，不会有任何的缩放。

那如果 我想禁止缩放 能做？别说，还真可以

viewport meta标签添加user-scalable=no可以禁用其缩放功能

通常情况下，maximum-scale=1.0与 user-scalable=no 一起使用。这样禁用缩放功能后，用户只能滚动屏幕

<meta name="viewport" content="width=device-width, 
                                     initial-scale=1.0, 
                                     maximum-scale=1.0, 
                                     user-scalable=no">

第三步：容器

Bootstrap还需要一个包含元素来包装网站内容。

有两个容器类可供选择：

  1. 的.container类提供了一个响应固定的宽度容器 意思就是随着窗体的改变 网站内容margion大小跟着改变
  2. 的.container-fluid类提供了一个全宽度的容器，跨越视口的整个宽度 没有margion

注意：容器不可嵌套（您不能将容器放在另一个容器中）。

是不是还是没懂什么是容器？ 参考
bootstrap中container类和container-fluid类的区别

根据上面三步就可以构造一个简单web页面


<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>Hello Worldtitle>
 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js">script>

head>

<body>
    <div class="container">
    <h1>My First Bootstrap Pageh1>
    <p>This is some text.p> 
    div>

body>
html>

注意点：

  1. X-UA-Compatible属性不懂的话可以参考
    对http-equiv中”X-UA-Compatible”属性的理解

  2. 可以直接使用CDN而不用本地下载的bootstrap文件

  3. class=”container”使用了容器包装网站内容，但是容器不可嵌套（您不能将容器放在另一个容器中）

基本的bootstrap搭建知识大致如上，后续还会了解更多以及运用bootstrap各  
种元素来搭建一个完整的网站 ，跟着我一起学习吧，新手一个，如有错误，  
欢迎指出，一起进步。

你可能感兴趣的:(网页前端)

  • 网页前端开发（基础进阶1--盒子模型） 知月玄 前端javascriptjavacss
    颜色表示方法3种：1.关键字：color：green；grayredyellow2.rgb表示法：红，绿，蓝三原色。rgb（r，g，b），r表示红色，g表示绿色，b表示蓝色。color:rgb(87,107,149);3.rgba表示法：是rgb表示法的进阶，rgb（r，g，b，a），r表示红色，g表示绿色，b表示蓝色，a表示透明度。（0表示完全透明，1表示完全不透明）color:rgba(87,
  • python网络爬虫网页前端编程基础、Socket库、使用Socket进行TCP编程、认识HTTP协议、熟悉Cookie等。_python的socket库 软件开发Java 程序员python爬虫前端
    最后Python崛起并且风靡，因为优点多、应用领域广、被大牛们认可。学习Python门槛很低，但它的晋级路线很多，通过它你能进入机器学习、数据挖掘、大数据，CS等更加高级的领域。Python可以做网络应用，可以做科学计算，数据分析，可以做网络爬虫，可以做机器学习、自然语言处理、可以写游戏、可以做桌面应用…Python可以做的很多，你需要学好基础，再选择明确的方向。这里给大家分享一份全套的Pytho
  • 跨站脚本攻击XSS（Cross Site Scripting）总结 KB-野原新之助 Web攻防安全漏洞xss
    文章目录1、何为XSS？2、Payload3、绕过方法4、XSS分类5、XSS防范6、附：常见的XSS利用事件1、何为XSS？XSS（CrossSiteScripting）名为跨站脚本攻击，本应该称之为CSS，但是由于CSS与网页前端的层叠式样表名称冲突，因此称之为XSS。XSS是指开发者在开发网页时，对用户的输入没有进行安全过滤，导致用户在可以输入内容的地方，插入脚本语句，执行恶意脚本代码，可以
  • 【前端素材】优质小游戏推荐-记忆小游戏 枫蜜柚子茶 小游戏前端3dhtml5javascriptcss动画游戏
    一、需求分析前端动画游戏页面是指在网页前端开发中，通过实现动画效果和游戏元素，创造出一个交互式、娱乐性强的页面。这类页面通常具有以下特点、功能和技术实现方式：1、功能实现：五子棋是一种双人对弈的纯策略棋类游戏，玩家轮流在棋盘上落子，先在横向、纵向或斜向连成五颗棋子的玩家获胜。以下是对五子棋游戏的分析：棋盘：五子棋通常由15x15的网格构成，玩家在交叉点上落子。棋盘提供了玩家进行游戏的基本空间。落子
  • 基于跨架构算法的高效物联网漏洞挖掘系统 跨架构高效物联网漏洞挖掘系统搭建 可视化界面构建 上 XLYcmy 漏洞挖掘物联网网络安全静态分析漏洞挖掘跨架构二进制固件
    4.3.1网页概况为了对本项目中设计的漏洞检测模型检测结果进行直观展示，本项目组制作了相关的网页进行项目成果展示。网页前端由js、html、css语言编写完成，使用Python语言完成后端实现核心算法的编写和检测模型的训练。用户在登录网站后选择需要进行检测的文件传输给后端进行漏洞检测，后端检测完所有文件后会将检测结果发送回前端进行直观的展示。4.3.2网页功能为防止非法用户登录系统，网页首先会验证
  • 什么是 HTML 实体和转义 西门吹雪在编程 前端开发html前端
    在网页前端的源代码中，你可能会看到"这种字符串。这种字符串实际上是HTML实体之一，用于表示双引号字符（"）。HTML实体是一种用于在HTML文档中表示某些特殊字符的方法，因为这些字符在HTML中有特定的用途或可能会与HTML标签语法冲突。HTML实体的背景和用途在HTML中，一些字符有特定的意义。例如，用于标记HTML标签的开始和结束。如果你想在网页中显示这些字符而不是把它们解释为HT
  • HTML5前端页面设计,HTML5网页前端设计 设计师马丁 HTML5前端页面设计
    HTML5网页前端设计编辑锁定讨论上传视频《HTML5网页前端设计》是2017年6月清华大学出版社出版的图书，作者是周文洁。书名HTML5网页前端设计作者周文洁ISBN9787302463597定价59.50元出版社清华大学出版社出版时间2017年6月HTML5网页前端设计内容简介编辑本书是一本从零开始学习的Web前端开发教材，无须额外的基础。全书以项目驱动为宗旨，详细介绍了HTML5、CSS3与
  • express+ bootstrap/vue.js+mongodb 开发综合学生管理WEB项目系统 鱼弦 前端expressbootstrap
    该WEB项目要求如下：整个系统要有比较完整的功能，有前端网页数据示，也要有后台管理功能，具有一定的实用性。网页前端展示页面设计可以采用bootstrap框架，也可以使用vue.js实现，前端网页数据均要来自于后端从数据库中查询出来的数据。下面是利用Express后端+Bootstrap前端+MongoDB数据库的代码示例，用于实现一个综合的学生管理系统：1.安装所需模块在终端中输入以下命令，安装所
  • 星河飞雪网络安全学习笔记-安全见闻1-3 芝士布偶 网络安全
    安全见闻-了解安全知识编程语言日常编程语言C语言：一种通用的、面向过程的编程语言，广泛运用于系统软件呵呵嵌入式开发C++：面向对象的编程语言，常用于游戏开发、高性能计算等领域Java：一种广泛使用的面向对象编程语言、具有跨平台性、应用于企业级应用开发等Python（萌新推荐）：简洁易学，拥有丰富的库，适用于数据分析、人工智能、web开发等Javascript：主要用于网页前端开发，也可用于服务器端
  • AI赋能前端开发：薪资待遇的飞跃 前端
    在AI浪潮席卷全球的今天，前端开发领域也正经历着翻天覆地的变化。掌握AI技能不再是锦上添花，而是成为提升竞争力、获得更高薪资的关键因素。本文将深入探讨AI技能如何助力前端开发者提升薪资竞争力，并展望未来发展趋势。你是否也渴望成为一名高薪的AI写代码工具使用者呢？让我们一起探索吧！AI技能：前端开发效率的倍增器传统的网页前端开发往往需要开发者耗费大量时间在重复性工作上，例如编写大量的基础代码、选择合
  • HTML5--网页前端编程（上） 赋箫 网页编程前端html5html
    HTML5–网页前端编程（上）1.网页（1）网站是根据一定的规则，使用html制作的相关的网页的集合。网页是网站上的一页，通常是html格式的文件，他要通过浏览器来阅读。网页是网站的基本元素，由图片链接声音文字等元素造成，以.html或.htm后缀结尾的文件称为html文件。（2）html是指超文本标记语言，不是编程语言，是一种标记语言，超越了文本限制，超级文本链接。（3）网页形成:前端人员开发代
  • html自学学多久,HTML和CSS要学多久？ 入门需要多长时间？ 安检 html自学学多久
    HTML和CSS要学多久？相信很多想要学习网页前端开发的小伙伴都会有这个疑问，今天W3Cschool小编就来和大家探讨一下这个问题。作为Web前端开发的基础，HTML和CSS是都是非常基础的语言，但是想要以此为工作的话，只是掌握HTML和CSS还是不够的，JS也需要学习。这样还不够，最好还能花一些时间学习一下近几年非常火的HTML5和CSS3，这样才能算是完全掌握了Web前端相关技术。如果单说HT
  • Python爬虫天气预报（小白入门）(1) 2401_84009993 程序员python爬虫开发语言
    首先来到目标数据的网页http://www.weather.com.cn/weather40d/101280701.shtml中国天气网我们可以看到，我们需要的天气数据都是放在图表上的，在切换月份的时候，发现只有部分页面刷新了，就是天气数据的那块，而URL没有变化。这是因为网页前端使用了JS异步加载的技术，更新时不用加载整个页面，从而提升了网页的加载速度。对于这种非静态页面，我们在请求数据时，就不
  • Rust 编程语言构建出跨平台应用开源框架 Dioxus 百态老人 rust开源开发语言
    是的，Rust编程语言确实构建了一个跨平台应用开源框架Dioxus。Dioxus是一个可移植、高性能的框架，用于在Rust中构建跨平台的用户界面。它支持多种平台的应用开发，包括网页前端、桌面应用、静态网站、移动端应用和TUI程序等。Dioxus的核心特点之一是其声明式编程风格，类似于React框架，但提供了更高效的性能和更好的开发者体验。此外，Dioxus还具有原生桌面支持、强大的状态管理、快速异
  • 程式语言区分 白总Server htmlpythonjavac++开发语言
    程序语言有很多种，每种都有其特定的用途和特点。以下是一些广泛使用的编程语言：1.Python：易于学习，广泛用于数据科学、机器学习、网络开发、自动化等领域。2.Java：广泛应用于企业级应用、安卓开发、大型系统开发等。3.C：一种基础语言，广泛用于系统编程、嵌入式开发、操作系统等领域。4.C++：C语言的扩展，支持面向对象编程，用于游戏开发、高性能应用等。5.JavaScript：主要用于网页前端
  • 解决安卓网页底部导航栏被键盘顶起来 Mirror_b932
    最近做网页前端遇到的问题，在安卓端定位在底部的footer会被系统软键盘顶起来，例如下图：例在网上找了一天，没有找到合适的方法解决，别的网站有底部导航栏的也基本没有解决这个问题，可能都不care这点事吧--，但我觉得还是要解决的。。。综合下失败的原因找出了解决方案：关键词：resize、localstorage或者cookie附代码因为现在移动端浏览器会自动隐藏导航栏的,所以需要存储一个原始的屏幕
  • JavaScript(JS)与Java的区别与联系 轩昂7K JavascriptJava话题篇javascript
    区别：1.JS是前端语言，Java是后端语言2.JS是在浏览器上运行的，而Java是要在Java虚拟机（JVM）上运行3.JS是弱类型语言（不需要声明变量类型），而Java是强类型语言（需要声明变量类型）4.JS主要应用于网页前端开发，而Java主要用于开发后端应用程序联系：1.Java和JavaScript都是面向对象的编程语言2.名称相似，往往让人混淆，二者其实就是两种语言，但计算机知识是相通
  • java家校互动系统springboot+vue QQ402205496 javaspringbootvue.js
    本文提出并设计基于VUE技术的家校互动系统，以期通过互联网更好地实现家长同老师以及学校的沟通，为学生创建更好地教育环境。系统设计分为HTML网页前端和JAVA后端两部分前端采用HTML技术开发后端采用VUE+springboot+mybatis+elementplus框架开发，数据库管理系统使用MySQL数据库，前后台数据交互使用AJAX和JSON.。基于Vue和SpringBoot的中学生家校互
  • 网页前端（25）jQuery介绍及选择器 錦魚
    jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。jQuery的版本分为1.x系列和2.x、3.x系列，1.x系列兼容低版本的浏览器，2.x、3.x系列放弃支持低版本浏览器，目前使用最多的是1.x系列的。jquery是一个函数库，一个js文件，页面用script标签引入
  • 微信小程序：导入阿里巴巴iconfont作为图标 魔娃
    前几周，高中同学找我做微信小程序比赛的前端，尽管我css/js经验很少，大概有两次网页前端的经历：一次是在高一，（顺带一提，当时的我立志成为新媒体作者或者文艺从业者，并誓不当程序员，结果……当时应该还没有“真香”梗），所以我坚决地拒绝学习css/js，用ps画了一整张网页背景，用浮动div和热点区域之类的可视化工具加上大量的flash动画组装起了我觉得还挺好看的网页……第二次就是大一暑假跟着廖雪峰
  • 网页前端学习-03 Leoma_ 前端学习笔记前端学习html网络
    HTML基础知识021.vscode书写骨架里些许代码的解释666①、这一行指令可以理解为不是html代码的部分，它充当的作用是告诉浏览器我们需要书写的html版本，如上述代码第一行则代表的是我们要书写的是html5这个版本，DOCTYPE是文档类型声明标签。②、用来强调是中文网站还是英文网站，en代表英文的缩写，zh-CN指的是中文。③、charset是字符集的含义，后面的utf-8是万国码，这
  • 《QT》QT概述 绅士·永 QT前端
    目录相关知识客户端编写GUI的方案框架软件选择QT优点记住：技术之间有很强的关联性~~互联网岗位介绍互联网的核心岗位如下：开发（程序猿最关注）1）后端开发2）前端开发：又叫大前端开发3）算法工程师4）游戏开发......测试运维产品经理前端开发又有：a）网页前端开发（做网页的）b）桌面应用开发（做电脑上的应用程序的）c）移动应用开发（做手机上的应用程序的）这些前端开发又可以称之为“客户端开发”QT
  • java和javascript的区别与联系 袁公白 javascript
    Java和JavaScript是两种不同的编程语言，它们在名称上容易引起混淆，但实际上在用途、语法和运行环境等方面有很大的不同。本文将详细介绍Java和JavaScript的区别与联系。Java和JavaScript的区别：用途：Java是一种跨平台的面向对象编程语言，主要用于开发后端应用程序、桌面应用程序和安卓应用等；而JavaScript是一种脚本语言，主要用于网页前端开发，与HTML和CSS
  • css3帮助文档,CSS3 最新版参考手册 坐会儿吧 css3帮助文档
    《CSS3最新版参考手册》为官方CSS3在线参考学习手册，本css3在线开发手册包含了各种css3属性、语法、定义、使用方法，实例运行等，是网页前端学习者及开发者不可或缺的在线查询手册文档！注：CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的，这些模块包括：盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等。CSS3是CSS(层叠样式表)技术的升级版本，于
  • 用SSE把python脚本迁移部署到web端并通过浏览器监控执行状态 bigcarp python前端开发语言
    1、python脚本做些小工具很实用2、通过web浏览器的方式随时随地可以操作，非常方便3、用网页做界面，比那个老古董tkinter轻松太多了4、最大问题是普通网页请求发出后，要等脚本执行完毕才返回结果，中间状态无法看到，而且等候时间可能很长。---->用SSE（ServerSentEvents）可以轻松解决这个问题，你脚本print到屏幕上的，sse都能实时推送到网页前端。5、使用SSE一点都不
  • 不懂技术的产品，学这些前端、后端、前后端交互的知识，让你和研发沟通更加高效 夏小乐520
    一、前端说起前端，可能大家不自觉的会联想到我们所看到的的网页前端。其实前端分为网页前端（h5）和移动客户端（下载到本地的）app前端。前端涉及到的开发语言是HTML、CSS、JS。HTML就是图片、文字等元素。页面的颜色、图片的尺寸，按钮的颜色以及位于什么位置等，这些是CSS实现的。js实现内部的逻辑，以及如何请求数据，比如我点击这个按钮的事件等。我们经常听到在做活动页面时，为了减少和后端的依赖，
  • Qt简介及安装 RNGWGzZs QTqt开发语言
    “这不属于我，因为沉默背后也有冲动”在互联网当中，最关注的几个比较核心的岗位：后端开发前端开发算法工程师游戏开发像后端开发中有认识度较广的Java、C++，打交道的大多都是和服务器。与我们用户进行交互的部分，就属于前端开发的大类，诸如：网页前端(HTML、CSS)、桌面应用开发、移动应用开发等等。准确来说，Qt是特指用来进行桌面应用开发所涉及的一套技术。——前言什么是QtQt是⼀个跨平台的C++图
  • vue3.2之边学边练（二）vue下axios封装 雁过无声1986 JavaScript学习vue.js前端javascript
    这一篇严格意义上说和vue没什么太大关系。网页前端少不了请求数据，这也是为什么上一篇就加入了axios的需求添加。原理就是通过axios发送相应的post，get网络请求请求数据，然后返回展现到页面上。一、项目结构在src目录下新建utils和api两个文件夹，utils用于存放的公共封装类库函数，api则是请求的方法（utils英文是工具类的意思）。utils文件夹下新建request.js文件
  • 如何设计数据埋点方案 小肉球_f0ce
    1、常见的埋点方式（1）全埋点全埋点是指预先在所有可以埋点的地方进行埋点的操作，再根据实际的的场景来分析需求提取数据的埋点方式。优势：简单易操作，成本低。劣势：无法准确监测用户的行为数据和一些其他附加的属性，会产生数据丢失的现象。适用场景：相对简单的业务场景，用来监测网页前端的数据，不监测服务端的数据，比如某活动或首页的PV,UV等数据。（2）代码埋点代码埋点是指技术人员根据实际的业务需求在对应的
  • Chatgpt+Comfyui绘图源码说明及本地部署文档 被子里 chatgptcomfyui知识库ai绘图源码部署人工智能
    其他文档地址：Chatgpt+Comfyui绘图源码运营文档Chatgpt+Comfyui绘图源码线上部署文档一、源码说明1、源码目录说明app_home：app官网源码chatgpt-java：管理后台服务端源码、用户端的服务端源码chatgpt-pc：电脑网页前端源码chatgpt-ui：管理后台前端源码chatgpt-uniapp：手机网页端、小程序、app的源码maku-generator
  • ASM系列五 利用TreeApi 解析生成Class lijingyao8206 ASM字节码动态生成ClassNodeTreeAPI
       前面CoreApi的介绍部分基本涵盖了ASMCore包下面的主要API及功能，其中还有一部分关于MetaData的解析和生成就不再赘述。这篇开始介绍ASM另一部分主要的Api。TreeApi。这一部分源码是关联的asm-tree-5.0.4的版本。          在介绍前，先要知道一点， Tree工程的接口基本可以完
  • 链表树——复合数据结构应用实例 bardo 数据结构树型结构表结构设计链表菜单排序
    我们清楚：数据库设计中，表结构设计的好坏，直接影响程序的复杂度。所以，本文就无限级分类（目录）树与链表的复合在表设计中的应用进行探讨。当然，什么是树，什么是链表，这里不作介绍。有兴趣可以去看相关的教材。 需求简介： 经常遇到这样的需求，我们希望能将保存在数据库中的树结构能够按确定的顺序读出来。比如，多级菜单、组织结构、商品分类。更具体的，我们希望某个二级菜单在这一级别中就是第一个。虽然它是最后
  • 为啥要用位运算代替取模呢 chenchao051 位运算哈希汇编
        在hash中查找key的时候，经常会发现用&取代%，先看两段代码吧，     JDK6中的HashMap中的indexFor方法： /** * Returns index for hash code h. */ static int indexFor(int h, int length) {
  • 最近的情况 麦田的设计者 生活感悟计划软考想
          今天是2015年4月27号      整理一下最近的思绪以及要完成的任务             1、最近在驾校科目二练车，每周四天，练三周。其实做什么都要用心，追求合理的途径解决。为
  • PHP去掉字符串中最后一个字符的方法 IT独行者 PHP字符串
    今天在PHP项目开发中遇到一个需求，去掉字符串中的最后一个字符 原字符串1,2,3,4,5,6, 去掉最后一个字符","，最终结果为1,2,3,4,5,6 代码如下： $str = "1,2,3,4,5,6,"; $newstr = substr($str,0,strlen($str)-1); echo $newstr;
  • hadoop在linux上单机安装过程 _wy_ linuxhadoop
    1、安装JDK     jdk版本最好是1.6以上，可以使用执行命令java -version查看当前JAVA版本号，如果报命令不存在或版本比较低，则需要安装一个高版本的JDK，并在/etc/profile的文件末尾，根据本机JDK实际的安装位置加上以下几行：    export JAVA_HOME=/usr/java/jdk1.7.0_25  
  • JAVA进阶----分布式事务的一种简单处理方法 无量 多系统交互分布式事务
    每个方法都是原子操作： 提供第三方服务的系统，要同时提供执行方法和对应的回滚方法 A系统调用B,C,D系统完成分布式事务 =========执行开始======== A.aa(); try { B.bb(); } catch(Exception e) { A.rollbackAa(); } try { C.cc(); } catch(Excep
  • 安墨移动广 告：移动DSP厚积薄发 引领未来广 告业发展命脉 矮蛋蛋 hadoop互联网
    　　“谁掌握了强大的DSP技术，谁将引领未来的广 告行业发展命脉。”2014年，移动广 告行业的热点非移动DSP莫属。各个圈子都在纷纷谈论，认为移动DSP是行业突破点，一时间许多移动广 告联盟风起云涌，竞相推出专属移动DSP产品。 　　到底什么是移动DSP呢? 　　DSP(Demand-SidePlatform)，就是需求方平台，为解决广 告主投放的各种需求，真正实现人群定位的精准广
  • myelipse设置 alafqq IP
      在一个项目的完整的生命周期中，其维护费用，往往是其开发费用的数倍。因此项目的可维护性、可复用性是衡量一个项目好坏的关键。而注释则是可维护性中必不可少的一环。 注释模板导入步骤  安装方法： 打开eclipse/myeclipse 选择 window-->Preferences-->JAVA-->Code-->Code
  • java数组 百合不是茶 java数组
    java数组的   声明  创建  初始化；   java支持C语言      数组中的每个数都有唯一的一个下标 一维数组的定义 声明： int[] a = new int[3];声明数组中有三个数int[3] int[] a 中有三个数，下标从0开始，可以同过for来遍历数组中的数
  • javascript读取表单数据 bijian1013 JavaScript
    利用javascript读取表单数据，可以利用以下三种方法获取： 1、通过表单ID属性：var a = document.getElementByIdx_x_x("id"); 2、通过表单名称属性：var b = document.getElementsByName("name"); 3、直接通过表单名字获取：var c = form.content.
  • 探索JUnit4扩展：使用Theory bijian1013 javaJUnitTheory
    理论机制（Theory） 一.为什么要引用理论机制（Theory）         当今软件开发中，测试驱动开发（TDD — Test-driven development）越发流行。为什么 TDD 会如此流行呢？因为它确实拥有很多优点，它允许开发人员通过简单的例子来指定和表明他们代码的行为意图。 TDD 的优点：     &nb
  • [Spring Data Mongo一]Spring Mongo Template操作MongoDB bit1129 template
    什么是Spring Data Mongo Spring Data MongoDB项目对访问MongoDB的Java客户端API进行了封装，这种封装类似于Spring封装Hibernate和JDBC而提供的HibernateTemplate和JDBCTemplate，主要能力包括 1. 封装客户端跟MongoDB的链接管理 2. 文档-对象映射，通过注解:@Document(collectio
  • 【Kafka八】Zookeeper上关于Kafka的配置信息 bit1129 zookeeper
    问题： 1. Kafka的哪些信息记录在Zookeeper中 2. Consumer Group消费的每个Partition的Offset信息存放在什么位置 3. Topic的每个Partition存放在哪个Broker上的信息存放在哪里 4. Producer跟Zookeeper究竟有没有关系？没有关系！！！   //consumers、config、brokers、cont
  • java OOM内存异常的四种类型及异常与解决方案 ronin47 java OOM 内存异常
          　OOM异常的四种类型： 　　　 　　一：　StackOverflowError ：通常因为递归函数引起（死递归，递归太深）。-Xss 128k 一般够用。     　  二：　out Of memory: PermGen Space：通常是动态类大多，比如web 服务器自动更新部署时引起。-Xmx
  • java-实现链表反转-递归和非递归实现 bylijinnan java
    20120422更新： 对链表中部分节点进行反转操作，这些节点相隔k个： 0->1->2->3->4->5->6->7->8->9 k=2 8->1->6->3->4->5->2->7->0->9 注意1 3 5 7 9 位置是不变的。 解法： 将链表拆成两部分： a.0-&
  • Netty源码学习-DelimiterBasedFrameDecoder bylijinnan javanetty
    看DelimiterBasedFrameDecoder的API，有举例： 接收到的ChannelBuffer如下： +--------------+ | ABC\nDEF\r\n | +--------------+ 经过DelimiterBasedFrameDecoder(Delimiters.lineDelimiter())之后，得到： +-----+----
  • linux的一些命令 -查看cc攻击-网口ip统计等 hotsunshine linux
    Linux判断CC攻击命令详解 2011年12月23日 ⁄ 安全 ⁄ 暂无评论 查看所有80端口的连接数 netstat -nat|grep -i '80'|wc -l 对连接的IP按连接数量进行排序 netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n 查看TCP连接状态 n
  • Spring获取SessionFactory ctrain sessionFactory
    String sql = "select sysdate from dual"; WebApplicationContext wac = ContextLoader.getCurrentWebApplicationContext(); String[] names = wac.getBeanDefinitionNames(); for(int i=0; i&
  • Hive几种导出数据方式 daizj hive数据导出
    Hive几种导出数据方式   1.拷贝文件   如果数据文件恰好是用户需要的格式，那么只需要拷贝文件或文件夹就可以。 hadoop fs –cp source_path target_path   2.导出到本地文件系统   --不能使用insert into local directory来导出数据，会报错 --只能使用
  • 编程之美 dcj3sjt126com 编程PHP重构
    我个人的 PHP 编程经验中，递归调用常常与静态变量使用。静态变量的含义可以参考 PHP 手册。希望下面的代码，会更有利于对递归以及静态变量的理解   header("Content-type: text/plain"); function static_function () { static $i = 0; if ($i++ < 1
  • Android保存用户名和密码 dcj3sjt126com android
    转自：http://www.2cto.com/kf/201401/272336.html 我们不管在开发一个项目或者使用别人的项目，都有用户登录功能，为了让用户的体验效果更好，我们通常会做一个功能，叫做保存用户，这样做的目地就是为了让用户下一次再使用该程序不会重新输入用户名和密码，这里我使用3种方式来存储用户名和密码 1、通过普通 的txt文本存储 2、通过properties属性文件进行存
  • Oracle 复习笔记之同义词 eksliang Oracle 同义词Oracle synonym
    转载请出自出处：http://eksliang.iteye.com/blog/2098861 1.什么是同义词       同义词是现有模式对象的一个别名。       概念性的东西，什么是模式呢？创建一个用户，就相应的创建了 一个模式。模式是指数据库对象，是对用户所创建的数据对象的总称。模式对象包括表、视图、索引、同义词、序列、过
  • Ajax案例 gongmeitao Ajaxjsp
    数据库采用Sql Server2005 项目名称为:Ajax_Demo 1.com.demo.conn包 package com.demo.conn; import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException; //获取数据库连接的类public class DBConnec
  • ASP.NET中Request.RawUrl、Request.Url的区别 hvt .netWebC#asp.nethovertree
      如果访问的地址是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree%3C&n=myslider#zonemenu那么Request.Url.ToString() 的值是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree<&
  • SVG 教程 （七）SVG 实例，SVG 参考手册 天梯梦 svg
    SVG 实例 在线实例 下面的例子是把SVG代码直接嵌入到HTML代码中。 谷歌Chrome，火狐，Internet Explorer9，和Safari都支持。 注意：下面的例子将不会在Opera运行，即使Opera支持SVG - 它也不支持SVG在HTML代码中直接使用。   SVG 实例 SVG基本形状 一个圆 矩形 不透明矩形 一个矩形不透明2 一个带圆角矩
  • 事务管理 luyulong javaspring编程事务
    事物管理 spring事物的好处 为不同的事物API提供了一致的编程模型 支持声明式事务管理 提供比大多数事务API更简单更易于使用的编程式事务管理API 整合spring的各种数据访问抽象 TransactionDefinition 定义了事务策略 int getIsolationLevel()得到当前事务的隔离级别 READ_COMMITTED 
  • 基础数据结构和算法十一：Red-black binary search tree sunwinner AlgorithmRed-black
      The insertion algorithm for 2-3 trees just described is not difficult to understand; now, we will see that it is also not difficult to implement. We will consider a simple representation known
  • centos同步时间 stunizhengjia linux集群同步时间
    做了集群，时间的同步就显得非常必要了。 以下是查到的如何做时间同步。 在CentOS 5不再区分客户端和服务器，只要配置了NTP，它就会提供NTP服务。 1)确认已经ntp程序包： # yum install ntp 2)配置时间源（默认就行，不需要修改） # vi /etc/ntp.conf server pool.ntp.o
  • ITeye 9月技术图书有奖试读获奖名单公布 ITeye管理员 ITeye
    ITeye携手博文视点举办的9月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 9月试读活动回顾：http://webmaster.iteye.com/blog/2118112本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）：      《NFC：Arduino、Andro
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他