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各  
种元素来搭建一个完整的网站 ，跟着我一起学习吧，新手一个，如有错误，  
欢迎指出，一起进步。

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

  • 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
  • 关于EOS中的虚拟机（一） 芒鞋儿
    EOS最初的白皮书中曾经说到要用以太坊的虚拟机，但后来并没有采用，而是采用了WASM-LLVM架构，EOS的虚拟机底层以LLVM和WebAssembly两部分组成，他们都是现成已有，LLVM早就用于object-C,而webAssembly用于网页前端的实现，还涉及到一些相关的概念，例如IR中间语言。本文将逐一介绍。LLVM架构：LLVM是一套可重用的编译工具链，提供了介于高级编程语言和机器语言之
  • HTML MC小帆帆
    一、什么是B/S软件主要分为两种架构B/S和C/S，我们主要从事B/S的软件开发B/S中的B指的是browsers,是浏览器的意思，S指server是服务器的意思二、软件开发流程网页设计师根据需求设计网页前端工程师将设计做成静态网页后台工程师将静态网页修改为动态网页三、网页三要素结构HTML用于描述页面的结构表现CSS用于空值页面中的元素样式行为JavaScript用于相应用户操作四、HTMLHT
  • 大数据人工智能在线实习项目：某实习网站招聘信息采集与分析 泰迪智能科技 大数据在线实习项目大数据人工智能
    01前置课程Python编程基础Python网络爬虫实战Python爬虫环境与爬虫简介网页前端基础简单静态网页爬取常规动态网页爬取模拟登录Python数据分析与应用、可视化数据分析概述Numpy数值计算Pandas统计分析与数据预处理Matplotlib可视化Pyecharts绘图02师傅带练泰迪内推平台招聘信息采集与分析通过爬取泰迪内推网站全国范围内与数据相关岗位的招聘信息，对职位信息进行分析挖
  • Adobe Dreamweaver 2020 20.2 酷爱码 电脑软件编辑器
    软件介绍AdobeDreamweaver（简称DW）专业网页设计软件，集网页制作和管理网站于一身的网页代码编辑器。利用支持HTML、CSS、JavaScript等内容的Web设计软件，网页前端设计师可以快速制作并发布网页，制作适用于各种浏览器或设备的网站，借助简化的智能编码引擎，轻松地创建、编码和管理动态网站。软件截图版本特点byvposy采用官方版本改装而成，免激活，多语言完整版；免登陆无需断网
  • 1.网页前端基础入门之html Bczheng1 #网页前端前端html
    超文本标记语言HTML这个是网页编程的基础，学HTML，其实就是学各标签的运用，了解各个标签的意思。标签是什么呢，在（后面的一个标签以反斜杠开头，表明结束标签）。有的是单独出现的，如标签。看一下网页的基本构成格式，在桌面新建一个文本文档，然后输入下面的内容：我的网页这是我的第一个网页文件名保存为MyWeb.html，然后就可以打开用浏览器浏览了，上面的标签组成了一个网页的基本结构，比如html标签
  • 黑马微服务课程cloud-demo项目出现No instances available for userservice错误解决办法 一打雪碧 微服务架构云原生
    错误描述如果你的cloud-demo项目当输入http://localhost:8080/order/101，想查看订单编号为101的数据，网页前端显示如下错误IDEA显示错误：07-0516:39:16:251ERROR10056—[nio-8080-exec-1]o.a.c.c.C.[.[.[/].[dispatcherServlet]:Servlet.service()forservlet[
  • 网页前端培训笔记（HTML标签） ᴍᴀɢɪ 网页前端培训笔记前端html
    学习网址：【优极限】HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibiliHTML教程|菜鸟教程(runoob.com)1、安装编译器HBuilderX：https://download1.dcloud.net.cn/download/HBuilderX.3.3.10.20220124.zip2、基础操作注意选择普通项目，使用基本
  • Chrome网页前端组件调试模式，获取核心业务逻辑 lin'scodingera 前端chrome
    进入网页，点击F12，弹出开发者工具对话框，如下图定位目标组件，如按钮，修改html，插入οnclick="debugger"代码在网页点击该按钮，触发调试模式不停按F11，逐个检索文件代码，对一些框架/组件文件，可以忽略，右键这个文件，点击“向忽略列表添加脚本”，然后继续按F11调试，直到看到核心业务逻辑为止。
  • scatter lisoleg
    EOSDapp最后一环--scatter网页前端开发实践(hello-eos-scatter)https://mp.weixin.qq.com/s?__biz=MzA4MDY1NjYyMQ==&mid=2247484201&idx=1&sn=7f0b4d6d53207a1e9475c93e390dc4f0&chksm=9fa1a2aba8d62bbd4e5841b9dbb1bea80d77e722
  • 融资项目——vue之循环渲染 qq_45007794 vue.js前端javascript
    当网页前端从后端获取一个对象列表结果时，如果我们想将结果展示到网页中，需要通过循环打印的方式进行呈现。在vue中，可以通过v-for进行循环渲染。例子如下：名称价格口味{{fruit.name}}{{fruit.price}}{{fruit.taste}}newVue({el:"#list",//通过html中的id选择作用范围data:{fruits:[{name:"apple",price:1
  • 基于ARM9的SSR智能跑步机 hey白启明
    简介嵌入式设备采用ARM9作为核心，可以控制跑步机的速度，设备界面使用Qt框架，通过界面上档位设置以及ARM上的AD进行模拟控制速度。数据会被保存并通过网络传输，在设备界面以及服务器网页前端中显示。跑步机控制模块以及跑步机监控模块的Qt部分采用基于Linux环境下的C/C++语言实现，网络前端使用PHP实现。效果设备控制界面控制界面原理逻辑架构，分为两个模块，嵌入式设备端控制步进电机和A/D旋钮，
  • nginx反向代理的一些坑 zhuyuansj
    公司现在用的是springcloud,前端部署在阿里云服务器，后台的微服务全部部署在其他公司内部服务器。主要是为了不让微服务的地址暴露在前端。因此在nginx转发到微服务的时候就需要配置二级域名。因为有微信前端和网页前端，所以80端口的转发被网页用掉了。因此这里只能通过8000来进行反向代理。image.png如上图，如果前端访问nginxpark.cenhotec.com:8000=server
  • 前端04.数字孪生实现方案 xjt_0901 前端javascriptvue.jsnode.js
    数字孪生实现方案（针对研究对象具备复杂逻辑需要外部数学模型或仿真平台[simulink等]）方案实现整体框图任务需求分析：当前前端已初步实现数字孪生所需要的功能模块，问题集中在由simulink搭建的DEH模型如何装载入后端，实现整体的数字孪生实现流程，针对次问题，目前调研了三种实现方案。一.方案1直接将simulink仿真内嵌入网页前端由前端将指令数据读取后传入后端实现整个流程参考资料【Matl
  • 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其他