李诺哦
李诺哦

CSS基础

css基础二

css中em、rem、vm、vw计算尺寸的方式。

  1. 1em＝当前元素字体大小，2em＝当前字体两倍大小
  2. 1rem＝当前根元素字体大小，2rem＝当前跟元素字体两杯大小
  3. vm分别有vmin和vmax分别是关于视口宽度和高度两者的最大或者最小值
  4. width:50vw，这里50vm指视口宽度的50％。height：50vh，这里50vh指占视口高度的50%

css中颜色的常用写法：

  1. 颜色关键字
a {
  color: white;
  background-color: blue;
}
  1. 十六进制值
p {
  background-color: #e0b0ff;
}
  1. RGB
p {
  background-color: rgb(224, 176, 255);
}
  1. HSL
p {
  background-color: hsl(276, 100%, 85%);
}
  1. RGBA & HSLA
p {
  background-color: rgb(224, 176, 255, .5);
}

p {
  background-color: hsla(240, 100%, 50%, 0.5);
}
  1. currentColor 关键字
表示和当前元素的color一样的颜色
 
box
    child

css中透明色的表示，透明效果的实现，currentcolor的用法

  1. 透明色表示：
.box{
    background-color:transparent
}
  1. 透明效果：设置元素的透明度为0
.box{
    opacity:0；
}
  1. currentColor的用法，如上代码
表示和当前元素的color一样的颜色
 
box
    child

css 中calc是什么

calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。为何说是动态值呢?因为我们使用的表达式来得到的值。不过calc()最大的好处就是用在流体布局上，可以通过calc()计算得到元素的宽度

css3实现垂直居中

