honeyws
honeyws

css浮动

css浮动
网也布局的核心–就是css来拜访盒子
css提供啦三种机制来设置盒子的拜访位置，普通流。浮动和定位
1，普通流
块级元素会独占一行，从上到下顺序排列
常用元素：div hr p h1-h6 dl form table
行内元素会按顺序，从左到右顺序排列，碰到父元素边缘则自动换行：
常用元素：span a i em等
演示块级元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浮动</title>
    <style>
        div{
            width:100x;
            background-color:red ;
        }
    </style>
</head>
<body>
    <div>123</div>
    <div>abc</div>
</body>
</html>

演示行内元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浮动</title>
    <style>
        div{
            width:100x;
            background-color:red ;
        }
    </style>
</head>
<body>
    <span>行内元素</span>
    <span>行内元素</span>
    <span>行内元素</span>
    <span>行内元素</span>
    <span>行内元素</span>
    <span>行内元素</span>
    <span>行内元素</span>
    <span>行内元素</span>
</body>
</html>

什么是浮动
概念：元素的浮动是指设置啦浮动属性的元素会
1.脱离标准普通流的控制
2.移动到指定位置
作用
1。让多个盒子（div) 水平排成一行，使得浮动成为布局的重要手段。
2.可以实现盒子的左右对齐等等。。。
3.浮动最早是用来控制图片，实现文字环绕图片的效果
语法
在css中通过float，属性定义浮动
选择器{ float：属性值；}
属性值
none 元素不浮动
left 元素向左浮动
right 元素向右浮动

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浮动</title>
    <style>
      img{
          /*float: left;*/
          float: right;
      }
    </style>
</head>
<body>
    <img src="123.jpg" alt="">
</body>
</html>

1浮动口诀之浮
浮动–浮 漂浮在普通流上，脱离标准流。俗称"脱标"

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浮动口诀之浮</title>
        <style>
        .qwe{
        不再是标准流啦，漂浮起来了，浮在啦标准流上
            float: right;
            width: 100px;
            height: 100px;
            background-color: pink;
        }
        .asd{
            width: 200px;
            height: 200px;
            background-color:purple;
        }
        </style>
</head>
<body>
    <div class="qwe"></div>
    <div class="asd"></div>
</body>
</html>

小结
float属性会让盒子漂浮在标准流上，所以第二个标准流的盒子就跑到浮动盒子的底下了。
2浮动口诀 漏
浮动–漏 浮动的盒子，把自己原来的位置楼给下面标准流的盒子，就是不占原来位置，是脱离标准流的，我们俗称"脱标"。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
        <style>
        .qwe{
            width: 100px;
            height: 100px;
            background-color: pink;
            float: left;
            /*让第一个盒子漂浮起来，不占位置*/
        }
        .asd{
            width: 150px;
            height: 300px;
            background-color:purple;
        }
        </style>
</head>
<body>
    <div class="qwe"></div>
    <div class="asd"></div>
</body>
</html>

所以asd下面的其实就是跑到qwe盒子下面了，被qwe给压住了，遮挡起来了。
浮动口诀 特
浮动-特性 float属性会改变元素display属性。
任何元素都可以浮动，浮动元素会生成一个块级框，而不论他本身是何种元素。生成的块级框和行内块及其相似。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浮动口诀之特</title>
    <style>
    /*这个盒子div添加浮动之后，仍然是块级元素
    默认想当于转换为啦inline-blok*/
        div{
            width: 200px;
            height: 300px;
            background-color: red;
        }
    </style>
</head>
<body>
    <div> 天往盖地虎，宝塔镇河妖</div>
</body>
</html>

