M1agnesium
M1agnesium

css-雪碧图

雪碧图

雪碧图是图片拼接技术，主要用来减少http请求。

制作

  1. ps 自己制作
  2. 使用工具，在windows有CSSGaga

使用

1.html结构
使用css雪碧图的一般html结构具有相似性



电脑办公

2.css样式
一般的处理方式：给需要公用一个背景的元素使用同一个出class,同时给元素添加背景；
然后在具体的每一项，使用背景定位来确定背景的位置。

注意

background-position的方向问题，是与我们的正常不一样，

总结

制作
使用
HTML和CSS使用技巧
注意位置的方向问题

你可能感兴趣的:(css-雪碧图)

  • css-文字对齐问题 text-align: justify YogaMiller csshtmlhtml5
    text-align默认left用的最多的是center,right比较少给大段的文字直接设置是没问题的.--如果你的文字只有一行,是不生效的.所以要利用下伪类(给伪类设置宽度100%).一个text-align-last:justify;可以搞定,但是有兼容性问题.p{width:500px;text-align:justify;}.box{width:500px;height:20px;}.l
  • 前端必知必会-CSS布局伪元素 编程岁月 前端css
    文章目录CSS伪元素伪元素的语法：::first-line伪元素::first-letter伪元素伪元素和HTML类多个伪元素CSS-::before伪元素CSS-::after伪元素CSS-::marker伪元素CSS-::selection伪元素总结CSS伪元素CSS伪元素用于设置元素的指定部分的样式。例如，它可用于：设置元素的第一个字母或行的样式在元素内容之前或之后插入内容伪元素的语法：se
  • css-左三角 前端笨鸟 html学习笔记css
    左三角div{width:0;height:0;border-style:solid;border-width:5px05px7px;border-color:transparenttransparenttransparentred;font-size:0;line-height:0;}
  • Vue3+vite搭建基础架构（9）--- 使用vite-plugin-svg-icons 谁不想飞舞青春 前端vuevue.js前端javascripthtml5
    Vue3+vite搭建基础架构（9）---使用vite-plugin-svg-icons说明安装vite-plugin-svg-icons使用vite-plugin-svg-icons添加svg-icon组件和全局组件js文件测试svg雪碧图说明这里记录下自己在Vue3+vite的项目使用vite-plugin-svg-icons来全局使用svg雪碧图，不使用ts语法，方便以后直接使用。这里承接自
  • 面试题之项目做过哪些性能优化可以从哪方面说？ STATICHIT静砸 vueJavaScript性能优化
    常见的性能优化措施：1.减少HTTP请求数：合并和压缩CSS、JavaScript⽂件，使⽤雪碧图、字体图标等减少图片请求，减少不必要的资源请求。2.减少DNS查询：减少使用不同的域名，以减少DNS查询次数。3.使⽤CDN：将静态资源部署到CDN上，提供更快的访问速度。将静态资源部署到CDN上步骤简述：Vue静态资源上CDN方案简述-掘金(juejin.cn)4.避免重定向：确保网页没有多余的重定
  • 「HTML+CSS」--自定义加载动画【013】 海轰Pro
    前言Hello！小伙伴！首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～哈哈自我介绍一下昵称：海轰标签：程序猿一只｜C++选手｜学生简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～）学习经验：扎实基础+多做笔记+多敲代码+多思考+学好英语！效果展示css-自定义加载动画9a.gifDemo代码HTMLDocu
  • css向左浮动错乱,CSS - 浮动：左对齐问题 weixin_39795268 css向左浮动错乱
    我建立了一个论坛使用的DIV这里列出的是我有CSS-浮动：左对齐问题/*forumlikebuild*/.myForum{float:left;width:620px;margin-top:10px;border:2pxsolid#0F5C8E;padding:1px;overflow:hidden;display:block;}.myForum>.header{height:10px;backg
  • css修改图标字体大小,css-更改AngularJS材质图标的图标大小 莫博之 css修改图标字体大小
    css-更改AngularJS材质图标的图标大小我已经引用然后声明了一个图标face但是，如何更改图标大小？在官方网站[https://design.google.com/icons/]上，我看到他们使用诸如class="md-icondp48"280之类的类，但在我的情况下不起作用。9个解决方案72votes通过阅读github中的材料设计，我发现了这些有用的东西可能会对您有所帮助。/*Rule
  • html从零开始8：css3新特性、动画、媒体查询、雪碧图、字体图标【搬代码】 搬代码 css3html媒体
    css3新特性div{width:200px;height:200px;background-color:aqua;position:relative;border-radius:20px;/*圆角属性，100%就变成圆形了*/left:50px;top:100px;}两个值border-radius:50px5px;阴影div{width:200px;height:200px;backgroun
  • CSS-入门-MDN文档学习笔记 LoveEmiliaForever css学习笔记前端
    CSS介绍查看更多学习笔记：GitHub：LoveEmiliaForeverMDN中文官网CSS概况CSS的作用CSS是用来指定文档如何展示给用户的一门语言——如网页的样式、布局、等等一份文档是由标记语言组织起来的文本文件（如用HTML组织文档），展示一份文档给用户实际上是将文档变成用户可用的文件CSS可以用于给文档添加样式，如改变文本样式、创建布局、添加动画等特效CSS的语法CSS是一门基于规则
  • svg之全局组件，配合雪碧图解决vue2的svg优化问题 强啊啊强 vue2技巧前端javascripthtml
    这里是vue2中的svg的完整解决方案的另一篇。exportdefault{name:'icon',props:{name:{type:String,required:true,},},}这里这个就是全局的svg组件，代码来自于webpack-懒人神器：svg-sprite-loader实现自己的Icon组件-好好写代码吧-SegmentFault思否老师的代码则是写成这样的形式。其实和上面一个意
  • CSS-布局-MDN文档学习笔记 LoveEmiliaForever MDN前端入门文档学习笔记前端css
    CSS布局查看更多学习笔记：GitHub：LoveEmiliaForeverMDN中文官网介绍CSS布局正常布局流简介正常布局流是指在不对页面进行任何布局控制时，浏览器默认的HTML布局方式当你使用css创建一个布局时，你正在离开正常布局流下列布局技术会覆盖默认的布局行为display属性，如block、inline、inline-block、grid、flex浮动，应用float值positio
  • CSS-基础-MDN文档学习笔记 LoveEmiliaForever css学习笔记前端
    CSS构建基础查看更多学习笔记：GitHub：LoveEmiliaForeverMDN中文官网CSS选择器选择器是什么CSS选择器是CSS规则的第一部分，它用来选择HTML元素，选择器所选择的元素，叫做选择器的对象选择器列表如果有多个使用相同样式的CSS选择器，那么这些单独的选择器可以被混编为一个选择器列表h1{color:blue;}.special{color:blue;}/*下面的规则等效于
  • CSS-文本样式-MDN文档学习笔记 LoveEmiliaForever MDN前端入门文档css学习笔记前端
    CSS文本样式查看更多学习笔记：GitHub：LoveEmiliaForeverMDN中文官网基本文字和字体样式用于样式文本的CSS属性通常可以分为两类字体样式:作用于字体的属性，会直接应用到文本中，比如使用哪种字体，字体的大小是怎样的，字体是粗体还是斜体，等等文本布局风格:作用于文本的间距以及其他布局功能的属性，比如，允许操纵行与字之间的空间，以及在内容框中，文本如何对齐❕包含在元素中的文本是作
  • [前端开发] CSS基础知识 [下] YuanDaima2048 前端学习css前端html5css3前端框架es6
    上篇:CSS基础知识[上]CSS基础知识[下]CSS新特性媒体查询雪碧图字体图标CSS新特性圆角(border-radius)通过border-radius属性为元素添加圆角。类型:border-radius:abcd:四个值分别为左上|右上|右下|左下角border-radius:abc:三个值分别为左上|右上和左下|右下border-radius:ab:两个值分别为左上和右下|右上和左下bor
  • 2018.10.23背景，位置偏移和雪碧图 爽爽ing
    背景插入背景图片background-image:url(img/图片)背景颜色不会超过背景图片设置是否如何重复背景图片background-repeat:no-repeat只显示一个图片background-repeat:repeat-x水平方向铺满background-repeat:repeat-y垂直方向铺满给整个页面设背景，给body设置位置偏移与定位background-position
  • icon的几种做法 索伯列夫
    方法：１．img法２．background法３．background合一法４．font法５．SVG法６．新手慎用【CSS就是干】法img法直接用img标签就可以。好处：可以自适应，可以设置宽高。background法用background背景图设置；注意设置no-repeat；好处，当div的宽高发生变化时，背景图不会随着它变化。在csssprites（雪碧图）中应用，直接使用生成器就可以～ico
  • html是web前端的基础知识，初学的你学对了吗？ web前端学习指南
    html概念前端最核心的技术HTML+CSS+javascriptHTML-结构-骨架CSS-样式-效果JAVASCRIPT-(用户)行为-做的事情超文本标记语言超文本文本(txt文件)-浏览器可以直接打开如果具有中文，可能出现乱码问题标记语法结构-注意-浏览器解析标记（规定的标记内容）注意HTML是不严格的语言允许不用编写所有内容标签名没有明确的规定(大小写)建议标签名使用小写XHTML解释为严
  • css 如何使用精灵图？background属性介绍（代码实例） PHP9年架构师
    本章给大家介绍css怎样使用精灵图？background属性介绍（代码实例），让大家可以了解css精灵图（雪碧图）是怎样使用的。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。一、css如何使用精灵图?介绍如何使用精灵图使用前，我们要先知道什么是精灵图。只有先知道什么是精灵图，了解精灵图的原理了，我们才可是说使用精灵图。web前端全栈资料粉丝福利（面试题、视频、资料笔记、进阶路线）1
  • 如何制作精灵图 efb44152b9c8
    一、css如何使用精灵图?介绍如何使用精灵图使用前，我们要先知道什么是精灵图。只有先知道什么是精灵图，了解精灵图的原理了，我们才可是说使用精灵图。1.什么是css精灵图（sprite）？css精灵图（sprite）直译为“CSS精灵”，也被称为通常被解释为“CSS图像拼合”、“CSS贴图定位”或“CSS图片精灵”、“CSS雪碧图”，是一种网页图片应用处理方式。其实就是把一个页面涉及到的所有零星图片
  • Web课程学习笔记--CSS-Sprite的应用 北航程序员小C 前端学习笔记
    雪碧图CSSSprite的应用CSS雪碧，即CSSSprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。例如常见的商品分类导航其实所有商品的背景图用的都是一个所有小图标拼凑成的大图，只是在不同类别显示对应类别的图标时，通过li背景定位到大图的对应图标的位置。背景图位置可以使用一些雪碧图生成工具的时
  • CSS-背景的相关属性 大庆无疆
    1、背景尺寸属性专门用于设置背景图片的大小background-size:取值：（1）宽高（可为具体像素或百分比）（2）auto高（宽度随高度的变化等比例拉伸）（3）宽auto（高度随宽度的变化等比例拉伸）（4）contain(告诉系统背景图片要等比例拉伸，宽高有一个填满便不再拉伸)（5）cover(告诉系统背景图片要等比例拉伸，并且宽高都要填满才停止)2、背景图片定位区域属性：告诉系统背景图片从
  • CSS-弹性布局-Flex three_hours css
    CSS-弹性布局-Flex一、Flex布局的基本概念二、flex的基本使用1.flex布局的例子2.flex的两个轴线3.起始线和终止线4.使用flex布局使用的属性4.1.flex-direction4.2.flex-wrap4.3.flex-flow4.4.align-items4.5.justify-content4.6.flex-basis4.7.flex-grow4.7.flex-shr
  • css亚马逊雪碧图 牛耀
    设置背景图片默认显示左上角，如果我们想显示图片中某个部分，可以采取负值把需要的部分移动到左上角。最终效果图：image.png鼠标滑过的效果：image.pngHTML：Documentcss:*{margin:0;padding:0;}.a{width:130px;height:45px;background-image:url(../img/amazon-sprite.png);}.b{wid
  • 亚马逊 幸而0407
    代码雪碧图.box1{width:129px;height:48px;background-image:url(image/am.png);}.box2{width:42px;height:30px;background-image:url(image/am.png);background-position:-58px-338px;}效果图Image1.png
  • Web前端笔记 -- CSS① 十八岁讨厌编程 web前端开发#CSScss前端html
    文章目录CSS简介HTML的局限性CSS-网页的美容师CSS语法规范CSS代码风格样式格式书写样式大小写空格规范CSS基础选择器CSS选择器的作用选择器分类标签选择器类选择器类选择器-多类名id选择器通配符选择器基础选择器总结CSS字体属性字体系列字体大小字体粗细文字样式字体复合属性字体属性总结CSS文本样式文本颜色对齐文本装饰文本文本缩进行间距文本属性总结CSS的引入方式CSS的三种样式表内部样
  • 13.前端--CSS-盒子模型 摆脱Loser称号 前端前端css
    1.盒子模型的组成CSS盒子模型本质上是一个盒子，封装周围的HTML元素，它包括：边框、外边距、内边距、和实际内容2.边框（border）2.1边框的使用1、border设置元素的边框。边框有三部分组成:边框宽度(粗细)边框样式边框颜色2、语法border:border-width||border-style||border-color;边框样式border-style可以设置如下值：none：没
  • 【Web前端实操16】雪碧图（CSS精灵图） 墨倾许 Web前端实操前端
    雪碧图CSSSprite也叫CSS精灵图、CSS雪碧图，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去雪碧图一般会给一个完整的图片，主要利用background-position属性设置背景图像的起始位置。优点减少图片的字节减少网页的http请求，从而大大的提高页面的性能原理通过background-image引入背景图片通过background-posit
  • 【前端】快速掌握CSS-盒子模型 gravity_w 前端前端css笔记经验分享css3
    文章目录一、选择器1.结构伪类选择器基本使用:nth-child(公式)2.伪元素选择器二、PxCook三、盒子模型1.盒子模型-组成2.边框线(1)四个方向相同(2)单方向边框线2.内边距3.尺寸计算4.外边距5.版心居中6.清除默认样式7.元素溢出8.外边距问题(1)合并现象(2)外边距塌陷9.行内元素–内外边距问题10.圆角11.盒子阴影（拓展）四、综合案例-产品卡片1.HTML标签2.CS
  • Vue使用svg图片-svg-sprite-loader插件 禾苗种树 UI组件二改svgvue.js前端javascript
    需求：设计给的一个按钮图标是svg的，不是element自带的图标使用插件svg-sprite-loadersvg-sprite-loader什么是svg-sprite-loader？将多个svg打包成svg-sprite。svg雪碧图。类似于CSS中的Sprite技术。图标图形整合在一起，实际呈现的时候准确显示特定图标。在vue2配合webpack；svg图片不存在id冲突，在使用时无需显示引入
  • SQL的各种连接查询 xieke90 UNION ALLUNION外连接内连接JOIN
    一、内连接   概念：内连接就是使用比较运算符根据每个表共有的列的值匹配两个表中的行。                 内连接（join 或者inner join ）       SQL语法：       select * fron
  • java编程思想--复用类 百合不是茶 java继承代理组合final类
          复用类看着标题都不知道是什么,再加上java编程思想翻译的比价难懂,所以知道现在才看这本软件界的奇书   一:组合语法:就是将对象的引用放到新类中即可     代码:     package com.wj.reuse; /** * * @author Administrator 组
  • [开源与生态系统]国产CPU的生态系统 comsci cpu
          计算机要从娃娃抓起...而孩子最喜欢玩游戏....       要让国产CPU在国内市场形成自己的生态系统和产业链,国家和企业就不能够忘记游戏这个非常关键的环节....       投入一些资金和资源,人力和政策,让游
  • JVM内存区域划分Eden Space、Survivor Space、Tenured Gen，Perm Gen解释 商人shang jvm内存
    jvm区域总体分两类，heap区和非heap区。heap区又分：Eden Space（伊甸园）、Survivor Space(幸存者区)、Tenured Gen（老年代-养老区）。 非heap区又分：Code Cache(代码缓存区)、Perm Gen（永久代）、Jvm Stack(java虚拟机栈)、Local Method Statck(本地方法栈)。 HotSpot虚拟机GC算法采用分代收
  • 页面上调用 QQ oloz qq
    <A href="tencent://message/?uin=707321921&amp;Site=有事Q我&amp;Menu=yes">   <img style="border:0px;" src=http://wpa.qq.com/pa?p=1:707321921:1></a>
  • 一些问题 文强chu 问题
    1.eclipse 导出 doc  出现“The Javadoc command does not exist.” javadoc command 选择 jdk/bin/javadoc.exe 2.tomcate 配置 web 项目 ..... SQL:3.mysql  * 必须得放前面 否则  select&nbs
  • 生活没有安全感 小桔子 生活孤独安全感
           圈子好小，身边朋友没几个，交心的更是少之又少。在深圳，除了男朋友，没几个亲密的人。不知不觉男朋友成了唯一的依靠，毫不夸张的说，业余生活的全部。现在感情好，也很幸福的。但是说不准难免人心会变嘛，不发生什么大家都乐融融，发生什么很难处理。我想说如果不幸被分手(无论原因如何)，生活难免变化很大，在深圳，我没交心的朋友。明
  • php 基础语法 aichenglong php 基本语法
    1 .1 php变量必须以$开头 <?php $a=” b”; echo ?> 1 .2 php基本数据库类型 Integer  float/double Boolean string 1 .3 复合数据类型 数组array和对象 object 1 .4 特殊数据类型  null 资源类型(resource)    $co
  • mybatis tools 配置详解 AILIKES mybatis
    MyBatis Generator中文文档 MyBatis Generator中文文档地址： http://generator.sturgeon.mopaas.com/ 该中文文档由于尽可能和原文内容一致，所以有些地方如果不熟悉，看中文版的文档的也会有一定的障碍，所以本章根据该中文文档以及实际应用，使用通俗的语言来讲解详细的配置。 本文使用Markdown进行编辑，但是博客显示效
  • 继承与多态的探讨 百合不是茶 JAVA面向对象 继承 对象
    继承 extends   多态 继承是面向对象最经常使用的特征之一：继承语法是通过继承发、基类的域和方法 //继承就是从现有的类中生成一个新的类，这个新类拥有现有类的所有extends是使用继承的关键字：     在A类中定义属性和方法； class A{ //定义属性 int age； //定义方法 public void go
  • JS的undefined与null的实例 bijian1013 JavaScriptJavaScript
    <form name="theform" id="theform"> </form> <script language="javascript"> var a alert(typeof(b)); //这里提示undefined if(theform.datas
  • TDD实践（一） bijian1013 java敏捷TDD
    一.TDD概述         TDD：测试驱动开发，它的基本思想就是在开发功能代码之前，先编写测试代码。也就是说在明确要开发某个功能后，首先思考如何对这个功能进行测试，并完成测试代码的编写，然后编写相关的代码满足这些测试用例。然后循环进行添加其他功能，直到完全部功能的开发。     
  • [Maven学习笔记十]Maven Profile与资源文件过滤器 bit1129 maven
    什么是Maven Profile Maven Profile的含义是针对编译打包环境和编译打包目的配置定制，可以在不同的环境上选择相应的配置，例如DB信息，可以根据是为开发环境编译打包，还是为生产环境编译打包，动态的选择正确的DB配置信息   Profile的激活机制 1.Profile可以手工激活，比如在Intellij Idea的Maven Project视图中可以选择一个P
  • 【Hive八】Hive用户自定义生成表函数(UDTF) bit1129 hive
    1. 什么是UDTF   UDTF，是User Defined Table-Generating Functions，一眼看上去，貌似是用户自定义生成表函数，这个生成表不应该理解为生成了一个HQL Table， 貌似更应该理解为生成了类似关系表的二维行数据集   2. 如何实现UDTF 继承org.apache.hadoop.hive.ql.udf.generic
  • tfs restful api 加auth 2.0认计 ronin47
    　　目前思考如何给tfs的ngx-tfs api增加安全性。有如下两点： 　　一是基于客户端的ip设置。这个比较容易实现。 　　二是基于OAuth2.0认证，这个需要lua，实现起来相对于一来说，有些难度。 　　现在重点介绍第二种方法实现思路。 　　 前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGe
  • jdk环境变量配置 byalias javajdk
    进行java开发，首先要安装jdk，安装了jdk后还要进行环境变量配置： 1、下载jdk（http://java.sun.com/javase/downloads/index.jsp），我下载的版本是：jdk-7u79-windows-x64.exe 2、安装jdk-7u79-windows-x64.exe 3、配置环境变量：右击"计算机"-->&quo
  • 《代码大全》表驱动法-Table Driven Approach-2 bylijinnan java
    package com.ljn.base; import java.io.BufferedReader; import java.io.FileInputStream; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.Collections; import java.uti
  • SQL 数值四舍五入 小数点后保留2位 chicony 四舍五入
    1.round() 函数是四舍五入用，第一个参数是我们要被操作的数据，第二个参数是设置我们四舍五入之后小数点后显示几位。 2.numeric 函数的2个参数，第一个表示数据长度，第二个参数表示小数点后位数。 例如： 　　select   cast(round(12.5,2)   as   numeric(5,2))  
  • c++运算符重载 CrazyMizzz C++
    一、加+，减-，乘*，除/ 的运算符重载 Rational operator*(const Rational &x) const{ return Rational(x.a * this->a); } 在这里只写乘法的，加减除的写法类似 二、<<输出,>>输入的运算符重载      &nb
  • hive DDL语法汇总 daizj hive修改列DDL修改表
    hive DDL语法汇总 １、对表重命名 hive> ALTER TABLE table_name RENAME TO new_table_name;   2、修改表备注 hive> ALTER TABLE table_name SET TBLPROPERTIES ('comment' = new_comm
  • jbox使用说明 dcj3sjt126com Web
    参考网址：http://www.kudystudio.com/jbox/jbox-demo.html jBox v2.3 beta [ 点击下载]  技术交流QQGroup：172543951 100521167 [2011-11-11] jBox v2.3 正式版 - [调整&修复] IE6下有iframe或页面有active、applet控件
  • UISegmentedControl 开发笔记 dcj3sjt126com
      //    typedef NS_ENUM(NSInteger, UISegmentedControlStyle) {     //        UISegmentedControlStylePlain,     // large plain   &
  • Slick生成表映射文件 ekian scala
    Scala添加SLICK进行数据库操作，需在sbt文件上添加slick-codegen包 "com.typesafe.slick" %% "slick-codegen" % slickVersion 因为我是连接SQL Server数据库，还需添加slick-extensions，jtds包 "com.typesa
  • ES-TEST gengzg test
    package com.MarkNum; import java.io.IOException; import java.util.Date; import java.util.HashMap; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.annotation
  • 为何外键不再推荐使用 hugh.wang mysqlDB
    表的关联，是一种逻辑关系，并不需要进行物理上的“硬关联”，而且你所期望的关联，其实只是其数据上存在一定的联系而已，而这种联系实际上是在设计之初就定义好的固有逻辑。 在业务代码中实现的时候，只要按照设计之初的这种固有关联逻辑来处理数据即可，并不需要在数据库层面进行“硬关联”，因为在数据库层面通过使用外键的方式进行“硬关联”，会带来很多额外的资源消耗来进行一致性和完整性校验，即使很多时候我们并不
  • 领域驱动设计 julyflame VODAO设计模式DTOpo
    概念： VO（View Object）：视图对象，用于展示层，它的作用是把某个指定页面（或组件）的所有数据封装起来。 DTO（Data Transfer Object）：数据传输对象，这个概念来源于J2EE的设计模式，原来的目的是为了EJB的分布式应用提供粗粒度的数据实体，以减少分布式调用的次数，从而提高分布式调用的性能和降低网络负载，但在这里，我泛指用于展示层与服务层之间的数据传输对
  • 单例设计模式 hm4123660 javaSingleton单例设计模式懒汉式饿汉式
           单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问，从而方便对实例个数的控制并节约系统源。如果希望在系统中某个类的对象只能存在一个，单例模式是最好的解决方案。      &nb
  • logback zhb8015 loglogback
    一、logback的介绍      Logback是由log4j创始人设计的又一个开源日志组件。logback当前分成三个模块：logback-core,logback- classic和logback-access。logback-core是其它两个模块的基础模块。logback-classic是log4j的一个 改良版本。此外logback-class
  • 整合Kafka到Spark Streaming——代码示例和挑战 Stark_Summer sparkstormzookeeperPARALLELISMprocessing
    作者Michael G. Noll是瑞士的一位工程师和研究员，效力于Verisign，是Verisign实验室的大规模数据分析基础设施（基础Hadoop）的技术主管。本文，Michael详细的演示了如何将Kafka整合到Spark Streaming中。 期间， Michael还提到了将Kafka整合到 Spark Streaming中的一些现状，非常值得阅读，虽然有一些信息在Spark 1.2版
  • spring-master-slave-commondao 王新春 DAOspringdataSourceslavemaster
    互联网的web项目，都有个特点：请求的并发量高，其中请求最耗时的db操作，又是系统优化的重中之重。 为此，往往搭建 db的 一主多从库的 数据库架构。作为web的DAO层，要保证针对主库进行写操作，对多个从库进行读操作。当然在一些请求中，为了避免主从复制的延迟导致的数据不一致性，部分的读操作也要到主库上。（这种需求一般通过业务垂直分开，比如下单业务的代码所部署的机器，读去应该也要从主库读取数
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他