.box{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

display的值

  1. none 此元素不会被显示。
  2. block 此元素将显示为块级元素，此元素前后会带有换行符。
  3. inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
  4. inline-block 行内块元素。（CSS2.1 新增的值）
  5. table 此元素会作为块级表格来显示（类似 ），表格前后带有换行符。
  6. inline-table 此元素会作为内联表格来显示（类似
    7. ），表格前后没有换行符。
  7. inherit 规定应该从父元素继承 display 属性的值。

    8. 块级元素和行内元素的特点

    1. 块级元素
    • HTML（超文本标记语言）中元素大多数都是“块级”元素或行内元素。块级元素占据其父元素（容器）的整个空间，因此创建了一个“块”
    • 块级元素标签：
      、
      、
        、
        、

        、
        、

        ,

        ,

        ,

        ,

        ,
        、
        、
        、 
          、
         
 
           
  
        1. 行内元素：
          2.  
 
         
 
           
  
        • HTML (超文本标记语言) 元素大多数都是行内元素或块级元素。一个行内元素只占据它对应标签的边框所包含的空间。
          •  
  
        • 行内元素标签：b, big, i, small, tt
           abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var
           a, bdo, br, img, map, object, q, script, span, sub, sup
           button, input, label, select, textarea
          •  
 
         
 
           
  
        1. 块级元素与行内元素有几个关键区别：
          2.  
 
         
 
           
  
        • 格式:
           默认情况下，块级元素会新起一行。
          •  
  
        • 内容模型:
           一般块级元素可以包含行内元素和其他块级元素。这种结构上的包含继承区别可以使块级元素创建比行内元素更”大型“的结构。
          •  
 
         
 
        CSS3 box-sizing 属性
         
 
        box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。例：
         
 
        div
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:50%;
float:left;
}

         
 
           
  
        • content-box：这是由 CSS2.1 规定的宽度高度行为。
           宽度和高度分别应用到元素的内容框。
           在宽度和高度之外绘制元素的内边距和边框。
          •  
  
        • border-box ：
           为元素设定的宽度和高度决定了元素的边框盒。
           就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。
           通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
          •  
  
        • inherit： 规定应从父元素继承 box-sizing 属性的值。
          •

      你可能感兴趣的:(CSS基础)

      • CSS基础知识总结复习 天山小雏菊 知识总结复习csscss3前端
        一、CSS定义CSS是用来定义页面元素的样式设置字体与颜色设置位置和大小添加动画效果二、CSS基本规则的结构h1{/*选择器h1(给页面所有的h1定义样式)*/color:white;/*属性color:属性值white*/font-size:14px;/*属性:属性值就是一个声明*/}三、在页面中使用CSS的方法外链嵌入p{margin:2px;}内联hello四、选择器选择元素的方式按照标签名
      • css基础样式 小丁学python css前端
        1.css的定义：css是层叠样式表，是用来修饰网页的内容，例如，文字大小，颜色，背景颜色等。2.css样式的类型：①行内样式：直接写在标签的属性中，格式为：。例如:今天天气真好注释:style表示样式属性color：red文字颜色属性:color属性值：red红色运行结果为:今天天气真好②内部样式：在html中，将所写的内容写在body标签中，然后在head标签中，引进style标签，并在该标签
      • css基础笔记简洁版1 希希不嘻嘻～傻希希 csshtml前端css
        CSS基础笔记1一、CSS简介CSS（层叠样式表）用于为网页添加样式，实现结构与样式分离，能够控制颜色、字体、布局、位置、动画等视觉效果。二、基本语法选择器{属性1:值1;属性2:值2;}说明：选择器：选中目标元素属性:值：设置样式每条声明用;结尾，属性和值用:分隔三、CSS的三种写法行内样式（不推荐）：你好内部样式表：p{color:red;}外部样式表（推荐）：四、基础选择器类型写法说明标签选
      • 《不可不知的前端秘籍：CSS基础样式如何赋能SCSS阴影设计》 程序猿阿伟 前端cssscss
        SCSS阴影效果作为提升页面质感与层次感的关键元素，如何确保其在各类浏览器中完美呈现，成为了开发者们亟待攻克的难题。而CSSReset与Normalize.css，就如同隐藏在代码深处的神秘钥匙，掌握它们的使用技巧，便能为SCSS阴影效果搭建起坚如磐石的统一基础。不同浏览器在渲染SCSS阴影时，展现出了各自独特的“个性”。以主流的Chrome、Firefox和Safari为例，它们基于不同的内核，
      • CSS基础知识学习指南 abments 前端css前端
        CSS基础知识学习指南1.介绍CSS（层叠样式表）是用于描述HTML文档的呈现样式的语言。通过CSS，可以控制网页的布局、颜色、字体等各种样式，使得网页更加美观和用户友好。2.CSS基础语法CSS由选择器和声明块组成。选择器用于选择要应用样式的HTML元素，声明块则包含样式的属性和值。选择器{属性:值;}例如：p{color:blue;font-size:14px;}上述CSS规则将所有元素的文本
      • ajax关键知识点之CSS基础与页面样式控制 奋斗的小羊羊 ajaxcss前端
        ajax关键知识点之CSS基础与页面样式控制大家好！写作本文的初衷是希望能和大家一起学习进步，深入探讨CSS（级联样式单）的基础概念及其在网页设计中的核心应用，通过总结和通俗讲解，帮助大家掌握如何利用CSS实现网页内容与样式的分离，提升页面美观性和开发效率。一、知识点总结与通俗讲解（一）CSS的核心作用与优势定义与核心功能作用：CSS是用于控制网页外观的样式规则集合，负责网页元素的布局、颜色、字体
      • Fullstack 面试复习笔记：HTML / CSS 基础梳理 GoldenaArcher 面试面试笔记html
        Fullstack面试复习笔记：HTML/CSS基础梳理之前的笔记：Fullstack面试复习笔记：操作系统/网络/HTTP/设计模式梳理Fullstack面试复习笔记：Java基础语法/核心特性体系化总结Fullstack面试复习笔记：项目梳理总结Fullstack面试复习笔记：Spring/SpringBoot/SpringData/Security整理SCSS的学习笔记SASS学习笔记SAS
      • 前端｜CSS（一）| pink老师 啦啦右一 右一的开发日记合集右一的电子笔记合集前端css
        参考视频：黑马程序员前端CSS3基础教程，前端必备基础目录CSS引入引入CSS样式表CSS基础选择器标签选择器类选择器（最常用）id选择器通配符选择器CSS文字文本样式font字体CSS外观属性CSS复合选择器后代选择器子元素选择器交集选择器并集选择器链接伪类选择器选择器总结标签显示模式分类标签显示模式转换display行高那些事（line-height）CSS背景(background)背景颜色
      • CSS基础巩固-选择 ceilf 前端cssjava前端
        目录前缀符号（后面会具体介绍）优先级同时应用样式到多个类上属性选择器伪类伪元素关系选择器后代选择器子代选择器邻接兄弟通用兄弟注：本文以MDN为基础添加CSS样式文件就像创业平台index.html里面开头的想对一片区域内的元素应用样式定义类class比如,前缀符号（后面会具体介绍）.类选择器（同一个类可以被多个元素使用，用于标识一组相似的元素）#ID选择器（一个页面只能有一个相同的ID）无前缀元素
      • Sass（Sassy CSS） Euphoria_1110 csssass前端
        它在CSS语法的基础上增加了变量(variables)、嵌套(nestedrules)、混合(mixins)、导入(inlineimports)等高级功能，这些拓展令CSS更加强大与优雅。使用Sass以及Sass的样式库（如Compass）有助于更好地组织管理样式文件，以及更高效地开发项目。特色完全兼容CSS3，在css3的基础上进行拓展在CSS基础上增加变量、嵌套(nesting)、混合(mix
      • 【css】【面试提问】css经典问题总结 患得患失949 面试考题专栏（前后端）css前端
        第一章CSS基础相关提问1.1选择器问题1.1.1选择器优先级疑问1.优先级规则内联样式：直接写在HTML标签的style属性中的样式，优先级最高。例如：这是一段红色文字这里文字的颜色会被强制设置为红色，因为内联样式的权重是最高的。ID选择器：使用#符号定义，权重次之。比如：#myParagraph{color:blue;}这是一段蓝色文字这里的#myParagraph选择器会应用到对应的p标签上
      • Web安全技术体系 Alfadi联盟 萧瑶 网络安全web安全安全
        3.1Web基础技术3.1.1Web组成与开发基础前端技术栈HTML/CSS基础（表单、DOM结构、响应式设计）JavaScript核心功能（事件处理、AJAX通信、Cookie操作）动态网站搭建PHP基础语法与框架（如Laravel、ThinkPHP）本地环境配置（Pip/Study、XAMPP集成工具）3.1.2HTTP协议与通信安全HTTP请求/响应结构（Header、Body、状态码）HT
      • CSS从入门到精通：全面解析CSS核心知识体系 python_chai css前端
        引言CSS（层叠样式表）是前端开发的基石，掌握其核心知识能显著提升页面设计与布局能力。本文基于系统化学习资料，深入讲解CSS语法、选择器优先级、盒子模型、定位等核心概念，结合代码示例与实用技巧，助你从入门到进阶！目录引言一、CSS基础与历史1.1CSS简介1.2CSS版本演进二、CSS引入方式与基础语法2.1三种引入方式三、引入CSS的三种方式及最佳实践3.1行间样式3.2内部样式3.3外部样式（
      • CSS基础知识 【一篇就够】 成茂峰 #前端-基础合集css前端
        文章目录CSS知识点基础知识什么是css？css的历史和版本css语法的结构css选择器，如何选择元素css属性和值的基础知识CSS属性CSS值css属性值类型css单位css值的继承性css值的优先级排版和布局盒子模型的概念W3C盒子模型IE盒子模型块级元素和行内元素的区别浮动和清除浮动定位，绝对定位和相对定位弹性盒子模型（flexbox）的概念网格布局（grid）的概念样式化文本字体样式和字体
      • css基础 一颗榛子
        css有以下优点：提高页面浏览速度；缩短改版时间，降低维护费用；更好地控制页面布局；实现表现和结构、内容相分离；更方便搜索引擎的搜索。将css样式加入到xhtml中有三种途径：1.外部样式表顾名思义是将我们写好的样式放在一个单独的文件中，并在需要该样式的文档中引用；引用代码如下：2.嵌入式样式表用元素将包含在网页内部的样式设置，其作用和范围仅限于该网页。它的优点是样式规则和标记元素在一个页面里，可
      • AI教你学VUE——Deepseek版 LuckyLay vue.js前端javascript
        一、基础阶段：打好Web开发基础HTML/CSS基础学习HTML标签语义化、CSS布局（Flex/Grid）、响应式设计（媒体查询、REM/VW单位）。资源推荐：MDNWeb文档（免费）：HTML|CSS实战项目：仿写电商首页（如小兔鲜儿）。JavaScript核心掌握变量、函数、DOM操作、事件循环、ES6+（模块化、Promise、解构赋值等）。资源推荐：书籍：《JavaScript高级程序设
      • 全面了解CSS语法 ! ! ! 来自星星的坤 css前端
        CSS（层叠样式表）是网页设计的灵魂之一，它赋予了网页活力与美感。无论是为一个简单的个人博客增添色彩，还是为复杂的企业网站设计布局，CSS都是不可或缺的工具。那么，CSS语法到底是什么样的呢？它背后有哪些秘诀值得我们掌握？本文将深入浅出地为你解开CSS语法的所有疑惑，带你一步一步探索如何用CSS打磨你的网站。一、CSS基础语法1.1选择器CSS语法的核心是“选择器”（Selector），它指明了哪
      • CSS基础知识整理 Hibariying 学习笔记csshtml
        目录一、css基础1.选择器1.1标签选择器1.2类选择器1.3id选择器1.4后代选择器1.5子代选择器1.6并集选择器1.7交集选择器1.8hover伪类选择器1.9通配符选择器1.10结构伪类选择器1.10.1查找单个1.10.2查找多个1.10.3根据类型查找1.11类与id的区别1.11链接伪类选择器1.12焦点伪类选择器1.13属性选择器2.字体文本相关样式2.1字体样式2.1.1字体
      • html&css学习笔记——CSS2基础 我睡觉时超困 HTML&CSShtmlcss学习
        学习视频：尚硅谷前端入门html+css零基础教程，零基础前端开发html5+css3视频P57-147（以下笔记为作者学习并参考尚硅谷相关学习资料整理）目录二、CSS2基础1.CSS编写位置1.1行内样式（又称：内联样式）1.2内部样式1.3外部样式2.样式表的优先级3.CSS选择器3.1CSS基础选择器3.1.1通配选择器3.1.2元素选择器3.1.3类选择器3.1.4ID选择器3.2复合选择
      • 【前端】【业务场景】【面试】在前端开发中，如何实现一个可拖动和可缩放的元素，并且处理好边界限制和性能优化？ 患得患失949 面试考题专栏（前后端）前端
        问题：在前端开发中，如何实现一个可拖动和可缩放的元素，并且处理好边界限制和性能优化？一、实现可拖动和可缩放元素HTML和CSS基础设置：创建一个HTML元素，并为其设置基本样式，使其在页面上可见。通过draggable="true"属性将元素标记为可拖动。实现拖动功能：使用mousedown、mousemove和mouseup事件来实现拖动。在mousedown事件中记录起始位置，在mousemo
      • 前端面试常见部分问题，及高阶部分问题 香蕉可乐荷包蛋 面试前端面试职场和发展
        面试中也极有可能让你徒手写代码，无聊的面试问题o(￣︶￣)o一、HTML/CSS基础与进阶常见问题什么是语义化标签？有哪些常用语义化标签？答案：语义化标签是指具有明确含义的HTML标签，如、、、等。它们有助于提高可读性和SEO。CSS盒模型是什么？如何切换盒模型？答案：盒模型包括内容区（content）、边框（border）、内边距（padding）、外边距（margin）。通过box-sizin
      • 前端技术文章汇总（学习路线）提升技术必看（建议收藏！！） promise-render 前端学习之路JavaScript运维前端学习javascriptchromenode.jses6html
        前言container**收录全网好文，一些来自搬运，一些来自日常我看到的好文，主要是我以后摸鱼找文章太麻烦了，这样收录方便，所以也会持续更新，喜欢就点个赞啦**csscss加载会造成阻塞吗CSS实现多行文本“展开收起不可思议，纯css都能图片滚动十几个CSS高级常见技巧汇总（虚线框、三角形、优惠券卡券、滚动条、多行溢出...字节跳动最爱考的前端面试题：CSS基础一种巧妙的使用CSS制作波浪效果的
      • Day-01 前端 Web - HTML&CSS 枫super JavaWebhtml前端
        目录一、HTML基础1.HTML简介2.HTML基本结构3.常用HTML标签二、CSS基础1.CSS简介2.CSS引入方式3.常用CSS选择器4.常用CSS属性一、HTML基础1.HTML简介HTML（HyperTextMarkupLanguage）即超文本标记语言，是用于创建网页的标准标记语言。它通过各种标签来描述网页的结构和内容，浏览器会根据这些标签来渲染网页。2.HTML基本结构一个基本的H
      • CSS基础知识学习指南 2401_89793006 前端css前端
        CSS基础知识学习指南一、CSS概述1.什么是CSS？CSS（层叠样式表，CascadingStyleSheets）是一种用于描述HTML或XML文档表现的标记语言。它主要用来控制网页的布局、字体、颜色、大小等外观属性。2.CSS的作用控制页面布局设置文字格式定义链接样式创建动态效果实现响应式设计3.CSS的发展历程第一代：CSS1（1996）第二代：CSS2（1998）第三代：CSS3（2007
      • 《CSS常用样式速查手册：让你的网页颜值飙升！》 我不管我要学前端 css前端
        刚学完CSS基础语法却不知道从哪下手？这篇整理了最常用的8大CSS样式，5分钟让你从小白变实操达人！一、字体样式（精准控制文字）p{font-family:"MicrosoftYaHei",sans-serif;/*优先微软雅黑*/font-size:16px;/*字号*/font-weight:bold;/*加粗*/font-style:italic;/*斜体*/line-height:1.5;
      • Python预科学习 -- 前端基础知识之CSS EvanSun__ tensorflow人工智能python
        Python预科学习--前端基础知识之CSSCSS介绍CSS基础语法CSS的引入方式CSS的格式CSS选择器id选择器class选择器元素选择器通用选择器组合选择器（此部分未听课，记得复习）后代选择器儿子选择器毗邻选择器弟弟选择器属性选择器分组和嵌套分组嵌套（和后代选择器的区别？）伪类选择器伪元素选择器选择器的优先级CSS属性相关宽和高文字字体字体大小字重（粗细）文本颜色文字属性文字装饰首行缩进背
      • 【CSS】CSS3进阶 Guiat HTMLCSSJavaScriptcsscss3前端
        个人主页：Guiat归属专栏：HTMLCSSJavaScript文章目录1.CSS基础概念1.1CSS语法结构1.2CSS引入方式1.2.1内联样式1.2.2内部样式表1.2.3外部样式表2.CSS选择器2.1基本选择器2.2组合选择器3.盒模型3.1标准盒模型与IE盒模型3.2margin和padding4.布局技术4.1Flexbox布局4.1.1Flex属性示例4.2Grid布局4.2.1G
      • CSS基础知识：选择器与盒模型详解 程序员
        CSS基础知识：选择器与盒模型详解在CSS中，选择器和盒模型是两个最基础也最重要的概念。今天让我们一起深入了解这两个核心知识点。一、CSS选择器CSS选择器是我们用来选择页面上HTML元素的方式，它就像是我们与页面元素沟通的桥梁。1.选择器的定义最基本的选择器写法示例：h1,.special{color:blue;}2.选择器的种类2.1类型、类和ID选择器类型选择器：直接使用元素名称类选择器：使
      • 第一章：Tailwind CSS基础与项目设置 - 第四节：自定义配置 - 调整Tailwind以匹配GitHub风格 qianmoQ 使用TailwindCSS复刻GitHubcssgithub前端
        学习目标了解如何自定义Tailwind配置以匹配GitHub的设计系统掌握颜色系统、字体、间距和圆角的调整方法创建与GitHub一致的设计变量和主题学习如何扩展Tailwind以支持GitHub特有的UI模式构建可复用的配置基础，为后续章节做准备GitHub设计系统分析GitHub拥有一套精心设计的视觉语言，包括颜色、排版、间距和组件样式。为了准确复刻这一界面，我们需要调整TailwindCSS的
      • CSS基础知识 Toreme csscss3html
        基础教程使用css和不使用比较不使用css不使用css给每一个单元格加上背景颜色就需要给每一个td元素加上bgcolor属性使用css使用css给每一个单元格加上背景颜色，只需要在最前面写一段css代码，所有的单元格都有背景颜色了，这是一种分层设计的思想，css把和颜色，大小位置等信息剥离到不同的td有不同的背景色选择器语法css的语法selector{property:value;}即选择器{属
      • Java 并发包之线程池和原子计数 lijingyao8206 Java计数ThreadPool并发包java线程池
        对于大数据量关联的业务处理逻辑，比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式，并且可以提高线程利用率，并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。     这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C
      • java编程思想 抽象类和接口 百合不是茶 java抽象类接口
        接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持   1 ,抽象类 :  如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错)   抽象方法 : 在方法中仅有声明而没有方法体    package com.wj.Interface;
      • [房地产与大数据]房地产数据挖掘系统 comsci 数据挖掘
               随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间...        所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产     &nb
      • 数组队列总结 沐刃青蛟 数组队列
              数组队列是一种大小可以改变，类型没有定死的类似数组的工具。不过与数组相比，它更具有灵活性。因为它不但不用担心越界问题，而且因为泛型（类似c++中模板的东西）的存在而支持各种类型。      以下是数组队列的功能实现代码：   import List.Student; public class
      • Oracle存储过程无法编译的解决方法 IT独行者 oracle存储过程　
        今天同事修改Oracle存储过程又导致2个过程无法被编译，流程规范上的东西，Dave 这里不多说，看看怎么解决问题。   1.     查看无效对象 XEZF@xezf(qs-xezf-db1)> select object_name,object_type,status from all_objects where status='IN
      • 重装系统之后oracle恢复 文强chu oracle
        前几天正在使用电脑，没有暂停oracle的各种服务。 突然win8.1系统奔溃，无法修复，开机时系统 提示正在搜集错误信息，然后再开机，再提示的无限循环中。 无耐我拿出系统u盘 准备重装系统，没想到竟然无法从u盘引导成功。 晚上到外面早了一家修电脑店，让人家给装了个系统，并且那哥们在我没反应过来的时候， 直接把我的c盘给格式化了 并且清理了注册表，再装系统。 然后的结果就是我的oracl
      • python学习二（ 一些基础语法） 小桔子 pthon基础语法
        紧接着把！昨天没看继续看django 官方教程，学了下python的基本语法 与c类语言还是有些小差别： 1.ptyhon的源文件以UTF-8编码格式 2. /   除 结果浮点型 //  除 结果整形 %   除 取余数 *   乘 **  乘方 eg 5**2 结果是5的2次方25 _&
      • svn 常用命令 aichenglong SVN版本回退
        1 svn回退版本   1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version 两者的区别:   revert this version:表示回退到当前版本(该版本后的版本全部作废)   revert chanages from this versio
      • 某小公司面试归来 alafqq 面试
        先填单子，还要写笔试题，我以时间为急，拒绝了它。。时间宝贵。 老拿这些对付毕业生的东东来吓唬我。。 面试官很刁难，问了几个问题，记录下； 1，包的范围。。。public,private,protect. --悲剧了 2，hashcode方法和equals方法的区别。谁覆盖谁.结果，他说我说反了。 3，最恶心的一道题，抽象类继承抽象类吗？（察，一般它都是被继承的啊） 4，stru
      • 动态数组的存储速度比较 集合框架 百合不是茶 集合框架
        集合框架： 自定义数据结构(增删改查等) package 数组; /** * 创建动态数组 * @author 百合 * */ public class ArrayDemo{ //定义一个数组来存放数据 String[] src = new String[0]; /** * 增加元素加入容器 * @param s要加入容器
      • 用JS实现一个JS对象，对象里有两个属性一个方法 bijian1013 js对象
        <html> <head> </head> <body> 用js代码实现一个js对象，对象里有两个属性，一个方法 </body> <script> var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){
      • 探索JUnit4扩展：使用Rule bijian1013 java单元测试JUnitRule
                在上一篇文章中，讨论了使用Runner扩展JUnit4的方式，即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。 1. Rule       &n
      • [Gson一]非泛型POJO对象的反序列化 bit1129 POJO
        当要将JSON数据串反序列化自身为非泛型的POJO时，使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种： 1. POJO对象不包含任何泛型的字段 2. POJO对象包含泛型字段，例如泛型集合或者泛型类 Data类 a.不是泛型类， b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO    
      • 【Kakfa五】Kafka Producer和Consumer基本使用 bit1129 kafka
        0.Kafka服务器的配置 一个Broker， 一个Topic Topic中只有一个Partition（）   1. Producer： package kafka.examples.producers; import kafka.producer.KeyedMessage; import kafka.javaapi.producer.Producer; impor
      • lsyncd实时同步搭建指南——取代rsync+inotify ronin47
        1. 几大实时同步工具比较 1.1 inotify + rsync 最近一直在寻求生产服务服务器上的同步替代方案，原先使用的是 inotify + rsync，但随着文件数量的增大到100W+，目录下的文件列表就达20M，在网络状况不佳或者限速的情况下，变更的文件可能10来个才几M，却因此要发送的文件列表就达20M，严重减低的带宽的使用效率以及同步效率；更为要紧的是，加入inotify
      • java-9. 判断整数序列是不是二元查找树的后序遍历结果 bylijinnan java
        public class IsBinTreePostTraverse{ static boolean isBSTPostOrder(int[] a){ if(a==null){ return false; } /*1.只有一个结点时，肯定是查找树 *2.只有两个结点时，肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是
      • MySQL的sum函数返回的类型 bylijinnan javaspringsqlmysqljdbc
        今天项目切换数据库时，出错 访问数据库的代码大概是这样： String sql = "select sum(number) as sumNumberOfOneDay from tableName"; List<Map> rows = getJdbcTemplate().queryForList(sql); for (Map row : rows
      • java设计模式之单例模式 chicony java设计模式
        在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的： 　　作为对象的创建模式，单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。这个类称为单例类。 单例模式的结构 　　单例模式的特点： 单例类只能有一个实例。 单例类必须自己创建自己的唯一实例。 单例类必须给所有其他对象提供这一实例。 　　饿汉式单例类   publ
      • javascript取当月最后一天 ctrain JavaScript
        <!--javascript取当月最后一天--> <script language=javascript> var current = new Date(); var year = current.getYear(); var month = current.getMonth(); showMonthLastDay(year, mont
      • linux tune2fs命令详解 daizj linuxtune2fs查看系统文件块信息
        一.简介： tune2fs是调整和查看ext2/ext3文件系统的文件系统参数，Windows下面如果出现意外断电死机情况，下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检，而且是可以通过tune2fs命令，自行定义自检周期及方式。 二.用法： Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou
      • 做有中国特色的程序员 dcj3sjt126com 程序员
          从出版业说起 网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。 许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有
      • Android：TextView属性大全 dcj3sjt126com textview
        android:autoLink    设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web/email/phone/map/all)  android:autoText    如果设置，将自动执行输入值的拼写纠正。此处无效果，在显示输入法并输
      • tomcat虚拟目录安装及其配置 eksliang tomcat配置说明tomca部署web应用tomcat虚拟目录安装
        转载请出自出处：http://eksliang.iteye.com/blog/2097184 1.-------------------------------------------tomcat  目录结构 config：存放tomcat的配置文件 temp  ：存放tomcat跑起来后存放临时文件用的 work   ： 当第一次访问应用中的jsp
      • 浅谈：APP有哪些常被黑客利用的安全漏洞 gg163 APP
        首先，说到APP的安全漏洞，身为程序猿的大家应该不陌生；如果抛开安卓自身开源的问题的话，其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上，有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测（ineice.com）的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。 1. 应用反编译漏洞：APK 包非常容易被反编译成可读
      • C#根据网址生成静态页面 hvt Web.netC#asp.nethovertree
        HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页，以及显示用户名，退出等功能。根据网址生成页面的方法：   bool CreateHtmlFile(string url, string path) { //http://keleyi.com/a/bjae/3d10wfax.htm stri
      • SVG 教程 （一） 天梯梦 svg
        SVG 简介 SVG 是使用 XML 来描述二维图形和绘图程序的语言。 学习之前应具备的基础知识： 继续学习之前，你应该对以下内容有基本的了解： HTML XML 基础 如果希望首先学习这些内容，请在本站的首页选择相应的教程。 什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量
      • 一个简单的java栈 luyulong java数据结构栈
        public class MyStack { private long[] arr; private int top; public MyStack() { arr = new long[10]; top = -1; } public MyStack(int maxsize) { arr = new long[maxsize]; top
      • 基础数据结构和算法八：Binary search sunwinner AlgorithmBinary search
        Binary search needs an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori
      • 12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 刘星宇 c面试
        12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 1.gets()函数 问：请找出下面代码里的问题： #include<stdio.h> int main(void) {     char buff[10];     memset(buff,0,sizeof(buff));
      • ITeye 7月技术图书有奖试读获奖名单公布 ITeye管理员 活动ITeye试读
        ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 7月试读活动回顾： http://webmaster.iteye.com/blog/2092746 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）： 《Java性能优化权威指南》