你可能感兴趣的:(Web前端基础)

  • web前端基础——第八章 ZiminLi 技术栈笔记前端javascript
    目录八十五、对象的简介和基本操作八十六、属性名和属性值八十七、基本数据类型和引用数据类型八十八、对象字面量八十九、函数的简介九十、函数的参数九十一、函数的返回值九十二、实参可以是任何值九十三、返回值的类型九十四、立即执行函数九十五、方法九十六、枚举对象中的属性九十七、作用域（Scope）全局作用域变量的声明提前函数作用域九十八、this九十九、使用工厂方法创建对象一百、构造函数一百零一、原型对象一
  • （代码示例）css实现等高布局的三种方式 PHP9年架构师
    本篇文章给大家带来的内容是关于css实现等高布局的三种方式（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。本文讲的等高布局是在不手动设置元素高度的情况下，使用纯css实现各个元素高度都相当的效果。如图：首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔记，可以跟
  • 2019-03-21 樊小勇
    web前端记录1.第一次尝试写这个文档，这个文档将记录我对一些东西的总结和运用。2.首先在这里列一个大纲web前端基础学习技术大纲1.html基础常用标签2.css基础常用标签3.less的引入4.盒子模型5.reset重置样式的引用6.pc、移动端公共样式7.pc端浮动、定位8.div+flex移动端布局9.BFC10.阿里图标的使用
  • 关于JAVA中的MVC结果，Controller方法返回字符串到前端js出现乱码问题 和Ye哥学架构 前后端交换乱码jsjavamvc乱码前端
    解决spring-mvc@responseBody注解返回json乱码问题收藏刘志成发表于3年前阅读26213收藏5点赞11评论8【粉丝福利】-《web前端基础到实战系列课程》免费在线直播教学>>>在使用spring-mvc的mvc的时候既享受它带来的便捷，又头痛它的一些问题，比如经典的中文乱码问题。现在是用json作为客户端和服务端的数据交换格式貌似很流行，但是在springmvc中有时候会因为
  • Java Web 开发 从入门到实战（课后习题） 青春pig头少年 WebWeb期末复习学习
    第1章Web前端基础1.在以下标记中，用于改置页面标题的是（）。A.B.C.D.注：caption是表格名称（标题）2.若设计网页的背景图形为bg.png，在以下标记中正确的是（）。A.B.C.D.3.下列关于HTML文件的说法正确的是（）。A.HTML标记都必须配对使用B.在和标记之间的是头信息C.HTML标记是区分大小写的，跟表示的意思是不一样的D.＜!---->标记是注释标记注：HTML标签
  • 给web小白们的建议！帮你快速成长为大神 头不秃的程序员
    给web前端基础小白的有效建议，web小白到大神的心得建议一：有一个比较适合自己系统的学习方案，系统的学习教程，很多人在开始学习web前端的时候都不知道如何规划，也不知道web前端应该学什么内容。先把web前端学了一遍之后才是真正的入门，然后就是不断的练习，不断的巩固，为之后的工作打下坚实的基础。建议二：我看很多新手刚学web前端就看各种书籍，我一个做了5年web前端的人可以负责的告诉你，新手学习
  • 【JaveWeb教程】（8）Web前端基础：Vue组件库Element之Table表格组件和Pagination分页组件 详细示例介绍 老牛源码 Element教程Java教程#15天学会JavaWeb开发前端vue.jsjavascript
    目录1Table表格组件1.1组件演示1.2组件属性详解2Pagination分页2.1组件演示2.2组件属性详解2.3组件事件详解接下来我们来学习一下ElementUI的常用组件，对于组件的学习比较简单，我们只需要参考官方提供的代码，然后复制粘贴即可。本节主要学习Tbale表格组件和Pagination分页组件1Table表格组件1.1组件演示Table表格：用于展示多条结构类似的数据，可对数据
  • WEB前端基础 m0_74234026 前端
    1.基础标签使用--整个网页--网页头部--网页标题--网页主体~--1~6级标题--回车--水平线2.文本格式化标签3.图像标签--src填写的是图片连接--alt是图片未加载出来之前显示的内容--title是鼠标悬停的显示内容·属性名="属性值"·属性写在尖括号里面，标签名后面，标签名和属性名之间用空格隔开，不区分先后
  • 【JaveWeb教程】（1）Web前端基础：HTML+CSS入门不再难：一篇文章教你轻松搞定HTML与CSS！ 老牛源码 #15天学会JavaWeb开发Java教程前端htmlcss
    目录1.前端开发介绍2.HTML&CSS2.1HTML快速入门2.1.1操作2.1.2总结2.2开发工具2.3基础标签&样式2.3.1新浪新闻-标题实现2.3.1.1标题排版2.3.1.1.1分析2.3.1.1.2标签2.3.1.1.2实现2.3.1.2标题样式2.3.1.2.1CSS引入方式2.3.1.2.2颜色表示2.3.1.2.3标题字体颜色2.3.1.2.4CSS选择器2.3.1.2.5发
  • 2019 web前端最新学习路线图：萌新变大神之路 前端小芳
    web前端基础篇1.HTML超文本标记语言结构、盒模型、浮动、定位、内外边距、选择器、优先级、样式初始化、CSS引入方式和特效2.CSS3新增选择器及新增属性、HTLM5新特性、HTML5新增标签、弹性盒模型、CSS3置换缩放因子、转换起点、位移属性3.企业大型项目CSS组件化开发、BAT企业元素命名规范、ResponsiveWebDesgin、多平台业务兼容4.大型网站全业务页面搭建（mainP
  • python爬虫开发与项目实战pdf_Python爬虫开发与项目实战PDF高清文档下载 weixin_39526872
    随着大数据时代到来，网络信息量也变得更多更大，基于传统搜索引擎的局限性，网络爬虫应运而生，本书从基本的爬虫原理开始讲解，通过介绍Pthyon编程语言和Web前端基础知识引领读者入门，之后介绍动态爬虫原理以及Scrapy爬虫框架，最后介绍大规模数据下分布式爬虫的设计以及PySpider爬虫框架等。主要特点：由浅入深，从Python和Web前端基础开始讲起，逐步加深难度，层层递进。内容详实，从静态网站
  • python爬虫开发与项目实战pdf_python爬虫开发与项目实战PDF高清文档下载 weixin_39849671
    随着大数据时代到来，网络信息量也变得更多更大，基于传统搜索引擎的局限性，网络爬虫应运而生，本书从基本的爬虫原理开始讲解，通过介绍Pthyon编程语言和Web前端基础知识引领读者入门，之后介绍动态爬虫原理以及Scrapy爬虫框架，最后介绍大规模数据下分布式爬虫的设计以及PySpider爬虫框架等。主要特点：由浅入深，从Python和Web前端基础开始讲起，逐步加深难度，层层递进。内容详实，从静态网站
  • python爬虫开发与项目实战pdf下载_python爬虫开发与项目实战PDF高清文档下载 weixin_39947314
    随着大数据时代到来，网络信息量也变得更多更大，基于传统搜索引擎的局限性，网络爬虫应运而生，本书从基本的爬虫原理开始讲解，通过介绍Pthyon编程语言和Web前端基础知识引领读者入门，之后介绍动态爬虫原理以及Scrapy爬虫框架，最后介绍大规模数据下分布式爬虫的设计以及PySpider爬虫框架等。主要特点：由浅入深，从Python和Web前端基础开始讲起，逐步加深难度，层层递进。内容详实，从静态网站
  • Python后台开发基础--Web前端基础 宇航18611465354 Python闯关训练营笔记python
    1Html1.1Html介绍HTML是HyperTextMark-upLanguage的首字母简写，意思是超文本标记语言，HTML不是一种编程语言，而是一种标记语言超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为.html或者.htm，html文档也叫Web页面，其实就是一个网页，html文件用编辑器
  • HTML及CSS基础入门：web前端基础，看这一篇就够了 郝郝郝郝_七 前端html前端css
    写在开头：这是一篇有关于HTTP和CSS的基础入门教程。你也可以将他当作一本字典，因为我将所有可能用到的语法结构全部设置了标题，你只需要点击标题即可跳转过去。同时，我在最后放置了两个CSS实战，以供读者练习使用。这是一篇十分值得收藏的web前端基础文章，希望对看到的读者有所帮助。web入门HTTP基础HTML文本标签1.块标签和内联标签2.标题标签3.段落标签4.内联标签``5.内联标签``6.图
  • web前端基础——vw、vh移动适配 NGUP_LEE web前端基础前端css3css
    vw适配原理实现在不同宽度的设备中，网页元素尺寸等比缩放的效果vw单位尺寸确定设计稿对应的vw尺寸（1/100视口宽度）vw单位的尺寸=px单位数值/（1/100视口宽度）在实际的生产环境中，vw、vh单位一般是不混用的
  • web前端基础知识 殿君不是殿军 经验分享前端csshtml
    HTML&CSS基础经典版HTML：结构（页面元素和内容）css：表现（网页元素的外观和位置等页面样式）行为：JavaScript：行为（网页模型定义与页面交互）排版标签排版标签标题标签：h系列标签重要程度依次递减特点：独占一行、h1-h6文字逐渐减小段落标签：p特点：段落之间存在间隙、独占一行换行标签：水平分割线：文本格式化标签场景：让文字加粗bstrong、下划线uins、倾斜iem、删除线s
  • Web前端-HTML基础 再来半包 htmljavacssweb
    Web前端Web前端基础HTML编程中命名规范网页的基本结构：网页运行的原理：HTML常见标签标题标签段落标签水平线标签有序列表标签无序列表标签描述标签表格标签表单form表单中常用的表单元素div分区标签span范围标签a超级链接标签HTML4和HTML5的区别页面错误调试的几种常见手段Web前端基础HTML：是一种编程语言，意思为“扩展标记语言”，可以简单的理解为一个“毛坯房子”CSS：是层叠
  • JAVA学习-愚见 ANnianStriver 文章java学习开发语言
    JAVA学习-愚见分享一下Java的学习路线，仅供参考！！【本人亲测，真实有效】1、尽可能推荐较新的课程2、大部分视频在B站上直接搜关键词就行【自学，B大的学生】文章目录JAVA学习-愚见前期准备Java基础课程练手项目算法与数据结构（按需-学校也会开数据结构的课时间有差异）知识数据库JavaWeb前端基础+VueSSM框架MyBatisSpring+SpringMVCSpringBoot项目实战
  • Web前端基础（五）：清浮动方法与优缺点 繁华落殇
    1、如何对待美工对于靠谱美工，美工图精确度约0px。对于不靠谱的美工，要与产品经理沟通，并用邮件往来。2、浮动对文档的影响浮动会导致当前元素脱离文档流，此时会对父级产生影响；子元素浮动，父级元素会出现高度为0的现象，这个现象叫做高度塌陷；3、清浮动的方法：3.1需要清浮动的情况：子标签浮动后，父标签的高度无法被撑开，所以需要清浮动；新加入的标签，希望不受之前浮动元素的影响，则需要清浮动；3.2清浮
  • web前端基础 LH505343 javascript前端vue.js
    正则表达式1.正则验证：手机号码验证2.正则验证：查找并替换内容（发表评论中的敏感词替换）3.最全正则验证清除浮动的五种的方法cors解决跨域问题Git仓库中的常用命令一、js1.利用for循环打印九九乘法表2.break和continue的区别3.计算圆的周长，面积4.数组API：（1）数组转字符串（2）多个数组拼接（3）数组元素截取（4）删除数组元素（5）数组翻转（6）数组排序（7）在数组结尾
  • web前端基础CSS------美化页面“footer”部分 搁浅小泽 前端css
    一，实验代码关于我们#footer{margin:10px0px;background:#f5f5f5;border:top1pxsolid#eee;}#footerCon{width:1190px;margin:10pxauto0px;}#footerCon#links{border-bottom:1pxsolid#eee;overflow:hidden;padding-bottom:20px;
  • 《随笔 一》 Captain Hammer 《杂记》
    千峰教程：https://pan.baidu.com/s/1LGX4O5hDGkbLlg2GYHk4gQ提取码pw99包括：jave基础-进阶-高级-工具，HTML5基础-进阶-高级-工具,web前端基础-进阶-高级-工具，python基础-进阶-高级-工具大数据基础-进阶-高级-工具UI基础-进阶-高级-工具Linux云计算基础-进阶-高级-工具软件测试基础-进阶-高级-工具Unity游戏开发基
  • web前端基础训练-----创建用户反馈表单 搁浅小泽 前端html
    1，实验代码用户反馈表单用户反馈亲爱的用户：感谢您对MobileShop的支持，您对MobileShop有任何意见和建议，或在使用过程中遇到问题，都可以在本页进行反馈，我们会认真阅读你的反馈，不断优化产品，为你提供更好的服务！1,你常用的账号名是？2,你常用电话号码是？3，您对目前当当网首页的整体满意度如何？满意一般不满意还行4，你访问页面速度的情况？很快一般较慢5,你从哪里知道MobileSho
  • web前端开发贴吧，Web前端基础三剑客学习知识分享 前端工程师面经 程序员面试前端大前端
    一、首先本职工作一定要做好做精本人之前在干兼职的时候，也忽视过本职工作，从而导致自己落后平均技术水平，虽然之后迎头赶上，但这不能不算是个遗憾。前在接一些活的时候就感觉技术的重要性了，如果当年我技术再好些，可能还有机会进BAT，这样现在的技术或许更精，更能接些技术含量好，同时也是挣钱效率高的活，比如录高深技术的视频。打个不恰当的比方，比如有些人在初中毕业后就去挣钱，与之相比，一些上高中上大学甚至上研
  • Web前端基础（三）：网页布局与样式入门 繁华落殇
    1、网页开发流程（整体——>局部）1）分析各个模块，切图2）了解代码书写规范3）整体布局4）详细布局5）样式处理6）网页的优化和细节方面的处理2、如何开发网页1）div没有语义性，主要用于布局，独占一行显示h标题标签;列表：ul、ol、dl，里面的列:li;段落：p;2）CSS层叠样式表，是一组格式设置规则，主要用于控制WEB页面的外观;CSS引入方式：i：标签内书写——>直接在标签里面加styl
  • Day 01 web前端基础知识 致奋斗的我们 web前端前端青少年编程开发语言html5前端框架
    首先我们要了解什么事前端？先简单用文字介绍一下：一、入门知识Web前端是指网站或应用程序的用户界面部分。它包括HTML、CSS、JavaScript等语言和技术，用于创建用户可浏览和交互的网页。Web前端的特点在于其交互性和动态性，可以通过CSS和JavaScript实现页面的动态效果和用户交互。二、核心知识HTMLHTML（HypertextMarkupLanguage）是用于创建Web页面的标
  • web开发需求，Web前端基础三剑客学习知识分享 前端小猫咪 程序员面试前端大前端
    第一个阶段，开发环境和工具准备浏览器（Google，FireFox，…）下载，安装前端开发工具vscode，下载、安装node、npm、webpack、webpack-cli、cnpm，配置前端开发环境下载、配置PHP和MySQL第二个阶段，前端入门，网页制作1，HTML：常用标签（div标签，p标签，span标签，a标签，img标签）锚点列表标签（有序列表，无序列表，自定义列表）表单标签表格标签
  • web前端开发学习内容，Web前端基础三剑客学习知识分享 自定义组件 程序员面试前端大前端
    JS《JavaScript高级程序设计（第4版）》第三版:豆瓣评分9.3第四版:豆瓣评分8.5现在建议学习第四版，因为第三版很多还是以ES5的语法进行讲解的，目前主流都是ES6语法了。当年我入门这是我看的第一本JS书籍，也是实验室的导师推荐的，这本书很厚，真的需要耐着性子看完，DOM、BOM、JS基础语法，我先是把这些大概的过了一下，然后去实践项目，有不懂的点再来回味这本书，以我的性子，还是比较喜
  • 【朝夕教育】2023年03月 其他-Web前端基础面试题（react专项_35道） 微软MVP Eleven 编程前端react.jsjavascript
    文章目录一、react篇1、react生命周期函数2、React类组件(Classcomponent)和函数式组件(Functionalcomponent)之间有何不同3、React状态(state)和属性(props)之间有何不同4、什么是高阶组件5、为什么建议传递给setState的参数是一个callback而不是一个对象6、(在构造函数中)调用super(props)的目的是什么7、Reac
  • 深入浅出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其他